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