bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-26 17:11:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: added origin offsets and initial scale

Browse source
This commit is contained in:
Bart van der Braak 2023-08-08 01:58:49 +02:00
parent 16045ca5ba
commit 1376f4102e
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/routes/toolbox/Scene.svelte
View file

@ -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)}
/>
</Float>

11
src/routes/toolbox/models/Kubernetes.svelte
View file

@ -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}
/>
<T.Mesh
geometry={gltf.nodes.Curve001.geometry}
material={gltf.materials['SVGMat.007']}
rotation={[Math.PI / 2, 0, 0]}
position={multipliedOffset}
scale={initialScale}
/>
{:catch error}
<slot name="error" {error} />