diff --git a/src/app/page.tsx b/src/app/page.tsx index 785ad4a..cdf2b38 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,8 @@ 'use client'; -import { OrbitControls, PerspectiveCamera } from '@react-three/drei'; import { Environment, OrbitControls, PerspectiveCamera } from '@react-three/drei'; import { Canvas, useLoader, useFrame } from '@react-three/fiber'; -import { forwardRef, useLayoutEffect, useMemo, useRef } from 'react'; +import { useLayoutEffect, useMemo, useRef } from 'react'; import { BufferAttribute, @@ -27,7 +26,9 @@ import { Bloom, EffectComposer, Noise, - Pixelation + Pixelation, + Vignette, + DepthOfField } from '@react-three/postprocessing'; interface Shader { @@ -466,8 +467,8 @@ function TerrainChunk({ ref={meshRef} geometry={geometry} position={[x * size, 0, y * size]} - // receiveShadow - // castShadow + // receiveShadow + // castShadow > - + {/* */} @@ -618,7 +619,7 @@ export default function Home() { @@ -637,8 +638,8 @@ export default function Home() { target={[0, 5, 0]} enablePan={false} makeDefault - minDistance={5} - maxDistance={30} + minDistance={2} + maxDistance={10} /> );