LogoAhaPrompt
  • プロンプト
  • 厳選
  • モデル
  • 投稿
  • ブログ
AhaPromptAhaPrompt

画像・動画・音声を網羅、主要モデル全対応の AI プロンプトライブラリ

Built withLogoNEXTY.DEV
探す
  • すべてのプロンプト
  • 厳選プロンプト
  • 画像プロンプト
  • 動画プロンプト
  • 音声プロンプト
  • AI モデル
  • プロンプトを投稿
  • ブログ
言語
  • English
  • 中文
  • 日本語
  • 한국어

著作権所有 © 2026 AhaPrompt 全著作権保有。

プライバシーポリシー利用規約
ホームAI プロンプトライブラリAI 動画プロンプトThree.js 製品ローンチ映像プロンプト

Three.js 製品ローンチ映像プロンプト

AClaude Opus 5.5Anthropicvideo

あなたはプリンシパルモーションデザイナー兼リアルタイムグラフィックスエンジニアである。three.jsだけを使い、すべてのフレームをコードで、ブランド自身のフィルムと同水準のプロダクトローンチフィルムを作る。品質は形容詞ではなく、計測と独立した批評家によって証明する。 - プロダクト、およびフィルムが述べてよい3〜5個の事実(逐語、捏造なし) - 打ち負かすべきリファレンスフィルム - 尺、アスペクト比、解像度 - 絶対に映さないもの:[ロゴ、人物、権利のない映像] リファレンスをフレーム単位で読み、数値に変換する:カットのリズム、カメラ速度、ヒーローモーションのカーブ、文字サイズとタイミング、ステージの色。その数値が基準である。計測せよ、決して模倣するな。 - まず絵コンテ:時間、ショット、それが証明するもの、カットアウトを1つの表に。1ショット2〜3秒、フレーム0がすでにマネーショット - 単一のシーククロック:すべてのピクセルは時間の純粋関数 - すべての要素(デバイス、そのスクリーンUI、各ショット、タイポグラフィ)を、フィルムに参加する前にそれぞれ独立したラボで単体構築する - スクリーンUIはコード、タイポグラフィはキャンバスに描画、すべての閾値はクロスフェード(ハードなものは1フレームだけ点滅する) - ビルダーとクリティックは常に別々のエージェント。クリティックは毎ラウンド新規に開始し、レンダリングされたフレームをリファレンスと比較して審査し、採点し、最大のギャップを1つだけ名指しする。ビルダーはそれだけを修正する - ブラインドテスト:自分のフレームをリファレンスのものと混ぜる。審査員がどちらか見分けられたら、未完成 - ワウゲート:フィルムを3秒の窓に分割する。すべてがイエスでなければならない - 実在のトラックを1曲、その曲自身の最後のヒットがエンドカードに着地するように合わせ、1つの連続した作品として再生する。そのビートでカットする - すべての小さな動きにクリーンでリアルな音、ヒーローモーメントは明確に聞こえるように - 音楽は静かに(約-34 LUFS)、そして常に音楽のみのバージョンも用意する 60fpsでレンダリングし、フリーズフレーム、1フレームのポップ、黒フレーム、ラウドネスを計測する。その後、クライアントのように視聴する:空白、テキストの上のテキスト、嘘をつくラベル、長居するショット。

詳細情報
タイプ
AI 動画プロンプト
アスペクト比
16:9
Duration
0:19
更新日
2026/10/15
カテゴリ
AnimationMotion Graphics3D Render
Source

このプロンプトの使い方

  1. 1上のコピーボタンでプロンプト全文をコピーします。
  2. 2Anthropic の Claude Opus 5.5、またはお好みの AI 動画生成ツールを開きます。
  3. 3プロンプトを貼り付け、カメラワークや動きの記述はそのまま残します——映像演出を決める部分です。
  4. 4作例の設定(16:9 · 0:19 · Animation · Motion Graphics · 3D Render)に合わせて生成し、少しずつ調整を重ねます——わずかな言い回しの違いで結果が大きく変わります。

よくある質問

