自動建造 3D 房屋動畫
介紹一個使用單一 HTML 檔案、Three.js 和 WebGPU 打造的互動式 3D 房屋建造模擬。功能包括時間軸拖曳、X 光模式、爆炸視圖及剖面工具。
創作效果
參考提示詞
以下是依案例意圖整理的參考寫法，可依自己的主題調整。作者原文見來源欄。
“Build an interactive hillside villa that assembles itself in one Three.js HTML file using WebGPU. Give each component its own timeline interval across foundation, skeleton, systems, envelope, and finished stages, with scrubbing through construction. Add an X-ray mode revealing water, electricity, sewage, and airflow, with filters for the individual systems. Include an exploded view, a cutting plane, dusk lighting, instanced olive trees, stage callouts, and preset cameras. Use the construction sequence to show what is behind the finished walls.”
如何在 PagePop 中創作
選好助手、說清需求，讓 PagePop 協助創作，再透過對話調整並下載。
選擇適合你的助手
探索各行各業的專業助手，也可以從豐富的案例庫中尋找靈感。
用自然語言說明需求
告訴助手你要製作圖片、影片、PPT、文件還是網頁，並依需要提供參考圖片或資料。
自動搭配模型並創作
PagePop 依目標選擇合適的模型與工具，為你完成作品。
持續修改並下載
在同一段對話中反覆調整內容與效果，滿意後下載使用。
用你自己的話開始創作
以這條真實提示詞為起點，自由修改需求，PagePop 會自動選擇最合適的實現方式。
常見問題
如何將這個影片案例用於自己的創作？
以「自動建造 3D 房屋動畫」的參考提示詞為起點，替換自己的主題、風格和畫面比例，並提供參考圖或相關資料。保留想借鑑的結構，刪除不適用的要求，再依結果繼續調整。
瀏覽和複製提示詞需要付費嗎？
精選庫的瀏覽與提示詞複製 100% 免費，PagePop 也可以免費使用。具體價格與積分規則請查看價格頁。
PagePop 是什麼，可以做什麼？
PagePop 是對話式 AI 創作平台。用自然語言描述需求，即可創作圖片、影片、簡報、文件和網頁。PagePop 會選擇合適的模型與工具，並支援在同一段對話中繼續修改。
更多真實提示詞案例
UI 動態迴圈設計提示詞
“Plan a 14-second square UI loop at 1440×1440 and 60 fps. Keep one shape morphing through a mascot, play control, loader, check mark, timeline, Bézier editor, frame counter, render bar, command palette, and toast, return…”
純程式碼製作的心理学科普影片
“Make a psychology explainer inspired by the typographic, visually varied presentation of the NextCore channel. Limit the imagery to effects that can be built with HTML, CSS, JavaScript, and related code. Do not use imag…”
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…”