three.js ~ example ~ Mr.doob

2012-01-05 ~

by realhunts

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, 1000);
    camera.position.z = 500;
    scene.add(camera);

    var light = new THREE.DirectionalLight( 0xffffff );
    light.position.set( 0, 3000, 3000 );
    scene.add( light );

    geometry = new THREE.SphereGeometry(150, 32, 24);
    // material = new THREE.MeshNormalMaterial();
    material = new THREE.MeshPhongMaterial( { color: 0xff0000, specular: 0xff0000, shading: THREE.FlatShading } );

    mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);


    /*mesh.traverse( function ( child ) {
        if ( child instanceof THREE.Mesh )
            child.material = new THREE.MeshPhongMaterial( {
                color: 0xff0000, specular: 0xff0000, shading: THREE.FlatShading } )
    });*/


    renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

}

function animate() {

    requestAnimationFrame(animate);
    render();

}

function render() {

    mesh.rotation.x += 0.01;
    mesh.rotation.y += 0.02;

    renderer.render(scene, camera);

}