threejs-animation

アニメーションとタイムライン

プロジェクトにインストール済みのバージョンと既存のアーキテクチャを使用してください。これらの指示はユーザーのタスクを補足するものであり、無関係な変更や外部での操作を許可するものではありません。

アニメーションする各プロパティをどのシステムが管理するかを特定してください。インポートしたクリップ、プロシージャルモーション、スクロールタイムライン、コントロール、物理演算のいずれかです。2つのシステムが同じトランスフォームを書き換える場合は、明示的にブレンドまたは引き継ぎを行ってください。

フレーム数ではなく、経過時間または秒単位のデルタを使用してください。タブ復帰後の大きな視覚的デルタはクランプしてください。物理演算には独自の固定ステップ方針が必要です。再利用可能なスクラッチ値を使い、1 - exp(-lambda * delta)のようなフレームレートに依存しない減衰を使用してください。

適切なルートにミキサーを作成し、確認済みの名前でクリップを選択して、ループ、ポーズ、終了時、遷移時の動作を定義してください。クロスフェードに必要であれば、遷移先のアクションをリセットして再生してください。ルートモーションを確認し、ルートとその親の両方を暗黙に移動させないようにしてください。

スクロールでは、セクションの正規化された進行度を、定義済みのタイムラインに対応付けてください。レイアウト変更時に範囲を再計算し、逆スクロールや一気に移動した場合も処理してください。入力がすべて連続して届いたかのようにスクロールデルタを累積しないでください。アニメーションするカメラの経路に依存せず、テキストを読みやすくし、コンテンツにアクセスできる状態を保ってください。

動きを減らす設定を尊重し、重要でない動きをなくすか、安定した状態を表示してください。可能であれば、シーンが非アクティブな間は処理を一時停止してください。所有するアクションを停止し、ミキサーのリスナーを削除してください。ルートのキャッシュ解除は、そのアクションが停止した後にのみ行ってください。

異なるフレームレート、バックグラウンドからの復帰、急速な状態変化、逆スクロール、動きを減らす設定で動作を検証してください。アニメーション速度と最終状態に一貫性があることを確認してください。

API リファレンス

正確なシグネチャとリビジョンごとの動作については、公式ドキュメントを参照してください。ドキュメントにアクセスできない場合は、インストール済みの型定義またはソースを確認し、不明点が残る場合はその旨を明記してください。