var scene, camera, renderer;

var geometry, material, mesh, light;

​

init();

animate();

​

function init() {

    // 创建场景

    scene = new THREE.Scene();

​

    // 创建相机

    camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );

    camera.position.z = 1000;

​

    // 创建模型

    geometry = new THREE.BoxGeometry( 200, 200, 200 );

    material = new THREE.MeshLambertMaterial( { color: 0x66ccff} );

​

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

    scene.add( mesh );

    // 创建灯光

    light = new THREE.DirectionalLight( 0xffffff, 0.8 );

    light.position.set( 0, 0, 300 );

    scene.add( light );

    // 创建渲染器

    renderer = new THREE.WebGLRenderer({

      antialias: true

    });

    renderer.setSize( window.innerWidth, window.innerHeight );

    renderer.setClearColor( 0x333333 );

​

    document.body.appendChild( renderer.domElement );

​

}

​

function animate() {

​

    requestAnimationFrame( animate );

​

    // 旋转模型

    mesh.rotation.x += 0.01;

    mesh.rotation.y += 0.01;

​

    renderer.render( scene, camera );

​

}

​