threejs 几何体阵列

最新推荐文章于 2024-10-30 10:27:53 发布

tang05709

最新推荐文章于 2024-10-30 10:27:53 发布

阅读量747

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/tang05709/article/details/86592380

参考： http://www.yanhuangxueyuan.com/Three.js_course/array.html

      //创建场景对象
      var scene = new THREE.Scene();
      //创建一个立方体几何对象
      var box = new THREE.BoxGeometry(10, 10, 10);
      //材质对象
      var material = new THREE.MeshLambertMaterial({
        color: 0x00ff00
      });
      box.translate(-120, -20, 0);
      // 直线阵列
      for (var x = 0; x < 10; x++) {
        //网格模型对象
        var mesh = new THREE.Mesh(box, material);
        //立方体间距15（阵列距离）
        mesh.position.set(x * 15, 0, 0);
        //网格模型添加到场景中
        scene.add(mesh);
      }

      //创建一个立方体几何对象
      var planeBox = new THREE.BoxGeometry(10, 10, 10);
      //材质对象
      var planeMaterial = new THREE.MeshLambertMaterial({
        color: 0x0000ff
      });
      //创建Object3D对象 
      var object = new THREE.Object3D();
      // 平面阵列
      for