Web with growing list of WebGL shader examples

Dear Three.js enthusiasts,

I spent a large fraction of 2018 learning how to program GLSL shaders in WebGL. I uploaded the results to this webpage with the hope that they are useful to other people in the same situation:

https://webgl-shaders.com/

To make the examples easier to understand, I tried to do only one thing at a time. I will keep adding more examples in the coming months, but I think the list is now quite complete and I decided to announce it to the forum.

I hope you find them useful!

14 Likes

And here is the github repository:

1 Like

Great! Do you have some examples about GLSL shaders in WebGL in VR?

Nope. VR is something I never tried. I thought that’s not done implemented in the shaders, but playing with different render targets, etc. But I have no clue.

This is great, thanks for sharing! :grin:

2 Likes

Sweeeeeeet! Thanks!

1 Like

Could you please create examples how to use them in a Three.js scene?

VERY cool @jagracar! Keep up the great work! :slight_smile: Could you add Terrain Splatting & multi-texture scaling for the texture splatting? And a way to save it with texture scaling intact as say an OBJ or a GLTF?