flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/flo-bit.github.io. my personal website, w/ astro, svelte, tailwind, typescript, threlte
flo-bit.dev/
portfolio
portfolio-website
svelte
sveltekit
tailwind
threejs
threlte
typescript
643 B
22 lines
1<script lang="ts">
2 import { T } from "@threlte/core";
3 import { Planet } from "./worlds/planet";
4
5 import { useSuspense } from '@threlte/extras'
6 import { planetPresets } from "./worlds/presets";
7 const suspend = useSuspense()
8
9 let presets = ['forest', 'beach', 'snowForest'];
10
11 let planet = new Planet(planetPresets['beach']);
12 let planetMesh = suspend(planet.create());
13
14 export const redo = async () => {
15 planet = new Planet(planetPresets[presets[Math.floor(Math.random() * presets.length)]]);
16 planetMesh = planet.create();
17 }
18</script>
19
20{#await planetMesh then mesh}
21 <T is={mesh} />
22{/await}