如何在三个js中使立方体上下循环

Question

此示例代码框只向上移动我希望它上下移动

    BoxGeo = new HREE.BoxGeometry(10,10,10)
    BoxMat = new THREE.MeshPhongMaterial({
      color: 0xf3e54f
    }),
    cab = new THREE.Mesh ( BoxGeo, BoxMat);
    scene.add(cab);
   
cab.position.y  += 1;

Answer 1

由于 Math.random() 为您提供[0, 1]范围内的数字，您可以使用一个简单的等式将此范围更改为[-1, 1] ：

let displacement = (Math.random() - 0.5) * 2.0;
cab.position.y += displacement;

Answer 2

您需要在动画循环中使用Math.sin()以便平滑地上下移动对象。

cab.position.y = Math.sin(elapsedTime) + 1