PAGEPOP社群靈感
可調整參數的動態設計實驗室
將位移、字體、緩動與跟隨動作拆成可調參數，觀察同一段程式動畫的細節變化，適合參考互動式動態設計工具的呈現方式。
真實 AI 提示詞案例
參考提示詞
以下是依案例意圖整理的參考寫法，可依自己的主題調整。作者原文見來源欄。
參考提示詞
“用 Remotion 和 GSAP 製作一個簡潔的動態設計實驗室。將位移、文字大小、緩動、動態模糊、預備動作與收尾的跟隨動作設為可調參數，讓所有狀態共用同一條影格時間軸，方便逐格檢查動畫變化。”
最終成果
創作效果
收錄自社群的創作案例，供靈感參考。
提示詞工程，交給 PAGEPOP
你只需要描述結果，複雜過程由 PagePop 處理。
開始前不需要瞭解模型語法、參數或專業製作工具。
自動選擇最佳模型
PagePop 會根據目標成果選擇合適的模型與工具組合。
只追問有用的資訊
缺少的細節會變成簡單問題，而不是讓你反覆重寫提示詞。
直接交付完整成果
得到的是可繼續使用和修改的作品，而不是一段「如何製作」的建議。
現在輪到你
用你自己的話開始創作
以這條真實提示詞為起點，自由修改需求，PagePop 會自動選擇最合適的實現方式。
繼續探索
更多真實提示詞案例
參考提示詞
“結合 Three.js 與 SVG，製作一段幽默的三維動畫。讓四隻穿著不同風格服裝的鵜鶘共騎一輛自行車，自行車位於懸浮跑車上方。協調角色踩踏與保持平衡的動作，並清楚呈現車輛噴口與懸浮狀態。”
參考提示詞
“在單一 HTML 檔案中用 Three.js 建立彈珠音樂機。從每個音符預定響起的時間往前推算彈珠釋放時刻，讓撞擊與聲音準確落在節拍上。用清楚的軌道、接觸點與穩定鏡頭呈現整個過程。”
參考提示詞
“製作一個具有空間縱深的三維物理實驗室。加入可切換的重力區、不同摩擦力的地面、會旋轉碰撞的剛體，以及相互排斥的流體。讓每項規則保持一致，並用清楚的多角度視圖呈現變化後的互動。”