金色深海水母
金色半透明水母在深藍海洋中脈動上浮,觸手與口腕由彈簧物理即時驅動,滑鼠靠近會加速發光,支援拖曳旋轉與縮放。複製提示詞,一鍵生成你的深海 3D 網頁。
Loading preview...
2357 views
從這段提示詞開始
生成由物理驅動的金色水母深海 3D 互動網頁
製作一個 Three.js 水母互動網頁,在中心明亮、四周深藍的海洋背景中,讓 6–10 隻金色半透明水母緩慢旋轉、脈動上浮,至少三隻始終可見,越過上界後從底部重新進入。水母具有橙色與奶白色放射狀條紋、斑點、內部輝光和透亮邊緣,透過傘蓋可以看見褶皺口腕;收縮時傘緣明顯外翻。 每隻水母包括內外兩層傘蓋、柔軟裙邊、20 條細如髮絲的觸手和 4 條褶皺口腕。傘蓋週期性收縮,裙邊、觸手和口腕由穩定的 Verlet 彈簧物理系統跟隨運動,不使用預錄動畫。所有運動使用統一物理時鐘,限制大幀間隔並使用足夠子步,確保長時間運行不會發散或錯位。 背景加入柔和焦散、假體積光幕和閃爍浮游生物,以柔和輝光與 ACES 色調映射呈現深海光感。妥善處理透明層排序和抗鋸齒,讓觸手保持連續清晰。滑鼠靠近水母時,使其脈動加快、發光增強,觸手受到輕微推動;支援拖曳旋轉和滾輪縮放,並限制觀察距離與俯仰角度。 將金色水母替換為 15–20 條藍綠色發光熱帶魚,保留 Verlet 彈簧物理驅動魚尾與魚鰭擺動,讓魚群在畫面中緩慢環繞游動並彼此避讓。 使用 WebGL2 與程序化模型、材質,無需 WebGPU、外部模型、音訊、控制面板或多場景切換。交付可直接運行的靜態網頁,依賴項於本機打包。參考 Aurelia 的視覺與物理思路,保留所用程式碼和演算法的來源及授權說明;如使用原作或 Dave Hoskins 的焦散演算法,請依對應授權保留署名。
製作一個 Three.js 水母互動網頁,在中心明亮、四周深藍的海洋背景中,讓 6–10 隻金色半透明水母緩慢旋轉、脈動上浮,至少三隻始終可見,越過上界後從底部重新進入。水母具有橙色與奶白色放射狀條紋、斑點、內部輝光和透亮邊緣,透過傘蓋可以看見褶皺口腕;收縮時傘緣明顯外翻。 每隻水母包括內外兩層傘蓋、柔軟裙邊、20 條細如髮絲的觸手和 4 條褶皺口腕。傘蓋週期性收縮,裙邊、觸手和口腕由穩定的 Verlet 彈簧物理系統跟隨運動,不使用預錄動畫。所有運動使用統一物理時鐘,限制大幀間隔並使用足夠子步,確保長時間運行不會發散或錯位。 背景加入柔和焦散、假體積光幕和閃爍浮游生物,以柔和輝光與 ACES 色調映射呈現深海光感。妥善處理透明層排序和抗鋸齒,讓觸手保持連續清晰。滑鼠靠近水母時,使其脈動加快、發光增強,觸手受到輕微推動;支援拖曳旋轉和滾輪縮放,並限制觀察距離與俯仰角度。 為場景增加晝夜切換按鈕:夜晚模式下環境光變暗,水母生物螢光增強,並加入緩緩漂浮的發光浮游粒子。 使用 WebGL2 與程序化模型、材質,無需 WebGPU、外部模型、音訊、控制面板或多場景切換。交付可直接運行的靜態網頁,依賴項於本機打包。參考 Aurelia 的視覺與物理思路,保留所用程式碼和演算法的來源及授權說明;如使用原作或 Dave Hoskins 的焦散演算法,請依對應授權保留署名。
製作一個 Three.js 水母互動網頁,在中心明亮、四周深藍的海洋背景中,讓 6–10 隻金色半透明水母緩慢旋轉、脈動上浮,至少三隻始終可見,越過上界後從底部重新進入。水母具有橙色與奶白色放射狀條紋、斑點、內部輝光和透亮邊緣,透過傘蓋可以看見褶皺口腕;收縮時傘緣明顯外翻。 每隻水母包括內外兩層傘蓋、柔軟裙邊、20 條細如髮絲的觸手和 4 條褶皺口腕。傘蓋週期性收縮,裙邊、觸手和口腕由穩定的 Verlet 彈簧物理系統跟隨運動,不使用預錄動畫。所有運動使用統一物理時鐘,限制大幀間隔並使用足夠子步,確保長時間運行不會發散或錯位。 背景加入柔和焦散、假體積光幕和閃爍浮游生物,以柔和輝光與 ACES 色調映射呈現深海光感。妥善處理透明層排序和抗鋸齒,讓觸手保持連續清晰。滑鼠靠近水母時,使其脈動加快、發光增強,觸手受到輕微推動;支援拖曳旋轉和滾輪縮放,並限制觀察距離與俯仰角度。 讓每隻水母都可以點擊:點擊後暫停其運動,彈出科普資訊卡,包含物種名稱、棲息深度和兩則簡短知識,以一般讀者為對象撰寫。 使用 WebGL2 與程序化模型、材質,無需 WebGPU、外部模型、音訊、控制面板或多場景切換。交付可直接運行的靜態網頁,依賴項於本機打包。參考 Aurelia 的視覺與物理思路,保留所用程式碼和演算法的來源及授權說明;如使用原作或 Dave Hoskins 的焦散演算法,請依對應授權保留署名。
