mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-06-28 07:19:09 +00:00
feat: add threatre for debugging purposes
This commit is contained in:
parent
319e9ec368
commit
539dd2acbd
4 changed files with 86 additions and 0 deletions
17
src/routes/theatre/+page.svelte
Normal file
17
src/routes/theatre/+page.svelte
Normal file
|
@ -0,0 +1,17 @@
|
|||
<script lang="ts">
|
||||
import { Canvas } from '@threlte/core';
|
||||
import Scene from './Scene.svelte';
|
||||
import { Theatre } from '@threlte/theatre';
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>hellob.art — theatre</title>
|
||||
</svelte:head>
|
||||
|
||||
<main class="container h-screen w-full">
|
||||
<Canvas>
|
||||
<Theatre>
|
||||
<Scene />
|
||||
</Theatre>
|
||||
</Canvas>
|
||||
</main>
|
18
src/routes/theatre/Scene.svelte
Normal file
18
src/routes/theatre/Scene.svelte
Normal file
|
@ -0,0 +1,18 @@
|
|||
<script>
|
||||
import { T } from '@threlte/core';
|
||||
import { OrbitControls } from '@threlte/extras';
|
||||
import { SheetObject } from '@threlte/theatre';
|
||||
import Kubernetes from '../toolbox/models/Kubernetes.svelte';
|
||||
</script>
|
||||
|
||||
<T.PerspectiveCamera position={[0, 5, 10]} makeDefault>
|
||||
<OrbitControls target.y={1.5} />
|
||||
</T.PerspectiveCamera>
|
||||
|
||||
<T.AxesHelper></T.AxesHelper>
|
||||
|
||||
<SheetObject key="Kubernetes" let:Transform>
|
||||
<Transform>
|
||||
<Kubernetes scale={1}></Kubernetes>
|
||||
</Transform>
|
||||
</SheetObject>
|
Loading…
Add table
Add a link
Reference in a new issue