Opus 5.5はモーションデザインに信じられないほど優れている。 この14秒のUIループのすべてのフレームを、1つのプロンプトだけでコードで生成した。 エディタも、手動でのキーフレームも使わなかった。 フルプロンプトとすべてのフォローアップを無料で共有する。 これを盗んで、自分の製品に合わせてビートを変えて使ってください↓ キャンバス色 形状色 アクセント色 形状の半径 フォント 形状が変形する状態 14秒、1440x1440、60fpsのシームレスなUIモーションループを作成してください。 1つの形状、カットなし。 形状は状態から状態へと変形し、決して置き換えられません。 各状態はフレームの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を使用して1つのHTMLファイルを書きなさい。 window.renderAt(t) は時間の純粋な関数でなければならない。 Math.randomを使用しない。 クロックを使用しない。 状態を保持しない。 ?t= は正確な瞬間を固定する。 フレームごとに renderAt(frame / 60) からレンダリングする。 モーションブラーのために4つのサブフレームを使用する。 H.264で60fpsにエンコードする。 ループのラップ時のカーソルのジャンプを次の式で修正： t - 14*floor(t/14) オレンジをインクにクロスフェードさせない。 1.5秒で中心からリップルを発生させ、12.0秒でクリック地点からリップルを発生させる。 単語の入れ替えを垂直方向にロールさせる。 ぼかしインの後にドローインを開始する。 ターゲットが着地する予定の場所にカーソルを向ける。 カーソルの速度を65ピクセル/フレーム以下に保つ。 最初にストーリーボードを見せてください。 その後、コードを書いてください。 最初のレンダリング後、各ビートの周囲5フレームをチェックし、最終レンダリング前に問題を修正してください。