インタラクティブ3D餃子フェス

Three.jsと提供された餃子のGLBモデルを使って、「The Dumpling Club」という完成度の高い、洗練されたインタラクティブ3Dウェブサイトを構築してください。 アートディレクション： 温かみのあるクリーム色の背景、テラコッタのアクセント、柔らかなスタジオライティング、リアルな影、上品なタイポグラフィを使った、居心地のよいミニチュアの料理シーンを作成してください。表情豊かなセリフ体の見出しと、すっきりしたサンセリフ体の操作コントロールを組み合わせます。見出しには「Small bites. Big feelings.」を使用してください。シーンには十分な余白を持たせてください。 盛り付け： 層状の木壁、控えめな木目、編み込みのディテール、敷き紙を備えた丸い竹せいろに、かわいらしい餃子を5個入れてください。竹せいろをデフォルトにし、磁器の皿にも切り替えられるようにします。横には小さな醤油皿を置いてください。 キャラクター性： 餃子ごとに異なる顔、まばたきする目、ほんのり赤い頬、遊び心のある表情を与えてください。繊細に立ち上る湯気と、ときどき発生するスクワッシュ＆ストレッチのアニメーションを加えます。ジャンプは極めて低く、盛り付け面にほとんど触れる程度にしてください。餃子が柔らかく、生き生きと感じられるようにします。 インタラクション： 餃子をクリックすると、箸がやさしくつまみ上げ、醤油につけ、ひと口食べるためにカメラへ近づけるようにしてください。醤油の波紋や水滴、つやのある付着部分、小さな食べかす、短い英語のリアクションを加えます。残った餃子たちが見守り、反応するようにしてください。タイミングはチャーミングで、気持ちよく感じられるものにします。 操作： 3個、5個、8個の盛り付け数、補充、自動再生、サウンド、湯気、たれの切り替え、「Boing!」ボタン、インターフェースを非表示にするモードを搭載してください。穏やかな合成効果音も加えます。 動画： ライブの正方形プレビュー付きで、短い自動試食シーンを作成する「Record a bite」ボタンを搭載してください。1080 × 1080、30 fpsでローカルに書き出し、MP4を優先して、フォールバックとしてWebMを使用します。 全体を英語で構成してください。モバイル、キーボード操作、モーション軽減に対応します。アセットはローカルに保持し、洗練されたアニメーションと構図を備えた、完全に動作する体験として仕上げてください。