HTML 中的 WebGPU 海洋場景
使用 WebGPU 在單一 HTML 檔案中建立具備 FFT 波浪與白浪效果的逼真海洋場景提示詞。
創作效果
參考提示詞
以下是依案例意圖整理的參考寫法，可依自己的主題調整。作者原文見來源欄。
“Build an ocean scene that runs in the browser as a single HTML file using WebGPU. Drive the sea surface with FFT waves, add whitecaps, and place it under a realistic sky. Include WASD movement so the viewer can explore the water from different positions. Target Chrome with WebGPU support. Use browser screenshots to review the appearance of the waves, sky, and overall scene, then refine the result from that visual feedback.”
如何在 PagePop 中創作
選好助手、說清需求，讓 PagePop 協助創作，再透過對話調整並下載。
選擇適合你的助手
探索各行各業的專業助手，也可以從豐富的案例庫中尋找靈感。
用自然語言說明需求
告訴助手你要製作圖片、影片、PPT、文件還是網頁，並依需要提供參考圖片或資料。
自動搭配模型並創作
PagePop 依目標選擇合適的模型與工具，為你完成作品。
持續修改並下載
在同一段對話中反覆調整內容與效果，滿意後下載使用。
用你自己的話開始創作
以這條真實提示詞為起點，自由修改需求，PagePop 會自動選擇最合適的實現方式。
常見問題
如何將這個影片案例用於自己的創作？
以「HTML 中的 WebGPU 海洋場景」的參考提示詞為起點，替換自己的主題、風格和畫面比例，並提供參考圖或相關資料。保留想借鑑的結構，刪除不適用的要求，再依結果繼續調整。
瀏覽和複製提示詞需要付費嗎？
精選庫的瀏覽與提示詞複製 100% 免費，PagePop 也可以免費使用。具體價格與積分規則請查看價格頁。
PagePop 是什麼，可以做什麼？
PagePop 是對話式 AI 創作平台。用自然語言描述需求，即可創作圖片、影片、簡報、文件和網頁。PagePop 會選擇合適的模型與工具，並支援在同一段對話中繼續修改。
更多真實提示詞案例
Three.js 產品發表影片
“根據產品資料，用 Three.js 製作一段發表影片。先提煉三項可佐證的賣點並安排分鏡，再透過裝置、介面、文字與鏡頭運動逐步展示產品。所有畫面共用同一條時間軸，聲音配合剪輯節奏，結尾清楚呈現產品主張。”
適用於 Opus 5.5 的程式碼生成產品宣傳影片提示
“Ask for a product name, a one-line promise, three to five UI moments, one accent color, owned vertical footage, and commercially usable music with a clear drop. Plan a 20-second, 1920×1080 product film around the measur…”
第一人稱 CGI 恐怖動畫提示詞
“Use Three.js to stage a first-person horror animation underground, 1,200 meters below the surface. Make the space dark and confined, with realistic lighting and a disturbing opening that the viewer is afraid to approach…”