提示詞
添付の画像を「最後の画面」にして、全部タイルでできた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（高畫質版和分享用版）以及確認過的圖片
# 輸入
- 結束幀：[附件]
- 開始拼裝的位置：[例：人物的眼睛]
- 後拉時想展示的畫面：[例：微笑的女性]
- 按鈕文案：[例：免費試用在這裏]
