bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-06-30 16:29:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add more 3d objects and add contrast

Browse source
This commit is contained in:
Bart van der Braak 2023-08-10 12:11:53 +02:00
parent 49e6393338
commit 8c5bbe2e77
14 changed files with 191 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/routes/toolbox/models/GithubFluid.svelte Normal file
View file

@ -0,0 +1,46 @@
<!--
Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/github-fluid.glb --transform
-->
<script>
import { Group } from 'three';
import { T, forwardEventHandlers } from '@threlte/core';
import { useGltf } from '@threlte/extras';
export const ref = new Group();
const initialScale = 30;
const gltf = useGltf('/models/github-fluid-transformed.glb', { useDraco: true });
const component = forwardEventHandlers();
</script>
<T is={ref} dispose={false} {...$$restProps} bind:this={$component}>
{#await gltf}
<slot name="fallback" />
{:then gltf}
<T.Mesh
geometry={gltf.nodes.circle4.geometry}
material={gltf.materials['SVGMat.010']}
position={[0.0 * initialScale, 0.0 * initialScale, 0 * initialScale]}
rotation={[Math.PI / 2, 0, 0]}
scale={initialScale}
/>
<T.Mesh
geometry={gltf.nodes.path4.geometry}
material={gltf.materials['SVGMat.012']}
position={[-0.017 * initialScale, -0.02 * initialScale, 0 * initialScale]}
rotation={[Math.PI / 2, 0, 0]}
scale={initialScale}
/>
{:catch error}
<slot name="error" {error} />
{/await}
<slot {ref} />
</T>
<!-- position={[0.06 * initialScale, 0.06 * initialScale, 0 * initialScale]}
position={[0.045 * initialScale, 0.04 * initialScale, 0 * initialScale]} -->

23
src/routes/toolbox/models/TerraformFlat.svelte
View file

@ -3,12 +3,19 @@ Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/terraform-flat.glb --transform
-->
<script>
<script lang="ts">
import { Group } from 'three';
import { T, forwardEventHandlers } from '@threlte/core';
import { useGltf } from '@threlte/extras';
export const ref = new Group();
const initialScale = 30;
const offsetOrigin: [number, number, number] = [-0.1, 0, -0.034];
const multipliedOffset: [number, number, number] = [
offsetOrigin[0] * initialScale,
offsetOrigin[1] * initialScale,
offsetOrigin[2] * initialScale
];
const gltf = useGltf('/models/terraform-flat-transformed.glb', { useDraco: true });
@ -20,8 +27,18 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/terraform-flat.glb --tr
<slot name="fallback" />
{:then gltf}
<T.Group rotation={[Math.PI / 2, 0, 5]}>
<T.Mesh geometry={gltf.nodes.Curve_1.geometry} material={gltf.materials.SVGMat} />
<T.Mesh geometry={gltf.nodes.Curve_2.geometry} material={gltf.materials['SVGMat.001']} />
<T.Mesh
geometry={gltf.nodes.Curve_1.geometry}
material={gltf.materials.SVGMat}
position={multipliedOffset}
scale={initialScale}
/>
<T.Mesh
geometry={gltf.nodes.Curve_2.geometry}
material={gltf.materials['SVGMat.001']}
position={multipliedOffset}
scale={initialScale}
/>
</T.Group>
{:catch error}
<slot name="error" {error} />

13
src/routes/toolbox/models/Warp.svelte
View file

@ -3,12 +3,19 @@ Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/warp.glb --transform
-->
<script>
<script lang="ts">
import { Group } from 'three';
import { T, forwardEventHandlers } from '@threlte/core';
import { useGltf } from '@threlte/extras';
export const ref = new Group();
const initialScale = 20;
const offsetOrigin: [number, number, number] = [-0.1, 0, -0.034];
const multipliedOffset: [number, number, number] = [
offsetOrigin[0] * initialScale,
offsetOrigin[1] * initialScale,
offsetOrigin[2] * initialScale
];
const gltf = useGltf('/models/warp-transformed.glb', { useDraco: true });
@ -23,11 +30,15 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/warp.glb --transform
geometry={gltf.nodes.Warp.geometry}
material={gltf.materials.SVGMat}
rotation={[Math.PI / 2, 0, 0.3]}
position={multipliedOffset}
scale={initialScale}
/>
<T.Mesh
geometry={gltf.nodes.Warp001.geometry}
material={gltf.materials.Gradient}
rotation={[Math.PI / 2, 0, 0.3]}
position={multipliedOffset}
scale={initialScale}
/>
{:catch error}
<slot name="error" {error} />