在Three.js中縮放幾何圖形的動畫

Question

我的第一步是使用JavaScript進行編碼，並同時使用Three.js。

我制作了幾何圖形的比例動畫，因為我想使用以下代碼模擬呼吸緩慢的效果：

  var frame = 0;

  function animate() {
    requestAnimationFrame(animate);

    mesh.scale.z += Math.sin(frame);
    frame += 0.5;

    renderer.render(scene, camera);
  }

    animate();

但是我有一個問題：如果我想稍微拉伸一下，動畫就會非常快地運行http://jsfiddle.net/ts8ssrk1/12/ ，如果我希望動畫運行得很慢（將幀+ =更改為較小的數字） ）幾何形狀將延伸到無限大。

你有什么建議嗎？

Answer 1

我找到了解決方案。 如果有人感興趣，我只需更改此mesh.scale.z += Math.sin(frame); 對於這個mesh.scale.z += Math.sin(frame)/5;

就像我在想的那樣簡單。