How can I make the blur panel in three.js?

memo_0218 · February 7, 2025, 7:23am

As you can see in the current photo, the bottom of the model submerged in water is very clearly visible.
So I’m trying to cover the blur panel so that the bottom part is blurred out. So I hope you guys can help me with that.

Antonio · February 7, 2025, 7:30pm

Actually, ‘blured’ is somehow vague in regards of the real phenomenon, which sould be closer to ‘turbulence’.

If that is what you are after for, take a look at:

water demo
water / flowmap demo

Chaser_Code · February 7, 2025, 8:01pm

Maybe add gradient to sand from bottom to center between bottom and coast.

Topic		Replies	Views
How to create a shallow underwater scene? Questions textures , materials , geometry	3	1166	March 12, 2024
Under the sky box, the model becomes blurred Questions textures	0	365	July 21, 2022
Problems with images qualities, borders, performances Questions textures , materials , geometry	2	377	May 26, 2022
Help about water distortion effect threejs Questions materials , shaders , animation	3	1237	November 27, 2022
How to make a backgroudn blur on an geometry or another object of threejs Questions textures , geometry	16	3490	December 5, 2023

How can I make the blur panel in three.js?

Related topics