帖子
avatar
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 個幀,並在最終渲染前修復問題。

此內容僅供資訊及教育用途。內容可能包括第三方見解、贊助內容或推廣材料,而創作者可能因此獲得報酬。本資訊流中的任何內容均不構成投資建議或收益保證。您須自行對投資決策負全責。交易前,請務必自行研究並審慎行事。我們不保證第三方資訊的準確性,亦不會對因此產生的任何損失承擔責任。過往表現並不代表未來結果。詳情請參閱我們的 社群條款 及 風險披露聲明。

avatar發佈你的回覆

評論