3d.js

var renderer, scene, camera, mesh;

window.addEventListener('DOMContentLoaded', function () {
	init();
//	animate();
});

function init() {
	// on initialise le moteur de rendu
	renderer = new THREE.WebGLRenderer({ alpha: true });

	// si WebGL ne fonctionne pas sur votre navigateur vous pouvez utiliser le
	// moteur de rendu Canvas à la place
	// renderer = new THREE.CanvasRenderer();
//	renderer.setSize(window.innerWidth, window.innerHeight);
	renderer.setSize(400, 400);
	document.getElementById('render').appendChild(renderer.domElement);

	// on initialise la scène
	scene = new THREE.Scene();

	// on initialise la camera que l’on place ensuite sur la scène
	camera = new THREE.PerspectiveCamera(50, window.innerWidth
			/ window.innerHeight, 1, 10000);
	camera.position.set(0, 0, 1000);
	scene.add(camera);

	// on créé un cube au quel on définie un matériau puis on l’ajoute à la scène
	var geometry = new THREE.CubeGeometry(200, 200, 200);
//	var material = new THREE.MeshBasicMaterial({
//		color : 0xff0000
//	});
//	var material = new THREE.MeshBasicMaterial({
//		color : 0xff0000,
//		wireframe : true
//	});
	mesh = new THREE.Mesh(geometry, material);
	scene.add(mesh);
	
	renderer.render(scene, camera);
}

function animate() {
	// on appel la fonction animate() récursivement à chaque frame
	requestAnimationFrame(animate);
	// on fait tourner le cube sur ses axes x et y
	mesh.rotation.x += 0.01;
	mesh.rotation.y += 0.02;
	// on effectue le rendu de la scène
	renderer.render(scene, camera);
}