First try at WebGL

Sep 21, 2011   //   by Mark   //   Motion Graphic, Web Design  //  No Comments

webgl with three.js

I’ve been reading up on WebGL for the last few weeks when I’ve had the time. I have decided that the best framework to use at the moment is Mr. doob’s excellent three.js framework.

The code didn’t take too long to put together and the part that took the longest was actually just getting the model into the right format. In the end I downloaded Blender and added the python script to that. I use Cinema4D so I exported the model in 3DS and then took that into Blender. The normals came out reversed with the first export, so I had to figure out how to flip the normals in Blender.

What I find completely ground breaking about this, is how there is no plugin required, it just runs and fast. Notice the film grain post-processing which I can’t take credit for as I nicked it from one of the example files, but I love the effect.

View the example here.

Leave a comment