flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/threlte-vr-code-editor. proof of concept for a live 3d code editor in vr
code-editor
threejs
threlte
vr
841 B
29 lines
1<script lang="ts">
2 import { T, useTask } from '@threlte/core';
3 import { Environment, Float, Grid, OrbitControls, Text3DGeometry } from '@threlte/extras';
4 import PlanetModel from './PlanetModel.svelte';
5
6 let r = 0;
7 useTask((dt) => {
8 r += dt * 0.2;
9 });
10</script>
11
12<T.PerspectiveCamera makeDefault position={[0, 1.2, 3]} fov={15}>
13 <OrbitControls enableZoom={true} enableDamping autoRotateSpeed={0.5} target.y={1.2} />
14</T.PerspectiveCamera>
15
16<T.DirectionalLight intensity={1.8} position.x={5} position.y={10} />
17<T.AmbientLight intensity={0.2} />
18
19<Float>
20 <PlanetModel position={[-0.6, 1, -0.6]} scale={0.25} rotation.y={r} />
21</Float>
22
23<Float>
24 <T.Mesh scale={0.001} position={[-0.3, 0.8, -0.8]}>
25 <Text3DGeometry text="hello world" />
26 <T.MeshStandardMaterial color="green" />
27 </T.Mesh>
28</Float>
29<Environment files="/env.hdr" />