three.js を使い始めたばかりで、非常に基本的なアニメーション シーケンスを作成しようとしています。基本的な例を見て、オブジェクトを動かしたり回転させたりする方法を確認しましたが、一連のアニメーション シーケンスを構築する方法がよくわかりません。
例えば...
3 つの立方体を表示し、それらを新しい位置に移動します (同時に移動しないように少しずらして配置するのが理想的です)。
全員が到着したら、そのうちの 2 つを軸として回転させます。
次に、それらを新しい位置に移動します
等...
私が構築しているものにはユーザーの操作はありません。一連の動作が順番に行われるだけです。人々はこの種のものに Frame.js のようなものを使用していますか、それとも私が見落としているもっと単純なものがありますか?
director.js を試してみてください - シンプルですが効果的です。
https://github.com/zz85/ThreeLabs/blob/master/Director.js
より長いショーケースがどこかにありますが、リンクが見つかりません。
Tween.js は 1 つの選択肢です: https://github.com/sole/tween.js/。
チュートリアル: http://learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/
例: http://learningthreejs.com/data/tweenjs_for_smooth_animation/tweenjs_for_smooth_animation.html