在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;

就像我在想的那样简单。