SOURCE

var container, stats;
var camera, scene, light, mesh, renderer;

init();
animate();

function init() {
	container = document.createElement('div');
	document.body.appendChild(container);

	// 添加摄像头
	var ratio = window.innerWidth/window.innerHeight;
	camera = new THREE.PerspectiveCamera(45, ratio, 1, 2000);
	camera.position.z = 600;

	// 添加场景
	scene = new THREE.Scene();
	camera.lookAt(scene.position);

	// 添加灯光
	light = new THREE.DirectionalLight(0xffffff);
	light.position.set(0, 200, 0);
	scene.add(light);

	// 添加物体及材质
	var material = new THREE.MeshLambertMaterial({color:0x08b4b9});
	var geometry = new THREE.BoxGeometry(100, 100, 100, 4, 4, 4);
	mesh = new THREE.Mesh(geometry, material );
	scene.add(mesh);

	// 添加渲染器
	renderer = new THREE.WebGLRenderer({antialias: true});
	renderer.setSize(window.innerWidth, window.innerHeight);

	container.appendChild(renderer.domElement);
}


function animate() {
	requestAnimationFrame(animate);
	mesh.rotation.x -= 0.01;
	mesh.rotation.y -= 0.01;
	renderer.render(scene, camera);
}

*{margin:0;padding:0}