Threejs Water with caustics underwater and droplets using react three fiber
· 2:49 · Projects · three.js, react-three-fiber, post-processing
Watch on YouTube · Subscribe to the channel
Sign up for my newsletter:
I’ve taken the threejs water realism to the next level! Now with RGB distortion in the caustics, we get even more realistic, colorful light projections. The water movement has been improved to flow naturally, with optimizations for smoother performance.
Plus, I’ve added a post-processing effect that simulates underwater distortion, complete with a dynamic waterline when the camera is partially submerged. And when we come up for air, watch out for realistic water droplets on the screen!
Stay tuned for the live link coming soon!
Links from the video
Related projects
- Realistic Water — WebGL pool simulation with caustics