1、创建一个摄像机
new THREE.PerspectiveCamera(fov, aspect, near, far);
fov:视野角度,越大看到的物体越小(视野范围)
aspect: 长宽比 一般基于cavnas的容器去设置
near:*面距离
far:远平面距离
2、创建盒子
new THREE.BoxGeometry(width : Float, height : Float, depth : Float, widthSegments : Integer, heightSegments : Integer, depthSegments : Integer);
width — X轴上面的宽度,默认值为1。
height — Y轴上面的高度,默认值为1。
depth — Z轴上面的深度,默认值为1。
widthSegments — (可选)宽度的分段数,默认值是1。大于1有效。
heightSegments — (可选)宽度的分段数,默认值是1。大于1有效。
depthSegments — (可选)宽度的分段数,默认值是1。大于1有效。
const box = 1; const boxSegments =3; const geometry = new THREE.BoxGeometry(box, box, box, boxSegments, boxSegments, boxSegments); function makeInstance(geometry, color, x) { const material = new THREE.MeshBasicMaterial({wireframe : true}); material.color = new THREE.Color('red'); const cube = new THREE.Mesh(geometry, material); scene.add(cube); cube.position.x = x; return cube; }
3、创建材质
4、创建场景
new THREE.Scene();