diff --git a/src/app/page.tsx b/src/app/page.tsx index 742bb65..eb44116 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,19 @@ 'use client'; -import { Environment, OrbitControls, PerspectiveCamera } from '@react-three/drei'; +import { + Environment, + OrbitControls, + PerspectiveCamera +} from '@react-three/drei'; import { Canvas, useLoader, useFrame } from '@react-three/fiber'; -import { useLayoutEffect, useMemo, useRef } from 'react'; +import { + forwardRef, + useImperativeHandle, + useLayoutEffect, + useMemo, + useRef, + useState +} from 'react'; import { BufferAttribute, @@ -468,8 +479,8 @@ function TerrainChunk({ ref={meshRef} geometry={geometry} position={[x * size, 0, y * size]} - // receiveShadow - // castShadow + // receiveShadow + // castShadow > ((props, ref) => { ); }); -SealCube.displayName = "SealCube" +SealCube.displayName = 'SealCube'; export default function Home() { // const { chunks, chunkSize, chunkRes, terrainScale, hillScale, hillHeight, detailScale, detailHeight, wireframe, grassCount, grassSize, grassLOD } = useControls( @@ -602,6 +613,7 @@ export default function Home() { // ); const [sealMesh, setSealMesh] = useState(null); + return ( - {sealMesh ? + {sealMesh ? ( : <> - } + /> + ) : ( + <> + )} @@ -649,7 +663,11 @@ export default function Home() { grassSize={0.6} grassLOD={80} /> - { if (mesh && !sealMesh) setSealMesh(mesh) }} /> + { + if (mesh && !sealMesh) setSealMesh(mesh); + }} + />