From 1376f4102e267047b1c7ec9ba6c98964d8e93f84 Mon Sep 17 00:00:00 2001 From: Bart van der Braak Date: Tue, 8 Aug 2023 01:58:49 +0200 Subject: [PATCH] feat: added origin offsets and initial scale --- src/routes/toolbox/Scene.svelte | 6 +++--- src/routes/toolbox/models/Kubernetes.svelte | 11 +++++++++++ 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/src/routes/toolbox/Scene.svelte b/src/routes/toolbox/Scene.svelte index 1ecc4ac..219732d 100644 --- a/src/routes/toolbox/Scene.svelte +++ b/src/routes/toolbox/Scene.svelte @@ -7,7 +7,7 @@ import { spring } from 'svelte/motion'; interactivity(); - const scale = spring(250 * 1); + const scale = spring(1); let rotation = 0; useFrame((state, delta) => { @@ -31,7 +31,7 @@ position.z={-2} position.x={-1} scale={$scale} - on:pointerenter={() => scale.set(250 * 1.5)} - on:pointerleave={() => scale.set(250 * 1)} + on:pointerenter={() => scale.set(1.5)} + on:pointerleave={() => scale.set(1)} /> diff --git a/src/routes/toolbox/models/Kubernetes.svelte b/src/routes/toolbox/models/Kubernetes.svelte index ceac8d0..d8257ef 100644 --- a/src/routes/toolbox/models/Kubernetes.svelte +++ b/src/routes/toolbox/models/Kubernetes.svelte @@ -9,6 +9,13 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/kubernetes.glb --transf import { useGltf } from '@threlte/extras'; export const ref = new Group(); + const initialScale = 250; + const offsetOrigin: [number, number, number] = [-0.0091, -0.0086, 0.0007]; + const multipliedOffset: [number, number, number] = [ + offsetOrigin[0] * initialScale, + offsetOrigin[1] * initialScale, + offsetOrigin[2] * initialScale + ]; const gltf = useGltf('/models/kubernetes-transformed.glb', { useDraco: true }); @@ -23,11 +30,15 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/kubernetes.glb --transf geometry={gltf.nodes.Curve.geometry} material={gltf.materials['SVGMat.006']} rotation={[Math.PI / 2, 0, 0]} + position={multipliedOffset} + scale={initialScale} /> {:catch error}