canvas - Three.js - 动画对象大小

Question

我一直在关注本教程：http ://www.html5canvastutorials.com/webgl/html5-canvas-webgl-cylinder-with-three-js/ （或者只是复制粘贴它）。它工作得很好（我认为只有 FF），但对于我的“项目”，我需要为圆柱体的大小设置动画。如何才能做到这一点？

旋转动画如下：

three.cylinder.rotation.x += angleChange;

我已经尝试了几种方法，例如, ,size.height等等.height，但我找不到正确的功能。scale.heightscale[0]

有谁知道如何做到这一点？

Answer 1

在animate()函数内部，试试这个：

three.cylinder.scale.set( 1, Math.abs( Math.sin( time * 0.0002 ) ), 1 );

这将缩放内部 y 维度，并保持 x 和 z 维度不变。由于圆柱体的方向，在这种情况下，y 维度是长度。