archive-gh-me/zustand
1
0
Fork 0
mirror of https://github.com/pmndrs/zustand.git synced 2025-12-08 19:45:52 +00:00
Code Issues Projects Releases Wiki Activity

fix: live demo failure (#1159)

Browse Source 
* fix: correctly extend THREE for custom canvas

* refactor: remove unnecessary fiber extend
This commit is contained in:
Mike 2022-07-30 18:46:55 +08:00 committed by GitHub
parent 0a5f0dc720
commit a68103bb8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
examples/src/components/Scene.js
View File

@ -1,8 +1,7 @@
import * as THREE from 'three'
import { PlaneBufferGeometry } from 'three'
import { useRef, useState } from 'react'
import { Plane, useAspect, useTexture } from '@react-three/drei'
import { useFrame, extend } from '@react-three/fiber'
import { useFrame } from '@react-three/fiber'
import Fireflies from './Fireflies'
import bgUrl from '../resources/bg.jpg'
import starsUrl from '../resources/stars.png'
@ -12,9 +11,6 @@ import leaves1Url from '../resources/leaves1.png'
import leaves2Url from '../resources/leaves2.png'
import '../materials/layerMaterial'
// PlaneBufferGeometry is needed for Plane
extend({ PlaneBufferGeometry })
export default function Scene({ dof }) {
const scaleN = useAspect(16, 10, 1.05)
const scaleW = useAspect(22, 10, 1.05)

6
examples/src/index.js
View File

@ -1,5 +1,6 @@
import * as THREE from 'three'
import { createRoot } from 'react-dom/client'
import { createRoot as createCanvasRoot, events } from '@react-three/fiber'
import { createRoot as createCanvasRoot, events, extend } from '@react-three/fiber'
import './styles.css'
import App from './App'
import Backdrop from './components/Backdrop'
@ -8,6 +9,9 @@ const root = createRoot(document.getElementById('root'))
root.render(<App />)
// https://docs.pmnd.rs/react-three-fiber/api/canvas#custom-canvas
extend(THREE)
const backdrop = createCanvasRoot(document.getElementById('backdrop'))
backdrop