feat: add postprocessing
This commit is contained in:
+6
-2
@@ -12,7 +12,7 @@ import { useControls } from 'leva';
|
||||
|
||||
import grassVert from './shaders/grass.vert';
|
||||
import grassFrag from './shaders/grass.frag';
|
||||
import { Bloom, EffectComposer } from '@react-three/postprocessing';
|
||||
import { Bloom, EffectComposer, Noise, Pixelation } from '@react-three/postprocessing';
|
||||
|
||||
interface Shader {
|
||||
uniforms: { [key: string]: { value: unknown } };
|
||||
@@ -501,7 +501,11 @@ export default function Home() {
|
||||
className='canvas'
|
||||
>
|
||||
<EffectComposer>
|
||||
<Bloom />
|
||||
<Noise opacity={0.1} />
|
||||
<Bloom intensity={2}
|
||||
luminanceThreshold={0.5}
|
||||
luminanceSmoothing={0.1} />
|
||||
<Pixelation />
|
||||
</EffectComposer>
|
||||
|
||||
<ambientLight intensity={0.5} />
|
||||
|
||||
Reference in New Issue
Block a user