threejs 三面体_用threejs 实现3D物体在浏览器展示

My first three.js app

* { margin: 0; }

canvas { width:100%; height: 100%;}

var iswireframe = false;varscene , camera , renderer;var fov = 75, //拍摄距离 视野角值越大，场景中的物体越小

near = 1,//相机离视体积最近的距离

far = 1000;//相机离视体积最远的距离;

var cameraX = 0, cameraY = 15, cameraZ = 8;var sceneX = 0, sceneZ = 0;

document.body.style.cursor="move";

function initFloor(){var floorGeometry = new THREE.BoxGeometry( 20, 0.01, 6);//var material = new THREE.MeshBasicMaterial( { color: "green", wireframe : iswireframe } );

for ( var i = 0; i < floorGeometry.faces.length; i++) {

floorGeometry.faces[ i ].color.set( 0xEEEED1);

}var material = newTHREE.MeshBasicMaterial( { vertexColors: THREE.FaceColors, wireframe : iswireframe } );var floor = newTHREE.Mesh( floorGeometry, material );

scene.add( floor );

}

function initGrid(){//辅助网格

var helper = new THREE.GridHelper( 1000, 50);//helper.setColors( 0x0000ff, 0x808080 );

scene.add( helper );

}

function initBuild1(){var buildingGeometry1 = new THREE.BoxGeometry(2, 2, 3);for ( var i = 0; i < buildingGeometry1.faces.length; i++) {

buildingGeo