JavaScript
Article

3D JavaScript Animations – three.js

By Sam Deering

Today, I thought I would share with you some cool 3D JavaScript Animations courtesy of three.js.

The aim of the three.js 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 >, < svg > and WebGL. The three.js engine allows developers to create mindblowing 2D and 3D animations with Canvas and WebGL, from basic cubes to advanced animations so smooth you’ll wet yourself.

My favorite three.js demos

Here are a few of my favourite three.js engine demos.

webgl_trails

webgl_terrain_dynamic

webgl_shading_physical

webgl_materials_cubemap_refraction

webgl_animation_skinning

webgl_geometries

You can see all of the examples here: http://mrdoob.github.com/three.js/

How to use it on your web stuff: https://github.com/mrdoob/three.js/

Enjoy! Thanks Mr Dooby Noob.

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • ZYL

    sam, can we import rigs and landscapes from 3d max and cinema 4d into this process. 3d web using javascript can give mega boost to web industry through open source. zyl3568@live.com

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.