Three.js 雨夜便利店動畫
一個使用 Three.js 生成日本便利店雨夜 3D 互動場景的提示詞。它詳細說明了光影對比、角色動畫（撐傘女孩）以及水坑和貨架等環境細節。
創作效果
參考提示詞
以下是依案例意圖整理的參考寫法，可依自己的主題調整。作者原文見來源欄。
“Build a runnable Three.js scene outside a Japanese convenience store on a rainy night. Use pooled water and wet pavement to reflect the lights, contrasting the cold blue rain with the warm yellow store interior. Animate a long-haired girl running with a transparent umbrella. Populate the setting with shelves, an ATM, Japanese illuminated signs, and street bicycles. Refine the real-time scene through iteration so the smaller environmental details and the character movement fit the same setting.”
如何在 PagePop 中創作
選好助手、說清需求，讓 PagePop 協助創作，再透過對話調整並下載。
選擇適合你的助手
探索各行各業的專業助手，也可以從豐富的案例庫中尋找靈感。
用自然語言說明需求
告訴助手你要製作圖片、影片、PPT、文件還是網頁，並依需要提供參考圖片或資料。
自動搭配模型並創作
PagePop 依目標選擇合適的模型與工具，為你完成作品。
持續修改並下載
在同一段對話中反覆調整內容與效果，滿意後下載使用。
用你自己的話開始創作
以這條真實提示詞為起點，自由修改需求，PagePop 會自動選擇最合適的實現方式。
常見問題
如何將這個影片案例用於自己的創作？
以「Three.js 雨夜便利店動畫」的參考提示詞為起點，替換自己的主題、風格和畫面比例，並提供參考圖或相關資料。保留想借鑑的結構，刪除不適用的要求，再依結果繼續調整。
瀏覽和複製提示詞需要付費嗎？
精選庫的瀏覽與提示詞複製 100% 免費，PagePop 也可以免費使用。具體價格與積分規則請查看價格頁。
PagePop 是什麼，可以做什麼？
PagePop 是對話式 AI 創作平台。用自然語言描述需求，即可創作圖片、影片、簡報、文件和網頁。PagePop 會選擇合適的模型與工具，並支援在同一段對話中繼續修改。
更多真實提示詞案例
EV Teardown Animation
“Make an electric-vehicle teardown in one HTML file, using the anatomy workflow. Lift the body away from the skateboard platform, then pull out the front induction and rear permanent-magnet drive units. Open the battery…”
Mount Olympus Garden Three.js Animation
“Use Three.js to visualize a garden on Mount Olympus. Place swimming koi beneath marble arches, butterflies moving around the trees, and waterfalls that descend directly into the clouds below. Build the scene around thos…”
HTML 中的 WebGPU 海洋場景
“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…”