Mountain Depth Map Shader Transition
A cinematic scene transition using a depth map and FBM noise to create a volumetric reveal that respects the 3D structure of the landscape
Not VerifiedBlockExperiment3 files
shaderanimationscroll3d
Preview
Mountain Depth Map Shader TransitionOpen Full Page
[!TIP] Open in full screen for the best experience.
Install
npx shadcn add https://www.razisyed.cv/r/mountain-transitionDependencies
npm i @react-three/fiber @react-three/drei gsap threeFile Structure
MountainTransition.tsx
Scene.tsx
shaders.ts
Source
Loading source...