
Florence
關注中0X 粉絲3.01K推文47讚409

opus 5.5 對於動態設計來說太瘋狂了
它僅憑一個提示詞,就用代碼生成了這個 14 秒 UI 循環的每一幀
無需編輯器,無需手動關鍵幀
我將完整提示詞及所有後續內容免費分享
拿去用,把節奏換成你的產品 ↓
給我:
* 畫布顏色
* 形狀顏色
* 強調顏色
* 形狀半徑
* 字體
* 形狀應過渡的狀態
使用十六進位碼、秒、阻尼比和像素大小,而非形容詞。
製作一個 14 秒、1440x1440、60fps 的無縫 UI 動畫迴圈。
一個形狀,零剪輯。
形狀從狀態到狀態變形,從未被替換。
每個狀態填滿畫面的 50%。
鏡頭從節拍開始,穩定速度慢於形狀。
使用閉合形式彈簧。
形狀阻尼 0.72,穩定時間 0.35 秒。
鏡頭阻尼 1.0,穩定時間 0.6 秒。
內容切換使用 12px 模糊並在 0.15 秒內淡入淡出。
游標尖端始終鎖定於其所拖動的物件。
使用 0.5 秒的節奏網格。
0.0 - 像素吉祥物閒置
1.0 - 吉祥物壓入播放按鈕
1.5 - 載入器
2.0 - 對勾繪製
2.5 - 時間軸拖動
4.0 - 關鍵幀延伸超過末尾並彈回
5.0 - 貝塞爾編輯器
7.0 - 計數器滾動從 F 000 到 F 840
8.5 - 渲染條填滿
10.0 - 命令面板輸入 "export mp4"
11.0 - 通知顯示 "840 幀已渲染"
12.0 - 通知縮小並回到吉祥物內
最後一幀必須是第一幀。
使用 Canvas 2D 寫一個 HTML 檔案。
window.renderAt(t) 必須是時間的純函數。
不得使用 Math.random。
不得使用時鐘。
不得使用狀態累積。
?t= 必須凍結確切的時刻。
從 renderAt(frame / 60) 渲染每一幀。
使用 4 個子幀來實現運動模糊。
編碼為 60fps 的 H.264。
使用以下公式修正迴圈環繞時的游標跳動:
t - 14*floor(t/14)
不要將橙色與墨色進行交叉淡入淡出。
在 1.5s 時從中心產生漣漪,並在 12.0s 時從點擊位置產生漣漪。
將文字交換垂直滾動。
在模糊淡入後再開始繪製。
將游標對準目標落地時的位置。
保持游標速度低於 65 px/幀。
先給我看看分鏡腳本。
然後寫代碼。
首次渲染後,檢查每個節奏周圍的 5 個幀,並在最終渲染前修復問題。

你仍可爭取白名單的 6 個 Arc NFT 銘刻項目 @arc 主網將於 9 月 16 日上線,這些項目大多會在前幾天發行: - @Arciliomaker – 基於 Arc 的 Remilia 編碼次文化 PFP 項目 - @akadotfun – 鏈上早期參與度最高的項目之一 - @PixelRealmsNfts – 4,444 個像素化獨一無二的收藏品 - @ShadowRoninARC – 動漫/浪人美學收藏品 - @brokeb00kies – 偏執賭博/遊戲化 NFT 概念 - @gekidocollectiv – 1500 幅憤怒繪製的怪異圖像 精選了真正具備動能、你仍來得及搶佔名額的項目 主網上線前請先收藏 🤝



