I figured out how to load up an obj file and now we have Batman! The toon outline shader is more interesting on Batman than the sphere. Also, all that fur on Batman makes him look like Oscar the Grouch.
This is still available at: http://www.tingting-wu.com/webgl_projects/ttwu_shaders.html
Showing posts with label shaders. Show all posts
Showing posts with label shaders. Show all posts
Monday, September 15, 2014
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.
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.
Subscribe to:
Posts (Atom)




