3D Animations Using three.js - An Overview!

Save on del.icio.us Add to Technorati Digg this article! Add it on Reddit! 14 Comments

It's been a long time since I had my hands on this blogger dashboard. In other words, the last article which I wrote dates back to the month of November 2011. Reason - I just did not find time to catch up with my blog. However, I could not resist myself to write about something that astonished me a couple of days ago - three.js!

This JavaScript works flawlessly and provides us a smooth interface which web developers could exploit to create amazing 2D and 3D animations with Canvas. Few words from the creators of three.js - 

"The aim of the project is to create a lightweight 3D engine with a very low level of complexity; in other words, for dummies. The engine can render using <canvas> and WebGL."

Since the current trend or rather, the hottest topic in the web development field from the client side appears to be the incorporation of animations on web pages, a script like three.js could be a life-saver to web developers. Life saver simply because we can eliminate the usage of Flash. Moreover, there is always a huge talk/contradiction between SEO and flash. So, let's avoid complications and keep it simple using three.js!

I'm trying to figure out how to incorporate three.js on blogger and I'll soon come up with some example/demo. Meanwhile, you can take some of the cool animations that impressed me by visiting the links below.

http://mrdoob.github.com/three.js/examples/canvas_lights_pointlights.html

http://mrdoob.github.com/three.js/examples/canvas_materials_video.html

http://mrdoob.github.com/three.js/examples/webgl_animation_skinning.html

http://mrdoob.github.com/three.js/examples/webgl_trails.html

http://mrdoob.github.com/three.js/examples/webgl_terrain_dynamic.html

Supported browsers - Chrome 9+ / Firefox 4+ / Safari 10.6+

For a complete list of all the animations possible using "three.js", visit the following link - http://mrdoob.github.com/three.js/. I'm sure there's much more to discuss about three.js and if you have some opinion, our comment's section is always open. Do let us know your opinion this - expecting an article to incorporate three.js on blogger?

Enjoyed the article?

Subscribe to this Blog via Email:

Click here to subscribe to FREE email updates from "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!

What's Next?

Save on del.icio.us
Add to Technorati
Digg this article!
Add it on Reddit!
Leave a comment

Other Recommended Posts

• Blogging, jQuery