diff --git a/src/app/page.tsx b/src/app/page.tsx index d3b7dcc..d66e93d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -28,6 +28,7 @@ import { MeshStandardMaterial, FogExp2 } from 'three'; +import { LUTCubeLoader } from 'three/examples/jsm/loaders/LUTCubeLoader'; import './page.css'; import { createNoise2D } from 'simplex-noise'; @@ -39,11 +40,13 @@ import { Bloom, EffectComposer, Noise, - Pixelation, Vignette, DepthOfField, GodRays, - SMAA + SMAA, + HueSaturation, + BrightnessContrast, + LUT } from '@react-three/postprocessing'; interface Shader { @@ -633,6 +636,11 @@ function Loader() { ); } +function LutEffect() { + const lutTexture = useLoader(LUTCubeLoader, '/lut/Moody3.cube'); + return ; +} + export default function Home() { const [sealMesh, setSealMesh] = useState(null); @@ -655,6 +663,9 @@ export default function Home() { luminanceSmoothing={0.1} /> + + +