water-shader icon indicating copy to clipboard operation
water-shader copied to clipboard

any help to get this to webgl? threejs

Open arpu opened this issue 4 years ago • 10 comments

is it possible to use this shaders with webgl 2.0 and threejs ?

arpu avatar Jun 06 '20 22:06 arpu

Yes, it should be possible to port it w/o too much work. I can try to setup a threejs demo with it.

tuxalin avatar Jun 07 '20 09:06 tuxalin

this would be awesome!

arpu avatar Jun 07 '20 09:06 arpu

@tuxalin any news on this :> ?

arpu avatar Feb 02 '21 12:02 arpu

Sadly I didn't had much free time in the past months, but I do plan to port it one day.

tuxalin avatar Feb 03 '21 12:02 tuxalin

testing some Foam water with THREE if this helps https://codesandbox.io/s/hungry-nash-zr8h7?file=/src/index.js

arpu avatar Feb 03 '21 13:02 arpu

Thanks! That's actually quite helpful, will use it.

tuxalin avatar Feb 04 '21 18:02 tuxalin

hey @tuxalin, I'm working on a procedural island generator in Three.js and I stumbled across this project while looking to upgrade my water. I have a system set up to load .glsl files, but I am not sure how to go about converting the SPIR-V .spv files to get the plain .glsl. Is there any chance that you'd be willing to upload the .glsl as plaintext? I'd be glad to share the result with you! Thanks :)

nhasdarjian avatar Feb 08 '23 08:02 nhasdarjian

@nhasdarjian I've started working on this, converting to GLSL and adding threejs support, but due to work I didn't had much free time. Yes, I'll provide some GLSL files.

tuxalin avatar Feb 13 '23 14:02 tuxalin

this is awesome! any plans to push it to a branch?

arpu avatar Mar 20 '23 13:03 arpu

Sure, will do that. Wanted to get it to work first on threejs

tuxalin avatar Mar 30 '23 14:03 tuxalin