12秒商品発売動画プロンプト

<inputs> 私の製品名、ロゴ（または私が簡単なマークを描くか）、ブランドカラー（またはロゴから抽出）、ユーザーがプロンプトボックスに入力する一行、それを回答するページ（タイトル＋2〜3文でキーフレーズ1つ）、スタックカード用の2つの機能名、音楽トラックを尋ねてください。省略した場合はデフォルトを使用：製品「Frame by Frame」をWhopハブ内に配置、ビューファインダーマーク（太字「FF」の周りに4つのコーナーブラケット）、プロンプト「Make a launch video for my app」、レッスンページタイトル「2.1 Choose a reference」、カード「Launch」と「Sound」、Mixkitの無料ハウストラック「Rising Forest」を124 BPMにスロー。 </inputs> <direction> 12秒の正方形プロダクトスティング、1080x1080、29.97 fpsでフレーム番号（f0–f359）、マスターは59.94 fpsでレンダリング。Appleキーノート風：ソフト、白、明るい青、ガラス質。カメラは静止フレームでカットしない：すべてのショットは動きながら入り（指数イーズアウト、残り距離の12〜19%を毎フレーム移動）、加速する動きまたはブラーランプで去る。ブラーはすべての動きで速度と方向に従う。 パレット：私のブランドカラーをこれらの役割にマッピング；指定がない場合は、ページ#FDFDFB、ヘイズ#B7CFEB、アイス#E6F0FA、ディープブルー#294376→#769CC2スカイグラデーション、ネイビー#1E2F52、アクセントブルー#2F6BFF / #3CC8F0 / ミント#4ED6A0、白を使用。タイプ：Inter（400/500/600/700）。紫、バイオレット、マゼンタ、オレンジはどこにも使用しない。 ストーリー：プロダクトヘッダーがライトアプリウィンドウ内の青いヘイズから浮かび上がる→カーソルが滑り込み、進行方向を向き、ホバーで拡大し、ロゴをクリック→音楽ドロップでハードカット、4つのスクエアが十字に軌道を描くアプリアイコン→アイコンがMacメニューバーに崩れ落ちる→カーソルがメニューバーアイコンをクリック、フロストガラスのプロンプトボックスが飛び出し、プロンプトがタイプされる→ライトブルーフラッシュを通してウィップティルトアップ、回答ページがスクロールイン→その上にカードが浮かび上がる→ブラーディゾルブで2枚のスタックカード（巨大なフロストガラスタイトル付き）→ブラーディゾルブで単独のロゴディスク→ハードカットで黒いエンドカード（光るワードマーク付き）。 禁止：クロスフェード、静止フレーム（S7の1ホールドを除く）、ストックUIキット、UIテキストのグロー、Math.random、テンプレートに見えるもの。 </direction> <structure> 座標は1080ステージ上のpx。音楽ビートk = 0.048 + 0.4838·k秒（124 BPM、1ビート= 14.5フレーム）。3つのハードカットf72、f101、f159はビートの2フレーム前に配置：これらの正確なフレームを維持。 S1 f0–71、ヘッダー＋ウィンドウ＋クリック：ヘイズ#B7CFEBがf28までに#FDFDFBにフェード、下部に青いフロアグロー#DBEEFDを維持。ヘッダーは1行：ロゴディスク⌀132（#FBFCFE、1pxリム#E8E8EA、ダークマーク）、製品名（Inter 500）、ダークカプセルピル「on Whop」（#2F2E2F、白テキスト）；ロックアップ全体はx474–1063にまたがり、センターラインはy932（f0）→776（f2）→683（f5）→608（f10）→546（f24）→536（f37）に上昇、その後毎フレーム1pxドリフト。名前はf2でブラー、ピルはf4–5で強くブラーされ、シャープになるにつれて15px左にスライド。ライトハブウィンドウ（半径93、フィル#FCFDFF、トップバンド#F1F6FF、青いインナーフロアグロー）が周囲にフェードイン：不透明度0からf14、0.53 f15、0.7 f19、1.0 f24；左上隅(408,405)、右と下にオフフレーム。内部：トップバンドに検索ピル、左アイコン列（Coursesアイコン(537,739)、フェードしたChatアイコン(537,900)）、(764,700)からオフフレームのコースカード（カバー画像、タイトル、「Course · 8 lessons」付き）。カーソル（黒いmacOS矢印、白いアウトライン、32x39）はf27で(891,393)に出現、減速しながら左に(770,383) f44までグライド、f47–51で左下を向くように回転、ディスクの右下(629,564) f56→(587,546) f59→(555,531) f71に着地；f56からホバーで×1.55に拡大；f53からディスク周囲にソフトアイスリング（#D5F3FF→#F7FEFF、外径⌀174）が点灯。カメラは(540,540)を中心にズーム：1.0 f46→1.2 f60イーズインアウト、f61でホールド、その後加速しながらイーズアウトしてf71で1.04、カーソルが押す間（f69–71で15%縮小）。 S2 f72–100、アイコン＋オービット：ネイビースクイルアイコン（#294376→#1E2F52、白マーク）、f72で276pxからイーズアウトでf86までに178pxに縮小、半径は幅の28%、グレーハローディスク#E9E9E7が⌀240（f75）→326（f86）に成長。4つの92pxスクエア（半径26）が反時計回りにスピンイン、減速し、f86までに軌道半径≈216で十字にロック：白（1px #E3E8EFエッジ＋かすかな影）左、#2F6BFF上、#3CC8F0右、#4ED6A0下。f88–100：アイコンは加速して≈40pxに縮小、スクエアはその右に列にスライド（白はアイコンの後ろに滑り込む）、ブラーは0.3→6pxにランプ。 S3 f101–158、メニューバー＋プロンプト：黒いラップトップベゼルバンド（y425–475、トップハイライト#686866）の上の白いページ、ダークネイビーメニューバー（y477–538）、壁紙は下に青いスカイグラデーション＋細い白いラインアート（大きな円1つ、水平線2本、垂直線1本、交差点に4点スパークル、右上にソフトティールグロー）。メニューバー右クラスターは白：Wi-Fi、バッテリー、トグル、製品マークx531–584、⌀36ドット3つ#2F6BFF / #3CC8F0 / #4ED6A0がx612、661、709、「Mon Jun 22 9:41 AM」34px。f110までにブラー3pxからセトリング。カーソルが下から上昇（f102）、マークに座り、f113–117で押す。カメラはf115–130でコンテンツを右に+125pxパン（最速f118–120）。フロストガラスボックス（スカイの上の白青ガラス、明るいトップリム、半径60）がf116でマークの下から飛び出す：幅はf126で744pxにピーク、f138までに726x228にセトリング、x196–922、y568–797。プロンプトはf121（最初の判読可能な「Make 」）からf150（完了）まで約1文字/フレームでタイプ、2〜3文字ごとに1フレームホールド；キャレットは常にオン；下部に白いアウトラインアイコン3つ；送信ボタン#2F6BFF ⌀51に白い上矢印。f136からシーン全体が上にドリフト、加速してウィップティルト（f158で≈25px/フレーム移動、垂直ブラー≈6–8px）、ページはf154–158で#E6F4FEにティント。 S4 f159–186、回答ページ：ライトコースレッスンページ（ブレッドクラム、タイトル、本文）：テキスト列x120、本文47px Inter 400グレー#BCBCBA、行ピッチ58、キーフレーズ1つ（「frame for frame」）黒600。スミアされ420px低く到着、オフセット420、315、210、170、140、116、96、81（f166）…14（f175）…0（f180）でスクロールアップ、その後f186までに−6pxクリープ。ブラー24px（f159）→1.5（f165）→0。フラッシュ#E2F4FEがf165までに#FDFDFBにフェード。真上を指すカーソルがスクロールに乗り、キーフレーズの下（≈(450,591) f180）で停止、その後右にドリフト。 S5 f187–214、カード：白いカード（x203–878、下部オフフレーム）がページの上に浮かび上がる：カバー画像627x536インセット24px、半径64、上部中央にライトグラバーバー、キャプションセミボールド38px黒、サブキャプショングレー23px。カバートップy642（f187）→456（f191）→395（f196）→369（f200）→348（f205）、その後毎フレーム約4px上にドリフトし続ける。カードブラーはf189で3.8pxにピーク、f201までにシャープ；後ろのページは≈2.5pxにブラー。終了f207–214：カードは約5%縮小し上昇、フレーム全体が1→7pxにブラー；ブラーピークでカット。 S6 f215–244、2枚のカード：白いページ、2枚のスタックカード538x348（半径57、ギャップ36）がx540を中心に、トップカードはf230までにy168にセトリング、ボトムはy552。各：カバーアート（テキスト焼き込みなし）、左上にフロストピル（「Module 3」/「Module 5」）、右上にフロストラウンド「•••」、下端に沿ってフロストガラス製の巨大なボールドタイトル（画像のブラー・ライトニングコピーを文字にクリップ、カードの下端で切り取られる）：「Launch」と「Sound」。両方ともブラー12pxで入り、f224までにシャープ；トップカードは8%大きくy264から上昇；ボトムカードはy927から上昇、後ろにずれて。f230–238で毎フレーム3px上にドリフト、その後加速して上昇しブラーアウトしてカット。 S7 f245–300、ロゴディスク：ページ#FDFDFB、ディスク⌀168 #F6F6F6にダークマーク、中央に上昇（トップy569 f245→491 f250→468 f255→456 f269）、カットフレームで垂直スミア、f269–287で静止ホールド（唯一の静止ストレッチ）、その後加速してf300で⌀123に縮小。 S8 f301–359、エンドカード：黒いラジアル背景（コーナー#020204、ワード周囲≈#272729）、ワードマークInter 600、白#F3F3F5にタイトグロー＋ワイドソフトハロー、中央(540,540)。ワード幅：≈1650px f301（水平スミア、ズームストリーク）→1350 f302→1110 f303→1049 f304→734 f309→678 f311→563 f320→516 f342（≈1px/フレーム縮小）→492 f350、その後イーズインで崩壊：450 f355→267 f359、ブラーが3.5pxに上昇。フィルムは崩壊途中で終了。 </structure> <build> 1. 1つのHTMLページ、1080x1080、フレーム番号の純粋な関数としてseek(t)で描画。CSSトランジションなし、タイマーなし、Math.randomなし（シード付きハッシュのみ）。ショットは{f0, f1, render(localFrame)}として登録。 2. すべての値はフレーム番号で連続（59.94マスターはハーフフレームをレンダリング）：キーフレームテーブルkf(frame, [[f, value], ...], ease)と線形補間のパーフレームルックアップテーブルでアニメーション。モーションにMath.floorを使用しない。 3. ブラー：ラウンドブラーにはCSSフィルターブラー、方向性スミアには別々のx/y stdDeviationを持つSVG feGaussianBlur。エンドカードのズームスミア＝ワードの20〜30のスケール・フェードコピー。フロストガラス＝後ろのもののブラー・ライトニングコピーを形状にクリップ。 4. カーソル：1つのSVG macOS矢印（黒フィル、白アウトライン、ソフトシャドウ）に回転とスケール、S1、S3、S4で再利用。 5. サウンド（ボイスなし）、正確に12.075秒：124 BPMの音楽、ソフトイントロ、2.47秒でドロップ（ビート5、f72カットは2フレーム先行）。合成SFX：ソフトインパクト0.10秒；カット2.402、3.370、5.305、10.043秒でピークのウーッシュ；トランジションヒットは正確に6.240秒と8.175秒；クリック2.33秒と3.83秒；4.04–5.00秒に約32msごとの非常に静かなキーティック；10.05秒にソフトシャイマー。マスターを−14 LUFS、トゥルーピーク−1 dBTP、最後の60ms以外フェードなし。 6. Playwrightでレンダリング（フレームごとに1スクリーンショット、フォントを先にロード）、H.264 yuv420pを60000/1001でエンコード、オーディオをミックス。 </build> <gotchas> フォントがロードされた後にのみテキストを測定。長い製品名は5文字の名前が収まる場所に収まらない：ロックアップ全体（ディスクギャップ、名前、ピル）をx474–1063に収まるようにスケール、ピルをオフフレームに落とさない。白いオービットスクエアは1pxエッジとかすかな影なしでは白いページで消える。S6カード内に独自のテキストを持つ画像を置かない、ガラスタイトルが二重になる。カットフレームをビートに乗っていなくても正確に維持。S7 f269–287以外は何もフリーズしない。重いブラーテーブルは形状を完全に消し去る可能性がある：フレームが空に見える場合は、形状がまだ読めるまでブラーを下げる。 </gotchas> <start> 入力を尋ねてください。その後、フルフィルムをレンダリングする前に4つのスチル（f40ヘッダー・イン・ウィンドウ、f86アイコンクロス、f150完成プロンプト、f230の2枚のカード）を見せてください。 </start>