第 4 章
用 AI 寫動畫
黃志弘 Leo
跟 AI 一起做東西的筆記
逐格輸出的製作方式
這支片的每一格畫面,都由 Claude Code 寫的一個網頁畫出來。過程沒有用影片生成模型,也沒有開剪輯軟體。
流程分四步:
- 寫一個網頁,裡面有一塊 1080×1920 的畫布
- 網頁裡有一個函式
draw(t),給它一個時間(例如第 12.5 秒),它就把那一瞬間的畫面畫出來 - 用 Playwright(一個能用程式操作瀏覽器的工具)打開這個網頁,從第 0 秒開始,每 1/30 秒呼叫一次
draw,把畫面存成一張圖 - 用 ffmpeg 把所有圖片接成影片,再把旁白音檔合進去