インタラクティブ3D海上ロケット打ち上げシーケンス

夜明けの海上プラットフォームから打ち上がる、シネマティックで高精細なインタラクティブ3Dロケット打ち上げを作成してください。完成したプロジェクトは1つのHTMLファイルにまとめ、Chromeで直接開けるようにします。Three.js + WebGLとプロシージャルなアセットを使用してください。可能な場合はアセットを埋め込み、レンダリングライブラリには信頼性の高いCDNを使用してもかまいません。 アートディレクション 日の出前の暗い青紫色の海から、大気圏上空の暖かな日差しへ、ドラマチックに移り変わる表現にしてください。説得力のあるプロポーション、精密なマテリアル、奥行きのある大気表現、綿密に構成したカメラアングルを使用します。完成映像は、洗練された小さな宇宙飛行映画のような印象にしてください。 ロケットと発射プラットフォーム 整形されたノーズコーン、パネルの継ぎ目、構造リング、段間接続部、エンジンノズル、2つに分離するペイロードフェアリングを備えた、説得力のある多段式ロケットを作成してください。 サポートタワー、格納式ストロングバック、サービスアーム、手すり、はしご、配管、機器、投光器、点滅する警告灯を備えた、精密な浮体式発射プラットフォームを作成してください。すべての構造物が物理的につながり、正しい位置に配置されるようにします。 打ち上げシーケンス 約46秒のシーケンスを作成してください。 プラットフォームの周囲を回り込む、状況説明用のカメラ移動。 サービスアームとストロングバックが後退する。 エンジンが点火し、ロケット、プラットフォーム、周囲の水面を照らす。 ロケットが離床して加速する中、煙がデッキ全体に広がる。 カメラが大気圏から宇宙へ向かう上昇を追う。 第1段が分離して落下する。 第2段エンジンが点火する。 フェアリングが2つに分離し、衛星が姿を現す。 エンジンが停止し、衛星が展開され、太陽光パネルが開く。 地球の湾曲した地平線と日の出を背景にした、衛星の軌道上ビューで締めくくる。 動きの一貫性を保ちながら、プレゼンテーション用に飛行時間を圧縮してください。突然の位置変化、パーツ同士の交差、つながっていないエフェクトは避けます。 海洋・大気・エフェクト フレネル反射と暖かなエンジン光の反射を備えた、アニメーションするシェーダー駆動の海面波を使用してください。明るい中心核、柔らかな外縁の炎、漂う煙のパーティクルによる、層状の排気エフェクトを作成します。 煙は広がり、薄くなり、風に反応するようにしてください。段分離の際も、排気が正しいエンジンに接続された状態を保ちます。大気の霞から暗い星空、そして照らされた地球の縁へ、滑らかに遷移させてください。 カメラとインタラクション ワイドな状況説明ショット、低いアングルからの点火ショット、上昇のトラッキング、段分離、衛星のクローズアップなど、滑らかなシネマティックカメラ遷移を使用してください。縦向きと横向きのレイアウトのどちらでも、主役が画面内に収まるようにします。 イベントマーカー付きの再生／一時停止、リプレイ、スクラバーを実装してください。シーク時には、正しいロケット構成、パーティクルの状態、カメラ位置、ライティングを再構築する必要があります。リプレイ時には、シーケンス全体を正しくリセットしてください。 インターフェースは最小限で目立たないものにします。録画時に非表示にできるようにしてください。 技術品質 フレームレートに依存しないアニメーションと、効率的なパーティクルシステムを使用してください。適切な箇所ではジオメトリとマテリアルを再利用し、リサイズを正しく処理しながら、ビジュアルの精細さと滑らかなパフォーマンスのバランスを取ります。 最終的なHTMLをデスクトップブラウザでテストしてください。コンソールを確認し、点火、離床、段分離、衛星展開の各時点でスクリーンショットを取得します。納品前に、読み込みエラー、クリッピング、ジオメトリの問題、シークの不具合、カメラの構図不良を修正してください。