映画的な3Dホビトン再現プロンプト

『ロード・オブ・ザ・リング』のホビット庄の映画的なインタラクティブ3D再現の最初の動作バージョンを構築する。 これは非公式のファンによる技術的・視覚的な実験であり、モデル比較動画を目的としています。ダウンロードした映画の映像、映画の音声、公式ロゴ、著作権で保護されたキャラクターモデル、または独自の3Dアセットを使用しないでください。コードとシンプルなオリジナルジオメトリから環境を手続き的に作成します。 使用するもの： - Vite - TypeScript - Three.js - クリーンでモジュール化されたプロジェクト構造 - シングルページの全画面ウェブ体験 - バックエンドなし ホビット庄の美しいスタイライズされたローポリバージョンを作成し、すぐにシャイアと認識できるようにします。 環境には以下が含まれている必要があります： - 大きな起伏のある緑の丘 - 主要な丘に建てられた、バッグエンドに着想を得た目立つ家 - 丸いドアと窓を持つ追加のホビットの穴 - 家々を結ぶ曲がりくねった土の小道 - 小さな木製フェンス - 野菜畑と花壇 - 大きなパーティーの木 - 小さな池 - 石橋 - 遠くの村エリア - 遠くの山々と雰囲気のある風景 - 煙突の煙 - 動く草、葉、雲 - 暖かい午後の遅い日差し - 柔らかい影、雰囲気のある霧、映画的な奥行き 一般的な中世の村を作らないでください。風景、建築、構成は明確にホビット庄とシャイアを想起させる必要があります。 コントロール： - WASD移動 - マウスルックカメラ - Shiftで速く移動 - オプションの自動シネマティックツアーボタン - 開始視点に戻るボタン - 画面録画のために非表示にできる最小限のインターフェース パフォーマンス： - 通常のデスクトップブラウザでのスムーズなパフォーマンスを目指す - 繰り返される草、花、木、フェンスにはインスタンシングを使用 - 巨大なテクスチャや外部モデルのダウンロードを避ける - ジオメトリとマテリアルをローカルで生成 - ローディング画面を含める - ウィンドウのリサイズに対応 - WebGLが利用できない場合に役立つメッセージを表示 コードを書く前に： 1. 簡潔な実装計画を作成します。 2. 地形、ホビットの家、植生、映画的な照明をどのように生成するかを決定します。 3. 次にプロジェクトを構築します。 実装後： 1. すべての依存関係をインストールします。 2. 開発サーバーを実行します。 3. ブラウザで結果を確認します。 4. 目に見えるエラーと実行時警告を修正します。 5. シーンが読み込まれ、コントロールが機能することを確認します。 6. 再実行に必要な正確なコマンドを記載した短いREADMEを書きます。 プレースホルダーを作成しただけで停止しないでください。機能する視覚的に一貫した最初のバージョンを生成します。