提示词
添付の画像を「最後の画面」にして、全部タイルでできた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 真上からの構図で止まる。カーソルが[ボタンの文言]をクリックし、ボタンのタイルが少し沈む
# ハマりどころ（必ず守る）
- 文字になるタイルは、最初は周りの背景色で組む。背景色は、外側から内側へ塗り広げて決める。文字のふち（白ぶち）も一緒に裏返す。守らないと、途中で文字の形が見えてしまう
- 真上のカメラは、位置を真上ぴったりにしない（向きが90°回る）。止める所は、動きの勢いをゼロにする（補間のはみ出しで反転する）
- 最後の画面は、元画像と並べて色を比べ、露出・彩度・色味を合わせる
- 文字が小さくて読めないときは、タイル数を増やす
- 下地の暗い面は、タイルが着地したマスだけに出す
# 音
- ElevenLabsの効果音で、タイルを置く音・裏返す音・マウスのクリックを作る（各0.5秒）。作る前に、クレジットの消費を知らせる
- タイルの着地・裏返しの時刻に合わせて並べて重ねる。カメラが遠いほど小さく、数が増えたら雨のようにまとめる
- 24〜26秒のパタパタを、いちばん目立たせる。音量は -16 LUFS
# 進め方
1. 先に脚本（秒ごとの情景）を日本語で出し、OKをもらってから作る
2. 途中のコマ（最初のタイル／組み始め／引き／全景／文字が出る瞬間／最後）を自分で見て直す
3. 書き出しは Chrome（puppeteer-core）で seek(t) を30fpsぶん呼び、png を ffmpeg に流す
4. 納品は mp4（高画質と共有用）と、確認した画像
# 入力
- エンドフレーム: [添付]
- 組み始める場所: [例：人物の目]
- 引いたときに見せたい絵: [例：笑顔の女性]
- ボタンの文言: [例：無料体験はこちら]
中文译文
请把附件图片作为「最后一屏」，制作一支全部由瓷砖构成的 30 秒广告视频（带声音・mp4）。
在浏览器（Three.js）里搭建，用 Chrome 导出所有帧，再用 ffmpeg 转成 mp4。
# 目标
- 观众在前 25 秒会以为这是一支瓷砖制作过程视频。在最后几秒才意识到，那其实是附件图片（广告）
- 最后一屏与附件图片几乎一致。文字可读。整个画面都是瓷砖（不露出地面）
# 规格
- 1920×1080、30fps、30 秒。单个 HTML 文件（Three.js。用 npm 安装，再用 esbuild 打包成一个文件）
- 做成传入时刻 t 时，相同的 t 一定得到相同画面（seek(t)）
- 每块瓷砖都是独立的实例。16:9 的网格中约 19 万块（576×324）
- 逐块改变位置、朝向、厚度、倒角和颜色。砖缝（间隙）保持空开。不画线
- 附件图片只用来取瓷砖的颜色（不作为纹理贴上去）
- 材质约 12 种（釉面陶瓷、板岩、珍珠贝、白瓷、陶土、玻璃等）。按颜色的明度和饱和度分配
- 光只有一个位于左上方的硬光太阳。地面是灰泥。深处有一条红色木工粉笔线，虚焦出现
- 用后期处理自己做景深（圆形散景）。光圈开始时大，最后变小
# 流程（秒）
0〜3 地面上有一块暗色瓷砖。相机贴着地面
3〜10 瓷砖从[开始拼装的位置]卷成漩涡落下。第一块→周围，依次增多
10〜21 一下子向外铺开。相机后拉，[想展示的画面]逐渐显现
21〜24 看到全貌。将要成为文字的位置，保持与周围相同的淡色
24〜26 文字、logo、按钮的瓷砖从左到右依次啪啪翻面出现
26〜30 停在正上方的构图。光标点击[按钮文案]，按钮的瓷砖微微下沉
# 易踩的坑（必须遵守）
- 构成文字的瓷砖，一开始用周围的背景色来拼。背景色由外向内铺开决定。文字的边缘（白边）也要一起翻过来。不遵守的话，中途就会看到文字的轮廓
- 正上方机位不要放到正正好（朝向会转 90°）。停住的地方要把运动惯性归零（插值过冲会导致翻转）
- 最后一屏要与原图并排比对颜色，对齐曝光、饱和度和色调
- 文字太小看不清时，增加瓷砖数量
- 底层的暗面只在瓷砖已落位的格子里露出
# 声音
- 用 ElevenLabs 的音效制作放瓷砖的声音、翻面的声音和鼠标点击声（各 0.5 秒）。制作前先告知会消耗的额度
- 按瓷砖落位、翻面的时刻对齐排列并叠加。相机越远声音越小，数量变多后像雨声一样合并
- 24〜26 秒的翻面声要最突出。音量 -16 LUFS
# 推进方式
1. 先用日语给出脚本（逐秒的情景），得到确认后再动手做
2. 自己查看并修正过程中的帧（第一块瓷砖／开始拼装／后拉／全景／文字出现的瞬间／最后）
3. 导出时用 Chrome（puppeteer-core）按 30fps 调用 seek(t)，把 png 流式送入 ffmpeg
4. 交付 mp4（高画质版和分享用版）以及确认过的图片
# 输入
- 结束帧：[附件]
- 开始拼装的位置：[例：人物的眼睛]
- 后拉时想展示的画面：[例：微笑的女性]
- 按钮文案：[例：免费试用在这里]
