I need depth-based water glsl

Hi, @everyone.
I am developing island viewer project.
But I can’t make realistic sea surface.
I wanna different sight following depth.
I think it need depth-based water shader.
Please help me.

This example may be helpful :eyes:

1 Like

Thx for your help.
Do you have source?

It’s there - the entire demo is within the HTML code.

I am using three.js-r128 in project.
But demo use r172.
How can I solve it?
I have to download whole r172 source?

r128 is >4 years old - it’ll likely be very incompatible with most new demos. I’d consider first upgrading to at least r160-r170 (you’ll get better colors, and maybe a bit better performance too.)

1 Like

Hi @Franck_Mallete
To download last version… site https://threejs.org/ … “download” at left menu.
I got the original code of the page:
depthsea_orig.zip (6.9 KB)
And here is the code I have changed to run it in my home server:
depthseaB.zip (5.1 KB)
depthseaB do not have glb.
I downloaded the glb and the png to run locally:
clouded_mirror.glb (259.0 KB)
and the blue_128.png:


I hope this is useful.

PS: I do not run WebGPU… it runs in WebGL normally!
PS2: The original page has Copyright!!!

@jrlazz
It’s very helpful for me.
I wanna long term collaboration.
Thx.

1 Like

I have one more problem.

You have to write it…

Can you give me contact info?
I’ll share the project.

@jrlazz @mjurczyk
can u solve one problem with water?

Hi @Franck_Mallete

Sorry for not being able to help you… I don’t understand anything about shaders! :worried: