three.js正方体

three.js正方体

var scene=new THREE.Scene();
//创建场景
var camera=new THREE.PerspectiveCamera(75, window.innerWidth/400, 0.1, 1000);
//创建相机
var renderer=new THREE.WebGLRenderer({antialias:true, alpha:true});
renderer.setSize(window.innerWidth, 400);
//创建渲染器
document.body.appendChild(renderer.domElement);

var geometry=new THREE.BoxGeometry(3, 3, 3);
//正方体
///3, 3, 3为x, y, z大小，可以根据情况调整
var material=new THREE.MeshBasicMaterial({map:new THREE.ImageUtils.loadTexture("xxx.png")});
//定义材料，图片材料
//var material=new THREE.MeshBasicMaterial({color:0xFFFFFF});普通材料
cube=new THREE.Mesh(geometry, material);//正方体
scene.add(cube);//添加正方体
camera.position.z=5;//相机位置

function animate()
{
	requestAnimationFrame(animate);
	cube.rotation.x+=0.01;
	cube.rotation.y+=0.01;//旋转正方体
	renderer.render(scene, camera);
}
animate();