從合適的工具開始
開啟你慣用的程式設計助手或 3D 工具。可先嘗試範例使用的模型，並查看連結專案中的設定說明。
Claude Opus 5.5參考創作說明
互動式歐拉霓虹流體模擬
作者分享了一則可重複使用的一次性提示詞，內容即為畫面中 GPU 霓虹流體模擬器所使用的完整提示詞。原始貼文明确指出此模擬器由 Opus 5.5 開發。提示詞要求製作不依賴任何外部套件的單一檔案 WebGL 流體模擬，具備 GPU FBO 運算階段、霓虹染料互動、環境漩渦，以及玻璃擬態控制 HUD。
關於此範例
根據創作者公開專案整理的起始說明，並非逐字原始提示詞。實際結果可能不同。
WebGL流體模擬歐拉流體模擬GPUGLSL霓虹煙霧互動式渦度侷限
提示詞
撰寫一份完整的單一檔案 HTML 文件，其中包含高效能、GPU 加速的互動式歐拉霓虹流體模擬。
嚴格的技術與美學要求：
1. 架構與效能：
- 單一檔案：所有 HTML、CSS，以及 JavaScript／GLSL 著色器都必須內嵌。
- 零外部依賴：使用純 WebGL 1.0 或 2.0（不得使用 Three.js、Pixi 或任何外部函式庫）。
- GPU 計算流體力學：模擬必須完全透過乒乓式影格緩衝物件（FBO）執行，並使用自訂片段著色器處理：
a) 平流（速度與染料）
b) 散度計算
c) 壓力 Poisson 求解器（Jacobi 迭代，每影格 20–30 次）
d) 梯度扣除／速度投影
e) 渦度侷限（加入湍流漩渦，並避免流體變成單調、模糊的糊狀效果）。
2. 視覺擬真度（「霓虹煙霧」效果）：
- 漆黑的虛空背景（`#050508`）。
- 為染料注入加入加成式／高動態範圍混合。
- 動態色盤：每次游標快速揮動或觸控拖曳，都會注入高亮度的霓虹染料，並在鮮明的賽博色調之間平順循環（電光青 `#00F0FF`、熾熱洋紅 `#FF007F`、深紫外，以及耀眼金色）。
- 顯示著色器強化：直接在最終渲染著色器中加入後製處理階段，針對流體旋動邊緣套用細緻的泛光／光暈、色調映射與色差效果。
3. 互動：
- 滑鼠與觸控：快速移動游標或拖曳時，依滑鼠速度注入相應的速度，並加入密集的發光染料。
- 被動環境動態：閒置時產生細緻的程序式旋渦雜訊或緩慢漂移的漩渦，讓畫布不會完全靜止。
- 控制項：在角落放置俐落、極簡的玻璃擬態 HUD（閒置時自動隱藏）：
* 黏度滑桿
* 染料耗散／持續性滑桿
* 噴濺半徑滑桿
* 「清除畫布」按鈕
* 循環切換色彩主題的切換按鈕（賽博龐克、熱能煉獄、生物發光深海）。
4. 產品級打磨：
- 自動處理高 DPI 顯示器與 `resize` 事件，避免拉伸或清除 FBO 貼圖。
- 為浮點數貼圖支援加入妥善的備援檢查（`OES_texture_float`／`OES_texture_half_float`）。
- 程式碼必須乾淨、無錯誤且完整實作，不得包含任何佔位內容或截斷的註解。
只輸出完整填充、可直接在 Chrome／Safari／Firefox 中執行的 HTML 檔案。
如何使用這段提示詞
先選一個地方修改
替換主體、美術風格或場景，清楚描述鏡頭和互動。先完成簡化版本，再逐項打磨細節。
為場景加入專屬模型
需要自己的角色或道具時，用簡短的物件描述或參考圖製作 3D 模型，再匯入專案。
預覽作品屬於各自的創作者。重複使用程式碼或素材前，請查看原始來源與專案授權條款。