キネティック・タイポグラフィによるスピーチ可視化
HTML/CSS/JS を使用して、20秒間のキネティック・タイポグラフィ映像「BUILD THE FLOOR」を作成するためのプロンプトです。タイポグラフィフィールドの操作、磁気モニュメント美学、および具体的なタイミング/ストーリーボード指示を通じてスピーチを可視化します。
プロンプト
タイトル「BUILD THE FLOOR」とする、20.00秒間のキネティック・スポークンワード映像を作成してください。
これは、タイポグラフィフィールド内で演出されるオリジナルのミニチュアスピーチとして扱ってください。すべての行がフレームのフィールドを再編成します。最終的な宣言は、ついに平らになったフィールドの上に立つ必要があります。
SVG および/または Canvas を使用し、埋め込みアセットを含む単一の自己完結型 HTML ファイル（1080×1080、60fps 目標）を提供してください。
アートディレクション
背景色 #102820。文字形状 #F4E9D5。フィールドラインと filings（鉄粉のような粒子）#F2B544。ストリームライン、フラックス、ヌルポイントでの静けさを持つ「磁気モニュメント」の世界観。タイポグラフィはシャープに保ち、粒子は雰囲気としてのみ機能させます。スピーチには高コントラストのセリフ体、重要な単語には太いゴシック体、フラックスゲージには控えめなモノスペースフォントを使用します。蹄形磁石、稲妻、電子図、SF的な弧状の要素は使用しないでください。
オリジナルスピーチ — 正確な単語、正確な順序
“We were told to wait.”
“So we learned the weight of waiting.”
“Then one voice made room.”
“Then another.”
“Now the floor belongs to us.”
これらの言葉を実在の人物に帰属させないでください。余分なスローガンは不要です。音声なしでも完全なスピーチが理解できる必要があります。
中央ビジュアルルール
各単語には割り当てられたフィールドロールがあります。WAIT は反発プレートであり、文字形状はそこから傾き離れ、カーニングは圧縮されます。WAITING は負荷によって垂れ下がるフィールドラインであり、filings は低い側へ流れます。VOICE は一つの極が反転したもので、フィールドが再編成され、文字はその極に沿って直立します。ROOM はヌルポイント、フィールド内の静止した目です。FLOOR は水平面に平坦化されたフィールドです。これらのロールは、イラストではなく、実際の文字形状がフィールドに応じて反応することから生まれる必要があります。
ストーリーボード
0.00–3.00 — “We were told to wait.” 文は WAIT プレートから離れるように傾き、ストリームラインはそれに圧縮されます。利用可能な空間はプレート側で狭まりますが、文は読める状態を保ち、圧迫されても完全な形で残ります。
3.00–6.50 — “So we learned the weight of waiting.” フレーズグループごとに表示されます。フレーズが進むにつれてフィールドラインはさらに深く垂れ下がります。Filings は id と時間に基づいてハッシュシードされた決定論的な挙動を示し、ストリームラインに沿って低い側へドリフトし集まります。WAITING のグリフは、サスペンデッドロード（吊り下げられた負荷）としてフィールド内に傾いた状態で浮かびます。
6.50–10.00 — “Then one voice made room.” VOICE が登場し、一つの極が反転します。フィールドは再編成されます：古いストリームラインは dash-offset で後退し、新しいものが描画されます。文字は新しいフィールドに沿って回転し直立します—パス変形ではなく、グリフ全体の解析的回転を行います。ROOM はヌルポイント、静止した目として開きます。O のカウンターがその中心となり、次の構成はそこに落ち着いて配置されます。
10.00–12.50 — “Then another.” もう一つの極が反転します。フィールドは対称になります。ベースラインは水平になり、最初の完全な水平面を形成します。少なくとも 400ms 間、絶対的な静止状態を維持してください。filings も停止します。
12.50–20.00 — “Now the floor belongs to us.” フィールドは水平面に平坦化されます。すべてのテキストはこの平面に沿って整列します。最後の単語 'us' はこの安定した基盤の上に置かれ、映像は静寂の中で終わります。
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
Claude Opus 5.5 に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 動画 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 動画 プロンプトを見る
その他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。