Friday, September 12, 2014

Webgl shaders

I spent last week teaching myself some webgl and was surprised at how much you can do with it.  Especially when it came to shaders, much of what I could do in C++  8 years ago, I can now do for the web.  I used the three.js library and it was a really handy and fast way to get started with webgl.

There are some really compelling examples of its usage here:  threejs.org

Here's the page to my shaders.  Just click on a shader to start seeing a sphere shaded, and then pick other shaders and shapes as you choose.

Here are some screenshots.  I had a ton of fun working on these and am pretty pleased with how far I got in a week.


The fresnel shader and fur shader are the most interesting shaders, but the toon outline shader would be interesting with a more complex shape with more curvature.  In the future I'll add the ability to load in a model so it's not just generic library shapes.

No comments:

Post a Comment