water caustics - Soft8Soft

This topic has 4 replies, 3 voices, and was last updated 2 years ago by Michael Grebstad.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
2024-06-15 at 3:34 pm #74874

Michael Grebstad
Customer

Hi, is it possible to create something similar to this demo?

https://madebyevan.com/webgl-water/

https://medium.com/@evanwallace/rendering-realtime-caustics-in-webgl-2a99a29a0b2c

2024-06-16 at 11:34 pm #74889

xeon
Customer

Well since I am chillin with a drink in my hand and nobody has responded I thought I would drop a line or two.

It’s a great demo of webgl/threejs.

Can you do this in Verge3d to the same level of interactivity and quality – sure you just need to know JS and threeJS and understand the principals to the level the author of the demo knows and you are set.

Alternatively you can hire a dev that has that skill set but it will be expensive.

A inexpensive alternative would be to fake it.
The map you use for creating water surface normals can be modified to use as caustics. Animating the material over time will produce a quasi similar effect.

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2024-06-17 at 5:01 am #74895

Yuri Kovelenov
Staff

We are currently making a new demo with various water effects. Stay tuned!

Chief 3D Verger | LinkedIn | X

2024-06-19 at 4:20 pm #75054

Michael Grebstad
Customer

Yuri Kovelenov wrote:

We are currently making a new demo with various water effects. Stay tuned!

Cool! cant wait! i work on creating immersive ocean experiences atm.

2024-06-19 at 4:23 pm #75055

Michael Grebstad
Customer

Thanks for this, between your sips :) i could fake it, would not be a problem, maybe, i just think this was a properly cool effect.

xeon wrote:

Well since I am chillin with a drink in my hand and nobody has responded I thought I would drop a line or two.

It’s a great demo of webgl/threejs.

Can you do this in Verge3d to the same level of interactivity and quality – sure you just need to know JS and threeJS and understand the principals to the level the author of the demo knows and you are set.

Alternatively you can hire a dev that has that skill set but it will be expensive.

A inexpensive alternative would be to fake it.
The map you use for creating water surface normals can be modified to use as caustics. Animating the material over time will produce a quasi similar effect.
Author

Posts