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.







You can see all of the examples here:

How to use it on your web stuff:

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.

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.