Fix the structure of the r3f playground

This commit is contained in:
Aria Minaei 2022-03-02 23:13:31 +01:00
parent 53c3302cab
commit 5f01ef0821
2 changed files with 6 additions and 10 deletions

View file

@ -1,19 +1,10 @@
import {
editable as e,
RefreshSnapshot,
SheetProvider,
extension,
} from '@theatre/r3f'
import {editable as e, RefreshSnapshot, SheetProvider} from '@theatre/r3f'
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 sceneGLB from './scene.glb'
import studio from '@theatre/studio'
studio.extend(extension)
studio.initialize()
document.body.style.backgroundColor = '#171717'

View file

@ -1,5 +1,10 @@
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import studio from '@theatre/studio'
import {extension} from '@theatre/r3f'
studio.extend(extension)
studio.initialize()
ReactDOM.render(<App />, document.getElementById('root'))