three.js ~ example ~ Mr.doob

2012-01-05 ~

JavaScript

var camera, scene, renderer, geometry, material, mesh;

init();
animate();

function init() {

    scene = new THREE.Scene();

    camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
    
    // Place camera on x axis
    //camera.position.set(30,0,0);
    //camera.up = new THREE.Vector3(0,0,1);
    //camera.lookAt(new THREE.Vector3(0,0,0));
    
    // Place camera on y axis
    camera.position.set(0,30,0);
    camera.up = new THREE.Vector3(0,0,1);
    camera.lookAt(new THREE.Vector3(0,0,0));
    
    scene.add(camera);

    geometry = new THREE.CubeGeometry(4, 4, 4);
    geometry2 = new THREE.CubeGeometry(2, 2, 2);
    
    material = new THREE.MeshLambertMaterial({color: 0xff0000});
    material2 = new THREE.MeshLambertMaterial({color: 0x00ff00});
    
    mesh = new THREE.Mesh(geometry, material);
    mesh2 = new THREE.Mesh(geometry2, material2);    
    
    mesh2.position.set(0,0,4);
    scene.add(mesh);
    scene.add(mesh2);

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

    document.body.appendChild(renderer.domElement);

}

function animate() {

    requestAnimationFrame(animate);
    render();

}

function render() {




    renderer.render(scene, camera);

}