diff --git a/src/app/niko/page.tsx b/src/app/niko/page.tsx index 0b62321..40f5648 100644 --- a/src/app/niko/page.tsx +++ b/src/app/niko/page.tsx @@ -3,12 +3,13 @@ import './page.css'; import { Environment, OrbitControls, useProgress } from "@react-three/drei"; -import { Canvas } from '@react-three/fiber'; -import { Bloom, BrightnessContrast, DepthOfField, EffectComposer, HueSaturation, Noise, SMAA, SSAO, Vignette } from '@react-three/postprocessing'; +import { Canvas, useLoader } from '@react-three/fiber'; +import { Bloom, BrightnessContrast, DepthOfField, EffectComposer, HueSaturation, LUT, Noise, SMAA, SSAO, Vignette } from '@react-three/postprocessing'; import { useLayoutEffect, useState } from "react"; import { folder, useControls, Leva } from 'leva'; import SealCube from './scene-components/sealcube'; import Terrain from './scene-components/terrain'; +import { LUTCubeLoader } from 'three/examples/jsm/Addons.js'; function Loader() { const { progress, active } = useProgress(); @@ -110,6 +111,11 @@ function Scene() { ) } +function LutEffect() { + const lutTexture = useLoader(LUTCubeLoader, 'niko/lut/Landscape6.cube'); + return ; +} + function PostProcessing() { return ( @@ -123,6 +129,7 @@ function PostProcessing() { + ) }