3D & Generative · Oct 7, 2026

話題のタイル積み上げ動画を広告動画化。

話題のタイル積み上げ動画を広告動画化。 by タナベ | AI動画 × マーケティング, credited to Claude Opus 5.5. Watch the 3D & Generative video and visit the original X post.

タナベ | AI動画 × マーケティング@tanabe_fragm
View on X
Opus 5.5
1 like · 669 views on X, checked Oct 7, 2026
From the creator’s post · タナベ | AI動画 × マーケティング on X
話題のタイル積み上げ動画を広告動画化。 エンドフレームに広告画像を指定することで簡単に広告にできます😃 今回はClaude(Opus 5.5)で作りました。 Meta広告でバナーが当たったら、それを動画化、みたいな使い方が実用的なのかな...🤔 プロンプトはこちら↓ ------------------- 添付の画像を「最後の画面」にして、全部タイルでできた30秒の広告動画(音つき・mp4)を作ってください。 ブラウザ(Three.js)で組み、Chromeで全コマを書き出し、ffmpegでmp4にします。 # ゴール - 見る人は25秒、タイルの制作動画だと思って見る。最後の数秒で、添付画像(広告)だったと気づく - 最後の画面は添付画像とほぼ同じ。文字が読める。画面いっぱいがタイル(床は見せない) # 仕様 - 1920×1080、30fps、30秒。HTML1ファイル(Three.js。npmで入れてesbuildで1ファイルに固める) - 時刻 t を渡すと、同じ t なら必ず同じ絵になる作りにする(seek(t)) - タイルは1枚ずつ別のインスタンス。16:9の格子で約19万枚(576×324) - 位置・向き・厚み・面取り・色を1枚ずつ変える。目地(隙間)は空き。線は引かない - 添付画像は、タイルの色を取るためだけに使う(テクスチャとして貼らない) - 素材は約12種(釉薬セラミック、スレート、真珠貝、白磁、テラコッタ、ガラスなど)。色の明るさと彩度で割り当てる - 光は、左上の硬い太陽1つ。床は漆喰。奥に赤い大工のチョーク線がピンぼけで入る - 被写界深度(円形ボケ)を後処理で自作する。しぼりは最初大きく、最後は小さく # 流れ(秒) 0〜3  床に暗いタイルが1枚。カメラは床すれすれ 3〜10 [組み始める場所]から、タイルが渦を巻いて落ちる。最初の1枚→周りの順に増える 10〜21 一気に外へ広がる。カメラが引いて[見せたい絵]が見えてくる 21〜24 全体が見える。文字になる場所は、周りと同じ淡い色のまま 24〜26 文字・ロゴ・ボタンのタイルが、左から順にパタパタ裏返って現れる 26〜30 真上からの構図で止まる。カーソルが[ボタンの文言]をクリックし、ボタンのタイルが少し沈む # ハマりどころ(必ず守る) -…
From the creator

The prompt behind it.

The creator has not shared a public prompt. Visit the original post for more about this work.

Video and prompt by タナベ | AI動画 × マーケティング. Original post ↗

Is this your work? Add the badge

Paste this on your site or README to link people to this page.

Featured on motif
<a href="https://createmotion.io/motions/x-2107644501372322001/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>