three.js

three.js

(Very early stage) javascript 3D engine which can use <canvas> and/org <svg> as renderer. The aim is to keep it as simple and modular as possible. I would be implementing the WebGL renderer at a later stage but contributions for this (and anything else) are more than welcome.

Examples

How to use

var camera, scene, renderer;

init();
setInterval(loop, 1000 / 60);

function init()
{
    camera = new Camera(0, 0, 1000);

    scene = new Scene();

    renderer = new CanvasRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);

    for (var i = 0; i < 1000; i++)
    {
        var particle = new Particle( new ColorMaterial(Math.random() * 0x808008 + 0x808080, 1) );
        particle.position.x = Math.random() * 2000 - 1000;
        particle.position.y = Math.random() * 2000 - 1000;
        particle.position.z = Math.random() * 2000 - 1000;
        particle.size = Math.random() * 10 + 5;
        particle.updateMatrix();
        scene.add( particle );
    }

    document.body.appendChild(renderer.viewport);
}

function loop()
{
    renderer.render(scene, camera);
}

Change Log

2010 04 24 - r3 (16.392 kb)

• Fixed incorrect rotation matrix transforms
• Added Plane and Cube primitives

2010 04 24 - r2 (15.724 kb)

• Improved Color handling

2010 04 24 - r1 (15.25 kb)

• First alpha release