three.js

(Very early stage) javascript 3D engine which can use <canvas> and/org <svg> as renderer.

How to use

var container;
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.size = Math.random() * 10 + 5;
        particle.position.x = Math.random() * 2000 - 1000;
        particle.position.y = Math.random() * 2000 - 1000;
        particle.position.z = Math.random() * 2000 - 1000;
        particle.updateMatrix();
        scene.add( particle );
    }

    container = document.createElement('div');
    document.body.appendChild(container);

    container.appendChild(renderer.viewport);
}

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

Examples

Change Log

2010 04 24 - r001

• First alpha release