diff --git a/packages/playground/src/shared/r3f-rocket/App.tsx b/packages/playground/src/shared/r3f-rocket/App.tsx index 8a6420c..e8cb0e7 100644 --- a/packages/playground/src/shared/r3f-rocket/App.tsx +++ b/packages/playground/src/shared/r3f-rocket/App.tsx @@ -3,18 +3,13 @@ import {OrbitControls, Stars} from '@react-three/drei' import {getProject} from '@theatre/core' import React, {Suspense, useState} from 'react' import {Canvas} from '@react-three/fiber' -import {useGLTF} from '@react-three/drei' +import {useGLTF, PerspectiveCamera} from '@react-three/drei' import sceneGLB from './scene.glb' document.body.style.backgroundColor = '#171717' -/* -Auto-generated by: https://github.com/pmndrs/gltfjsx -author: overlaps (https://sketchfab.com/overlaps) -license: CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/) -source: https://sketchfab.com/models/91964c1ce1a34c3985b6257441efa500 -title: Space exploration [WLP series #8] -*/ +const EditableCamera = e(PerspectiveCamera, 'perspectiveCamera') + function Model({url}: {url: string}) { const {nodes} = useGLTF(url) as any @@ -54,15 +49,17 @@ function App() { onClick={() => { // return setBgIndex((bgIndex) => (bgIndex + 1) % bgs.length) }} + style={{ + height: '100vh', + }} > getProject('Space').sheet('Scene')}> - - + +