如何在三個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