(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

[![cube.png](http://github.com/mrdoob/three.js/raw/master/examples/geometry/cube.png)](http://mrdoob.com/lab/javascript/three/geometry/cube.html)
[![random.png](http://github.com/mrdoob/three.js/raw/master/examples/particles/random.png)](http://mrdoob.com/lab/javascript/three/particles/random.html)
[![waves.png](http://github.com/mrdoob/three.js/raw/master/examples/particles/waves.png)](http://mrdoob.com/lab/javascript/three/particles/waves.html)
[![floor.png](http://github.com/mrdoob/three.js/raw/master/examples/particles/floor.png)](http://mrdoob.com/lab/javascript/three/particles/floor.html)

### 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