javascript - 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();

但我有一个问题:如果我想做一点拉伸(stretch)，动画就会运行得非常快 http://jsfiddle.net/ts8ssrk1/12/如果我希望动画运行缓慢(将frame +=更改为较小的数字)，几何图形将拉伸(stretch)到无限。

你有什么推荐吗？

Answer 1

我找到了解决方案。如果有人感兴趣，我只需更改此 mesh.scale.z += Math.sin(frame); 即可 mesh.scale.z += Math.sin(frame)/5;

事情比我想的更简单......