台北市士林區泡〇委託:遊戲設計需求

遊戲美術設計
遊戲程式設計

單機遊戲

動作類

3D立體

你是一位頂尖的網頁前端工程師與 3D 互動遊戲開發專家。請幫我設計並編寫一個基於網頁（HTML5 / CSS / JavaScript，可搭配 Three.js 或 Babylon.js）的 3D 兒童教育互動小遊戲。 遊戲主題以故宮文物「明清掐絲琺瑯香爐——甪端」為核心，專為 7 至 12 歲兒童設計。請幫我生成完整的程式碼架構與核心互動邏輯，包含以下五個關卡畫面與互動流程： 【遊戲流程與技術需求】 1. 畫面一：情境導入與任務接取 - 畫面中央顯示一隻真實的 3D 甪端模型（初始狀態為半透明或微微破碎的特效）。 - 顯示對話框：「哎呀！我的身體被奇幻力量打散了，肚子好空、好想吃香粉喔！快來幫幫我！」 - 畫面上有一個【接取任務】按鈕，點擊後進入遊戲主畫面。 2. 畫面二：3D 立體模型拼圖 - 畫面中央出現甪端的 3D 透明線框底托（標示獅身、龍背、熊爪、犀角位置）。 - 周圍漂浮著 18 個 3D 拼圖塊。 - 互動機制：玩家可以透過滑鼠或手機觸控「360度旋轉視角」，並將拼圖塊拖曳（Drag and Drop）到正確的凹槽中。當角度與位置正確時，自動吸附並播放音效。 - 附帶一個「? 提示」按鈕，點擊可引導未完成的拼圖。 3. 畫面三：開蓋與填裝香粉 - 拼圖完成後，甪端恢復完整並發光。 - 畫面旁出現「神祕香粉」特效。 - 互動機制：玩家點擊甪端的「頭部」，頭部像真實香爐一樣「向上掀開」；接著將香粉拖曳倒進肚子裡，然後點擊頭部自動蓋回。 4. 畫面四：吐白煙與特徵答題 - 頭蓋關閉後，甪端的嘴巴利用「粒子系統（Particle System）」吐出裊裊白煙。 - 白煙中浮現 2 至 4 個泡泡/選項（包含正確與錯誤的甪端特色，例如：「日行萬里、通曉四方語言」）。 - 互動機制：玩家點擊正確的選項。選對了進入通關畫面並顯示文物小知識卡片；選錯了則彈出溫馨提示重新選擇。 5. 畫面五：通關慶祝 - 顯示過關特效與「甪端神獸守護者」徽章，提供「再玩一次」按鈕。 請幫我提供： 1. 整體的專案資料夾結構與所需套件（例如 Three.js CDN）。 2. 核心程式碼（包含 3D 旋轉、拼圖拖曳吸附、開蓋動畫、白煙粒子特效與答題互動邏輯）。 3. 讓這段程式碼能夠直接在瀏覽器運行的實作說明。

越快越好

透過電話或網路進行

沒有

台北市,士林區