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.

  • 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

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

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