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}