Cheap interactive water

Showcase
1

Need water for a game but didn’t want to use the full blown GPGPU simulator. Here is my idea:

Source and explanation: GitHub - mqnc/cheapwater: cheap interactive water using three.js
Demo: Cheap Interactive Water Demo

20 Likes
2

Nice effect.

Here is another cheap water (computationally it is not optimal, but at least it is cognitively cheap):

https://boytchev.github.io/etudes/threejs/reflection.html

image

7 Likes
3

I like this test!

4

thats reflection only i think he wants interactive water

5

Huge thanks, @mqnc ! I’ve been digging into Three.js water demos for months, and for a high-performance multiplayer FPS, this is unbeatable: simple, fast, and looks great.

I extended it to support world-space player movement without losing performance:

Demo / CodePen: Screen-Space Water Ripples with World-Space Player Movement in Three.js
Forum write-up: Screen-Space Water Ripples with World-Space Player Movement in Three.js - Resources - three.js forum

Really appreciate the inspiration; an absolute gem!

3 Likes