variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make @theatre/r3f play well with different vs of react,three,r3f #177

Browse source
This commit is contained in:
Aria 2022-05-27 21:59:51 +02:00 • committed by GitHub
parent e8c440f357
commit 9b4aa4b0e0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
50 changed files with 796 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

10
examples/r3f-cra/src/App.js
View file

@ -1,11 +1,11 @@
import {getProject} from '@theatre/core'
import * as THREE from 'three'
import {useState, useEffect, useRef} from 'react'
import React, {useState, useEffect, useRef} from 'react'
import {useFrame, Canvas} from '@react-three/fiber'
import {Shadow, softShadows} from '@react-three/drei'
import React from 'react'
import studio from '@theatre/studio'
import {editable as e, SheetProvider, extension} from '@theatre/r3f'
import {editable as e, SheetProvider} from '@theatre/r3f'
import extension from '@theatre/r3f/dist/extension'
if (process.env.NODE_ENV === 'development') {
studio.extend(extension)
@ -90,6 +90,10 @@ function App() {
<Canvas
// @ts-ignore
shadowMap
gl={{preserveDrawingBuffer: true}}
linear
frameloop="demand"
dpr={[1.5, 2]}
>
<SheetProvider
sheet={getProject('Playground - R3F').sheet('R3F-Canvas')}

2
examples/r3f-cra/src/index.js
View file

@ -8,7 +8,7 @@ import App from './App'
ReactDOM.render(
<React.StrictMode>
<App project={getProject('CRA project')} />
<App />
</React.StrictMode>,
document.getElementById('root'),
)