黃志弘 Leo

第 4 / 8 章

第 4 章

用 AI 寫動畫

黃志弘 Leo

跟 AI 一起做東西的筆記

逐格輸出的製作方式

這支片的每一格畫面,都由 Claude Code 寫的一個網頁畫出來。過程沒有用影片生成模型,也沒有開剪輯軟體。

流程分四步:

  1. 寫一個網頁,裡面有一塊 1080×1920 的畫布
  2. 網頁裡有一個函式 draw(t),給它一個時間(例如第 12.5 秒),它就把那一瞬間的畫面畫出來
  3. 用 Playwright(一個能用程式操作瀏覽器的工具)打開這個網頁,從第 0 秒開始,每 1/30 秒呼叫一次 draw,把畫面存成一張圖
  4. 用 ffmpeg 把所有圖片接成影片,再把旁白音檔合進去

LINE 社群

加入 LINE 社群