Appleキーノート風ローンチフィルム

入力として求めるもの：ワードマーク用の1語のブランド名（動詞が理想）、高解像度写真9〜12枚、120 BPM前後で明確なドロップと静かなブレイクダウンを備えたロイヤリティフリーのトラック（Mixkit、商用プロジェクト無料）、植物の影が動く空白の壁の無料ストック写真（Pexels）。 Appleの基調講演スタイルの製品発表フィルムを純粋な2Dで、途切れないワンテイクとして制作する。すべてのシーンは前のシーンから直接進化しなければならない：フェード、ブラー遷移、カットは禁止。要素は後継へとモーフィングする。タイポグラフィはマスクエッジからせり上がり、アイコンはゼロスケールからポップし、プログレスバーはキャンバスを横切って伸び、ページはフレーム内に押し入り、黒いフォルムが画面を覆うように拡大してから次のシーンへ収縮する。 温かみのあるオフホワイトの背景、黒いインターフェース要素、写真の上に重なるiOS 26スタイルのリキッドグラスを使用する。ワードマークはArchivo（wdth 125、ウェイト800）、UIはGeistで設定する。 カーソルは実際のクリック、ドラッグ、長押しを通じてすべてのインタラクションを開始しなければならない。スクリーンスタジオのような感覚でカメラを動かし、各ビートが正方形の構図を満たすようにし、カーソルはカメラとともにスケールする。 禁止：クロスフェード、ブラーイン、明るさによる「リビール」、3Dフリップ、パーティクル、グロー、1秒を超える静止保持、そしてテンプレートに見えるものすべて。 120 BPM、54ビート、各ビートで目に見える変化を伴う。 オープニング：ワードマークがアコーディオンのように自身のピリオドに向かって収縮する。ドットが黒いピルに成長し、その中にラベルが現れる。クリックで6枚のアイリスブレードがラベルの周りで閉じ、その後写真の上へスプリング開きする。円形が正方形になり縮小する。その背後でグリッドが紙のように展開する - 中央、プラス、角 - そしてベントーレイアウトへ再編成する。クリックで1つのタイルに飛び込み、ドロップに正確に着地する。 グラス：グラスの単語が1文字ずつ構築され、その後液滴へと液化する。液滴は横に伸びてグラスツールバーになる。調整アイコンがスライダーに変形する。スライダーをドラッグすると、完全に整列した2枚のショットを使って写真が昼光からゴールデンアワーへ移行する。保持されたノブがグラスレンズになり、上昇してグラスオーブになる。次の写真が円としてオーブの中に現れる。オーブがロック画面へ拡大し、グラスの時計数字、日付、ホームバーを含む。ホームバーが外側に伸びてグラスミュージックプレーヤーになる。 ステージ：ロック画面が引き離され、その周りの電話が現れ、ベゼルは画面境界から直接成長する。ダイナミックアイランドが液体のように伸び、電話からピンチオフし、キャンバスを横切って飛び、Macウィンドウへ拡大する。ウィンドウがブラインドのように上へ巻き上がる。壁紙を長押ししてSafariタブへドラッグする。ブラウザページが前方に押し出される。画像がリリースされると、ランディングページのヒーロー画像になる。スクロール：ヒーロー画像が製品カード内の額装プリントへ変形し、マットとモールディングが写真の縁から有機的に成長する。フレームカラーを選ぶとフレーム全体に塗り広がる。サイズを選択する。ナビゲーションボタンが下方へ飛び、「プリントを注文」へ変形する。 注文：1つの黒いフォルムが連続的に状態を変える： 注文済み ✓ → 印刷中 % → 配送中（ルートを進むバン）→ 配達済み ✓。 壁：配達済みの円が拡大し、黒がフレーム全体を覆う。ちょうど1ビート保持し、その後実際の壁の映像内に掛かる額装プリントへ収縮する。同じ6枚ブレードのアイリスがアートワークの上へ開き、再び閉じる。フレームが画面を満たすまで拡大し、ピルへ収縮して戻り、ドットになり、最後に戻りのビートで文字が外側へスプリングする。 最終フレームはオープニングフレームと同一でなければならない。 1. すべてを1440×1440の単一HTMLファイル内に保つ。すべての視覚プロパティは、非同期のseek(t)関数内の時間から導出されなければならない。CSSトランジション、タイマー、フレーム間の永続状態は禁止。 すべてのスプリングモーションに閉形式のステップ応答を使用する。プロパティが複数回ターゲットを変更する場合は常に、ターゲット変更ごとに別々のスプリングを追加し、アニメーション全体が時間の純粋関数であり続けるようにする。 リキッドグラスは、すべてのグラスコンポーネントにその下のシーンの独自コピーを与えることで構築する。そのクローンを、角丸長方形の距離場に基づくSVG feImageディスプレイスメントマップで処理する。わずかに異なるスケールの3つのfeDisplacementMapに通して微妙な色収差の縁分離を生み出し、その後リムライトレイヤーを追加する。グラスタイポグラフィでは、各グリフのキャンバス距離場を生成し、ディスプレイスメント、マスキング、ハイライトに使用する。 グーエフェクトでは、ソースをぼかしてアルファしきい値を通し、その後元のソースを結果の上に再合成して内部が完全にシャープなまま保たれるようにする。 アイリスは六角形の開口部の周りに配置された6枚のブレードから構築する。各ブレードは2つの頂点、対応するエッジ延長線、それらを結ぶSHORTアークを使用する。 ワードマークの圧縮では、同じ圧縮係数を使って各文字をピリオドに向かって移動させる。描画幅をそれに応じて調整する：まずwdth軸を狭め、その後残りのジオメトリをスケールしてすべての文字が接触したままになるようにする。 すべての映像素材をffmpegでオールイントラ（-g 1）として再エンコードする。結果のメディアをblob URL経由で読み込み、毎フレーム描画する前に「seeked」を待つ。 オーディオには、各インタラクションイベント用にダウンロードしたSFX（Mixkit）を使用し、生成音は決して使わない。すべてのSFXを測定されたピークを使って配置する。音楽を正確にダウンビートで開始し、カメラの着地をドロップに合わせ、壁のシーケンスをブレイクダウン内に置き、ワードマークを戻す