silentsilas/playground
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update node, try out threlte uikit

Browse Source
This commit is contained in:
silentsilas
2025-01-23 18:59:39 -05:00
parent c305246dee
commit 99886718dd
5 changed files with 365 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/components/scenes/editor/Scene.svelte
View File

@@ -1,12 +1,17 @@
<script lang="ts" module>
import { T } from '@threlte/core';
import { Root, Container, Fullscreen, Text } from 'threlte-uikit';
</script>
<T.PerspectiveCamera position={[0, 0, 5]} />
<T.Group>
<T.Mesh position={[ 0, -0.2, 0 ]}>
<T.BoxGeometry args={[1, 1, 1]} />
<T.MeshBasicMaterial color="red" />
<Root backgroundColor="red" sizeX={8} sizeY={4} flexDirection="row">
<Container flexGrow={1} margin={32} backgroundColor="green" />
<Container flexGrow={1} margin={32} backgroundColor="blue" />
</Root>
<T.Mesh position={[0, -0.2, 0]} visible>
<T.BoxGeometry args={[3, 5, 0.1]} />
<T.MeshStandardMaterial emissive="#187d18" />
</T.Mesh>
</T.Group>

8
src/lib/components/scenes/game/Title.svelte Normal file
View File

@@ -0,0 +1,8 @@
<script lang="ts">
import { Root, Container } from 'threlte-uikit';
</script>
<Root backgroundColor="red" sizeX={8} sizeY={4} flexDirection="row">
<Container flexGrow={1} margin={32} backgroundColor="green" />
<Container flexGrow={1} margin={32} backgroundColor="blue" />
</Root>