canvas - Three.js-オブジェクトサイズをアニメーション化する

Question

私はこのチュートリアルに従っています：http ：//www.html5canvastutorials.com/webgl/html5-canvas-webgl-cylinder-with-three-js/ （または単にコピーして貼り付けます）。これは非常にうまく機能しますが（FFのみだと思います）、私の「プロジェクト」では、シリンダーのサイズをアニメーション化する必要があります。これはどのように行うことができますか？

回転は次のようにアニメーション化されます。

three.cylinder.rotation.x += angleChange;

、、、などsize.heightを試しましたが、正しい関数が見つかりません。.heightscale.heightscale[0]

誰かがこれをどのように達成できるか知っていますか？

Answer 1

animate()関数内で、これを試してください：

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

これにより、内部の y 次元がスケーリングされ、x 次元と z 次元は変更されません。円柱の向きにより、この場合、y 寸法は長さになります。