three.js学习

1、创建一个摄像机

new THREE.PerspectiveCamera(fov, aspect, near, far);

fov:视野角度,越大看到的物体越小(视野范围)

aspect: 长宽比 一般基于cavnas的容器去设置

near:*面距离

far:远平面距离

three.js学习

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有效。

three.js学习

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();

 

 

 

上一篇:题解 CF785A 【Anton and Polyhedrons】


下一篇:3dl、.look、.cube如何导入Photoshop