Threejs绘制传送带

接下来会做一个MES场景下的数字孪生，所以开始做车间相关的模型，不过还是尽量少用建模，纯代码实现，因为一方面可以动态使用，可以调节长度和宽度等，

下面这节就做一个简单的传送带，这是所有车间都会有的，

首先添加一个场景，相机，灯光等。

initScene(){//初始化场景
      this.scene = new THREE.Scene();//创建场景
      const axesHelper = new THREE.AxesHelper( 100 );
      axesHelper.position.set(0,0,0)
      this.scene.add( axesHelper );
    },
    initCamera(){//初始化相机,创建透视相机，第一个参数是视角角度，第二个参数是宽高比，第三个参数是近裁剪面，第四个参数是远裁剪面
      this.camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10000);
      this.camera.position.set(100,100,100);//设置相机位置
      this.camera.up.set(0, 0, 1);   // <=== spin // around Z-axis
    },
    initLight(){//初始化灯光
      const directionalLight1 = new THREE.DirectionalLight(0xffffff, 1.5);//颜色是白色，强度是1.5
      directionalLight1.position.set(300,300,600);//设置灯光位置
      this.scene.add(directionalLig