この動画はどの AI モデルで生成されましたか?

このクリップは Anthropic の Claude Opus 5.5 で生成されました。ページ上のプロンプトが、生成に使われた原文そのものです。

このプロンプトはどんな設定を使っていますか?

作例は Claude Opus 5.5 で、次の設定で生成されました:16:9 · 0:19 · Animation · Motion Graphics · 3D Render。同じ設定を使うと最も近い結果が得られます。

似た結果を得るにはどうすればいいですか?

まずプロンプトをそのままコピーし、カメラ・動き・ライティングの記述は残して被写体だけ変えます。動画モデルは言い回しに敏感なので、数回試すのがおすすめです。

このプロンプトを改変してもいいですか?

もちろんです。シーンの差し替えやテンポ表現、アスペクト比の変更など、プロジェクトに合わせて自由に調整してください。

Claude Opus 5.5 のプロンプトをもっと見る

0:29
AClaude Opus 5.5
入力として求めるもの:ワードマーク用の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を測定されたピークを使って配置する。音楽を正確にダウンビートで開始し、カメラの着地をドロップに合わせ、壁のシーケンスをブレイクダウン内に置き、ワードマークを戻す
詳細を見る
0:14
AClaude Opus 5.5
私に聞いてください:その形状がモーフィングする8〜12個のUI状態(例:ボタン、ローダー、プレイヤー、スライダー、トグル、タブ、チャート、コマンドパレット、トースト)、白黒または単一のアクセントカラー、そして約120 BPMのロイヤリティフリー楽曲(例:Mixkit、商用利用無料)。 DribbbleレベルのUIモーション。ひとつの形状、カットなし:すべての状態は同じ要素がサイズ、角丸、色をモーフィングし、そのコンテンツは短いブラーで入れ替わる。 カーソルが実際のクリックとドラッグで全ての変化を駆動する。明るいウォームグレーのキャンバス、白黒のコンポーネント、ひとつのクリーンなUIフォント(Geist)。 至る所にスプリング、ほんのわずかなオーバーシュートだけ。カメラがズームして各状態がフレーム全体を満たす。最後のフレームは最初のフレームと一致し、完璧にループする。 禁止:バウンスするイージング、パーティクルのバースト、グロー、UIクローム上のグラデーション、不一致なアイコンストローク、デッドタイム、テンプレートに見えるものすべて。 120 BPM、7小節、毎ビートで何かが起こる。 ボタン → ローダー → チェック → ダイナミックアイランド → プレイ/ポーズのモーフ付きミュージックプレイヤー → プログレスバーをスクラブ → 最大を超えてドラッグすると伸びるボリュームスライダーに変形 → トグルがビートに合わせて切り替わる → ノブがリキッドタブインジケーターになる → タブが展開して自己描画するチャートになり、ホバーでツールチップ → ⌘Kに折りたたまれる → 入力してフィルター → エンター → トースト → ボタンに戻る。 ひとつのHTMLファイル、正方形1440x1440。すべてのスタイルはseek(t)内の時間から計算される:CSSトランジションなし、タイマーなし、フレーム間で状態を持ち越さない。 スプリングは閉形式のステップ応答を使用する。複数回ターゲットが変わる値は、変更ごとにひとつのスプリングの合計であり、時間の純粋関数であり続ける。 タブインジケーターの両エッジは別々のスプリングに従い、先端が後端より先に伸びる。トグルノブにも同じトリックを使う。 ドラッグは直接操作:カーソルが押されている間、値はその位置から計算される。離すとどこからでもスプリングで戻る。 numpyで楽曲を分析してビートグリッドを見つけ、ダウンビートから始める。すべてのUIサウンドを計測されたピークで揃える。 Playwrightでレンダリング:1フレームあたり4サブフレーム、ffmpegのtmixでブレンドして60fpsのモーションブラーを実現。 フルレンダリングの前に1ビートにつき1フレームをレンダリングする。グリッドから外れたもの、窮屈なもの、読みにくいものを修正する。 カメラがスケールするものにwill-changeを絶対に付けない、さもないとテキストがぼやける。 モーフィングするコンテナ内で入れ替わるテキストは、独自の進入と退出のタイミングが必要、さもないと重なる。 最後のフレームを最初のフレームと同一にする、カーソル位置と速度も含めて、さもないとループがカクつく。 入力項目を私に聞いてから、コードを書く前にビートグリッド上の状態リストを見せてください。
詳細を見る
0:14
AClaude Opus 5.5
私に聞いてほしいこと:このシェイプを変形させたい8〜12個のUI状態(例:ボタン、ローダー、プレイヤー、スライダー、トグル、タブ、チャート、コマンドパレット、トースト)、純粋な白黒または1つのアクセントカラー、そして約120 BPMのロイヤリティフリー楽曲(例:Mixkit、商用利用無料)。 DribbbleレベルのUIモーション。1つのシェイプ、決してカットしない:すべての状態は同じ要素がサイズ、角丸、色をモーフィングし、その内容は短いブラーで入れ替わる。カーソルが実際のクリックとドラッグで全ての変化を駆動する。明るいウォームグレーのキャンバス、白黒のコンポーネント、1つのクリーンなUIフォント(Geist)。至る所にスプリング、オーバーシュートはごく僅か。カメラがズームして各状態がフレームを満たす。最後のフレームは最初と一致し、ループする。 禁止:バウンシーなイージング、パーティクルの爆発、グロー、UIクローム上のグラデーション、不一致なアイコンストローク、デッドタイム、テンプレートのように感じるものすべて。 120 BPM、7小節、毎ビートで何かが起こる。 ボタン → ローダー → チェック → ダイナミックアイランド → プレイ/ポーズのモーフ付きミュージックプレイヤー → プログレスバーをスクラブ → 最大を超えてドラッグすると伸びるボリュームスライダーになる → トグルがビートに合わせて切り替わる → ノブがリキッドタブインジケーターになる → タブが開いて自己描画するチャートになり、ホバーでツールチップ → ⌘Kに折りたたまれる → 入力してフィルター → エンター → トースト → ボタンに戻る。 1. 1つのHTMLファイル、正方形1440x1440。すべてのスタイルはseek(t)内の時間から計算される:CSSトランジションなし、タイマーなし、フレーム間で状態を持ち越さない。 2. スプリングは閉形式のステップ応答。ターゲットが何度も変わる値は、変更ごとに1つのスプリングの合計なので、時間の純粋関数のままである。 3. タブインジケーターの2つのエッジは異なるスプリングに乗るので、先端が後端より先に伸びる。トグルノブにも同じトリックを使う。 4. ドラッグは直接操作:カーソルが押されている間、値はその位置から計算される。離すと、どこにあったとしてもそこからスプリングで戻る。 5. numpyで楽曲を分析してビートグリッドを取得し、ダウンビートから開始する。すべてのUIサウンドを測定されたピークに配置する。 6. Playwrightでレンダリング:1フレームあたり4サブフレーム、ffmpegのtmixでブレンドして60fpsのモーションブラーを実現。 7. フルレンダリングの前に、1ビートにつき1フレームをレンダリングする。グリッドから外れているもの、窮屈なもの、読みにくいものを修正する。 カメラがスケールするものにwill-changeを絶対に付けないこと、さもないとテキストがぼやける。モーフィングするコンテナ内で入れ替わるテキストは独自の進入と退出のタイミングが必要で、そうでないと重なる。最後のフレームを最初と同一にすること、カーソル位置と速度も含めて、さもないとループがカクつく。 入力について私に聞き、コードを書く前にビートグリッド上の状態リストを見せてほしい。
詳細を見る
0:41
AClaude Opus 5.5
huashu-art-motion で15秒のアニメーションを作ってください。スキルのドキュメントは中国語なので、読んでから英語で話しかけてください。 1. まず uv、ffmpeg、Playwright Chromium があるか確認し、足りないものがあればインストール方法を教えてください。 2. 何についての作品か、誰に向けたものか、横向きか縦向きかを聞いてください。references/风格配方/INDEX.md の素材レイヤーから、合いそうなスタイルを3つ、三星のものを優先して選んでください。その3つすべてで私の題材に合わせて構図を再設計し、それぞれ互いに異なるものにし、サンプルの部屋をそのまま使わないでください。選べるように、それぞれの静止画を1枚ずつ見せてください。 3. 私が選んだら、各シーンに主要なアクションを1つと、そのスタイルのカードにあるモチーフループを2つ入れてください。ゴッホなら、渦を巻く星空と、外へ広がるランプの光の輪です。音楽がある場合は、スキルのBPM合成を使って動きをビートに合わせてください。 4. 人物を出す必要がある場合は、先に私に聞いてください。自分のキャラクターアートか、画像モデルからのフレームか、手と後ろ姿だけか。 5. レンダリング後は、スキル自体のQA手順に従ってください。まずそのQAスクリプトを実行し、次に制作に関わっていないサブエージェントに完成した映像だけを見せて問題を見つけさせ、その結果を审片/ フォルダに書かせ、その配布スクリプトで納品してください。赤い項目があれば、修正して再レンダリングしてから私に渡してください。
詳細を見る
0:28
AClaude Opus 5.5
あなたは計算幾何学エンジニア、クリエイティブテクノロジスト、 テクニカルアーティスト、タイポグラフィデザイナー、そしてWebGLエンジニアである。 SHADOW FOUNDRYを構築せよ。 インタラクティブで美術館品質のデジタルアートインスタレーション。 抽象的な三次元彫刻が、完璧に構成された タイポグラフィの影を落とす。 ユーザーは以下が可能: - フレーズから彫刻を生成する。 - あらゆる角度から彫刻を観察する。 - 光を動かし、読める影を破壊する。 - 彫刻がメッセージを復元するために再編成されるのを見る。 - マテリアルとライティングを変更する。 - 幾何学的構造を明らかにする。 - 高解像度アートワークをエクスポートする。 - インタラクション全体を記録する。 これはランディングページではない。 タイポグラフィアニメーションでもない。 3Dテキストモデルでもない。 リアルタイムの計算的影の彫刻である。 根本的な芸術的アイデア: 物体は混沌。 影は秩序。 すべては実際のジオメトリ、 ライティング、レンダリングを通じて生成されなければならない。 AI生成画像は禁止。 事前録画動画は禁止。 投影されたテキストテクスチャは禁止。 偽の影オーバーレイは禁止。 可視メッセージは、実際の三次元物体が落とす影から 浮かび上がらなければならない。 ユーザーに入力を求めない。 完全なインスタレーションへ直接開く。 デフォルトのメッセージは: LOOK CLOSER. メッセージは大きな建築壁に表示される。 それは完全に彫刻の影によって 生成されなければならない。 彫刻は約80個の独立した 金属フラグメントで構成される。 各フラグメントは独自の: - 三次元位置 - 奥行き - 向き - シルエット - 表面処理 - モーションパス を持つ。 フラグメントは約: 幅2.2m 高さ1.5m 奥行き1.8m の空間を占める。 それらは壁の前に吊り下げられている。 フラグメントは意図的にデザインされた キネティック彫刻のように見えるべきである。 斜めの角度からは、抽象的に見える。 光の視点からは、それらの投影シルエットが 組み合わさって所望のタイポグラフィになる。 単一の建築用スポットライトが彫刻を照らす。 結果として生じる影はこう読める: LOOK CLOSER. 影はすぐに読めるほど鮮明でなければならない。 初期構図は、並外れた現代アートインスタレーションの 編集写真のように見えるべきである。 ユーザーがインタラクトする前から美しくなければならない。 芸術的参照 考えるべきは: 現代彫刻ギャラリー。 実験的光インスタレーション。 ブルータリズム建築写真。 精密加工されたキネティック彫刻。 美術館展示デザイン。 視覚品質は、国際的なデザイン機関からの 高額な委託作品のように感じられるべきである。 カラーパレット 背景: #E9E6DE 建築壁: #EAE7E0 床: #D7D3CB 金属フラグメント: #252724 二次金属: #6D716E 影: #181A18 インターフェース: #20221F アクセント: #E8FF6A アクセントカラーは選択されたコントロールに控えめに使用される。 カラフルなグラデーションは禁止。 紫のライティングは禁止。 装飾的なグローは禁止。 パーティクルは禁止。 浮遊するガラス球は禁止。 一般的な未来的インターフェースは禁止。 建築 インスタレーションはミニマリストギャラリーの中に存在する。 一枚の巨大な漆喰壁。 一枚のシームレスなコンクリート床。 非常に繊細な壁と床の接合部。 単一の可視スポットライト。 スポットライトは細い機械アームに取り付けられている。 彫刻は床から約1.2mの高さに浮かぶ。 必要に応じて繊細な構造フレームを使用する。 インスタレーションは建築的に信憑性があるように感じられるべきである。 マテリアル フラグメントはヘアライン仕上げのダークチタンまたは陽極酸化アルミニウム。 メタルネス: 約0.75〜0.95。 ラフネス: 約0.25〜0.38。 対応している場合は異方性のあるヘアラインハイライトを使用する。 フラグメントには目に見える厚みがあるべきである。 そのエッジは細いハイライトを捉える。 完全に平らな黒いピースは避ける。 表面ラフネスに微細な変化を加える。 過度な傷やグランジェを加えない。 壁 壁にはほとんど知覚できない漆喰テクスチャがある。 その表面は完全にコンピュータ生成された白であってはならない。 プロシージャルな低周波表面変化を使用する。 テクスチャは影と競合してはならない。 影が主役である。 単一のパースペクティブカメラを使用する。 参照ビューポート: 1440x900。 カメラ焦点距離換算: 約65mm。 初期カメラ位置: 彫刻のやや右側。 壁の法線から約24度離れている。 カメラ高さ: 約1.6m。 構図は両方を明らかにするべきである: 1. 物理的な彫刻。 2. 壁上のその影。 彫刻は構図の左半分を占める。 読める影は右半分を占める。 彫刻と影を過度に重ねて、 錯覚の理解が困難にならないようにする。 ユーザーはカメラをオービットできなければならない。 オービット制限: 水平: デフォルトビューから-55〜+55度。 垂直: -20〜+30度。 カメラターゲットはインスタレーションの中心付近に保つ。 滑らかで臨界減衰のカメラ移動を使用する。 誇張された慣性は禁止。 連続的な自動回転は禁止。 映画的なカメラシェイクは禁止。 3つのカメラプリセットを提供する: SCULPTURE: 物理的フラグメントを強調する斜めのビュー。 SHADOW: 読めるメッセージを強調するほぼ正面のビュー。 STUDIO: 元のバランスの取れた構図。 カメラトランジションは約1.1秒かかるべきである。 滑らかな五次イーズを使用する。 カメラ位置間でカットしない。 デフォルトフレーズは極めてヘビーなグロテスク書体を使用する。 適切なオープンライセンス書体を優先する。 以下のフォントを使用する: - 強い大文字のジオメトリ - 明確なカウンター - ヘビーなストローク - 最小限の装飾的ディテール - 優れた可読性 タイポグラフィは建築的に感じられるべきである。 デフォルトレイアウト: LOOK CLOSER. 二行。 二行目はやや広い。 両行は光学的に中央揃え。 影の総幅: 約2.1m。 影の総高さ: 約1.1m。 トラッキング: タイトだが重ならない。 行間: キャップハイトの約0.95倍。 ピリオドは特大。 それは〜のように感じられるべき
詳細を見る
0:05
AClaude Opus 5.5
[PAGE URL / FILE] のスムーズなホバーデモ動画を録画してください。 フレーム - 1440×900、コンポーネントは中央に配置。背景に溶け込む場合はコントラストのある背景を使用してください。 - カーソル、クリック、ブラウザUIは表示しないでください。実際のホバーイベントを使用し、元のアニメーション速度を保ってください。 ズームのタイミング - ホバー時に変化する領域(例:メニュー項目)を測定してください。 - 幅がフレームの半分以上、高さが4分の1以上ある場合はズームしないでください。 - それ以外の場合は、幅の約70%を占めるようにズームしてください(最大2.4倍)。1.4倍未満のズームはスキップしてください。 - 画像の実際の解像度を超えてズームしないでください。 カメラ(Screen Studioスムーズ) - ズームとパンを臨界減衰スプリング(バウンスなし)で一緒にアニメーションさせ、収束まで約1秒、ズームは対数スケールで行ってください。 - 静止状態から開始し、グライドインし、各ホバー項目を追従し(各約1.2秒)、グライドアウトしてください。 - 最初のフレームで正確に終了し、シームレスにループさせてください。 - 1フレームあたりのズーム変化は8%以内にしてください。 出力 - MP4(H.264)、30 fps、5~8秒、音声なし、2 MB未満、フル解像度。 - 大きすぎる場合はビットレートのみを下げてください。縮小、クロップ、速度変更は絶対にしないでください。
詳細を見る
0:30
AClaude Opus 5.5
私に聞いてください:ワードマーク用の1語のブランド名(動詞が最適)、9〜12枚の高解像度写真、ドロップと静かなブレイクダウンを備えた約120 BPMのロイヤリティフリー曲(Mixkit、商用利用無料)、そして動く植物の影がある無地の壁の無料ストッククリップ(Pexels)。 Appleキーノート風のローンチフィルム。2Dのみ、ワンカットの連続撮影として。各シーンは前のシーンから発展する:フェード、ブラー、カットはなし。オブジェクトが変形する。テキストはマスクラインからせり上がり、アイコンはゼロから跳ね上がり、バーは画面を横切って描かれ、ページは前方に押し出され、黒い図形がフレームを満たしてから次のシーンへ縮小する。温かみのあるオフホワイトのキャンバス、黒いUI、写真の上にiOS 26のリキッドグラス。ワードマークにはArchivo(wdth 125、ウェイト800)、UIにはGeist。カーソルが実際のクリック、ドラッグ、長押しで全ての変化を引き起こす。カメラはスクリーンスタジオ風にズームし、各瞬間が正方形を満たすようにし、カーソルもそれに合わせてスケールする。 禁止:クロスフェード、ブラーイン、明るさの「現像」、3Dフリップ、パーティクル、グロー、1秒を超えるホールド、テンプレートに感じられるもの一切。 120 BPM、54ビート、毎ビートで何かが起きる。 オープニング:ワードマークがアコーディオンのように自身のピリオドへ圧縮される。ドットが黒いピルに拡大し、その中にラベルがせり上がる。クリック:6枚のアイリスブレードがラベルの上で閉じ、そして写真の上へパッと開く。円が正方形に変わり縮小する。グリッドが紙の地図のように後ろで展開し(中央、プラス、角)、ベントーに再配置され、クリックで1つのタイルにズームインし、ドロップにぴったり着地する。 グラス:ガラスの単語が1文字ずつ現れ、その後しずくに溶けてガラスのツールバーに伸びる。調整アイコンがそれをスライダーに変える。ドラッグすると写真の照明が昼からゴールデンアワーへ移行し(2枚の位置合わせされたショット)、保持されたノブがガラスのレンズになる。それがガラスの球体へ上昇し、次の写真がその中に円として開き、球体がガラスの時計数字、日付、そしてガラスのミュージックプレーヤーに伸びるホームバーを備えたロック画面へと成長する。 ステージ:ロック画面が引き下がってスマートフォンが現れ、ベゼルが画面の端から成長する。ダイナミックアイランドが液体のように伸び、ちぎれ、飛び越えて、ブラインドのように巻き上がるMacウィンドウへ拡大する。壁紙を長押ししてSafariタブへドラッグする。ページが押し出され、画像をドロップするとランディングページのヒーローになる。スクロール:ヒーローが商品カード上の額装プリントに変形し、マットと額縁が写真の端から成長する。フレームの色(塗り広がる)とサイズを選ぶと、ナビボタンが飛び降りて「プリントを注文」になる。 注文:1つの黒い図形が変わり続ける:注文済み ✓ → 印刷中 % → 配送中(ルート上のバン)→ 配達済み ✓。 壁:配達済みの円が拡大して黒がフレームを満たし、1ビート保持してから、実際の壁の映像に掛かった額装プリントへ縮小する。同じアイリスがプリントの上で開き、再び閉じる。フレームが画面を満たし、ピル → ドット → 文字が戻ってくるビートで跳ね戻る。最後のフレーム=最初のフレーム。 1. 1つのHTMLファイル、正方形1440x1440。非同期のseek(t)内で時間から全てのスタイルを計算する:CSSトランジション、タイマー、フレーム間で持ち越される状態はなし。 2. スプリングには閉形式のステップ応答を使う。値に複数のターゲットがある場合は、変化ごとに1つのスプリングを追加して、時間の純粋関数に保つ。 3. リキッドグラス:各ガラス要素は背後のシーンの独自のクローンを保持する。そのクローンをSVG feImageディスプレイスメントマップ(角丸矩形の距離場)でフィルタし、わずかに異なるスケールの3つのfeDisplacementMapを通して色収差のエッジを作り、リムライトを加える。ガラスの文字には、グリフごとのキャンバス距離場を使ってマップ、マスク、ハイライトを構築する。 4. グー:ブラーとアルファ閾値を適用し、その上にソースを合成してガラスが内部でシャープに保たれるようにする。 5. アイリス:六角形の開口部の周りに6枚のブレードを配置する。各ブレードはその2つの頂点、両方のエッジ延長線、そしてそれらの間の短い弧を使う。 6. ワードマークの圧縮:各文字を同じ係数でドットに向かって移動させ、描画幅をそれに合わせて調整する(wdth軸を狭め、残りをスケールする)、文字同士を接触させたまま。 7. 映像:全てオールイントラで再エンコードし(ffmpeg -g 1)、blob URLとして読み込み、各フレームを描画する前に「seeked」を待つ。 8. サウンド:全てのイベントにダウンロードしたSFXを使い(Mixkit)、決して合成せず、それぞれを測定したピークで配置する。曲はダウンビートで開始する:ズームをドロップに着地させ、壁をブレイクダウンに置き、ワードマークをビートと共に戻す。Loudnormで-14 LUFSに。 9. Playwrightでレンダリング:60fpsでffmpeg tmixを使ってフレームごとに4つのサブフレームをブレンドする。1ビートにつき1フレームを確認し、次に単一フレームのポップ(隣接するフレームより3倍高いフレーム差分スパイク)を探す。 backdrop-filter: url()はChromiumでディスプレイスメントマップを誤読するので、代わりにシーンをクローンする。フラッドは角を越えて広がり約0.3秒かかる必要がある。そうでなければ画面の半分が1フレームで変わる。visibility: visibleに設定された子は非表示の親を通して表示されることがあるので、inheritを使う。変形する図形内のテキスト入れ替えには独自のマスクが必要。python http.serverは動画のレンジシークができないので、blob URLを使う。 私に入力を求めてから、完全なフィルムを書く前にビートマップと4枚のスチル(オープン、グラス、ステージ、壁)を見せてください。
詳細を見る
0:10
AClaude Opus 5.5
SVGとthree.jsとwebgl、その他のエフェクトやグラフィカルテクニックが融合して生まれる新しい種類のアニメーションを表示するシンクレットを作って。今すぐ発明できる新しい形のアニメーションにしてほしい。そして、新しいテスラ・ロードスター(ネットで画像を調べて)の上で、1台の自転車に乗った4羽のペリカンをアニメーションさせたい。ロードスターは圧縮空気ジェットでホバリングしている。各ペリカンはさまざまな文化に応じてそれぞれ異なる服装をしていなければならない。
詳細を見る
Claude Opus 5.5 のプロンプトを全て見るAI 動画プロンプトを探索する