不會寫程式，也能用 AI 做教學動畫嗎？ Claude code 做教學動畫
AI 生成動畫，不一定只能靠「抽卡」。當動畫是由程式碼與數學規則驅動，我們開始能更精準地控制畫面，也為教學打開新的可能。
前幾天睡前，我在 Threads 上看到有人分享一種用 Claude 製作動畫的方法，關鍵字叫做 互動程式創作（Creative Coding）。
我一直知道，程式可以很精準地描述圖形與動態，例如用 SVG 畫圖；也看過有人用程式模擬科學現象，只是始終沒有真的動手試。剛好這次分享者很佛心，直接把完整提示詞公開，不需要先安裝一堆工具。
於是，我把提示詞貼進 Claude，接著就去睡覺了。
大約 45 分鐘後，一支動畫完成了。
這不是我們熟悉的 AI 生成影片
一般的 AI 生成影片（例如：Omni, Seedance），比較像是模型把畫面「渲染」出來。它很適合製作氛圍感強烈的短片、廣告或創意影像，但當我們需要精準呈現科學概念時，就容易遇到問題：物件的位置、運動方向、結構與時間點，都不一定能穩定控制。
互動程式創作 的邏輯不太一樣。畫面中的物件、線條、運動與轉場，是用程式碼和數學規則描述的。這代表我們可以清楚指定：
• 哪一個物件在什麼時間出現；
• 要往哪個方向移動、旋轉或拆解；
• 不同粒子、分子或結構之間的關係；
• 動畫各段落的順序與節奏。
簡單來說，生成式影片比較像「請 AI 想像一段畫面」，互動程式創作 則更像「請 AI 按照規格，把一個動態模型做出來」。後者的可控性更高，因此特別適合科學概念的教學呈現。
提示詞解讀
原始提示詞很長，所以整理在這「傳送門」，方便複製測試與運用。
這是一份非常完整、專業且要求極高的「互動程式創作 （Creative Coding）與動態設計（Motion Design）」提示詞（Prompt）
最有意思的地方，是它沒有停留在「請幫我做一支好看的動畫」，而是幾乎把一支動畫的整個製作思維都塞進去了：從視覺風格、角色動態、場景轉場、鏡頭運動，到粒子系統、程式架構、效能與最後的品質檢查，都被清楚定義。
它特別強調「場景之間如何連續變形」，例如從神經訊號變成光束、從彩虹圓環長成向日葵，再從向日葵旋轉成星系。這讓 AI 不只是生成一連串漂亮畫面，而是必須思考：上一幕的元素，要如何成為下一幕的素材？
另一個特色，是它把抽象的美感要求轉換成可以執行的技術語言。像是手繪感不只寫「要有手繪風格」，而是進一步指定線條微顫、程序化噪訊、紙張顆粒、Squash & Stretch、Easing、粒子系統與 Camera Push 等具體方法。換句話說，它同時在描述「我要什麼感覺」，也告訴 AI「可以怎麼做到」。
我也很喜歡它最後加入的迭代要求：不能寫完第一版就算完成，而要實際執行、觀看、找問題、修改，再重新檢查。 這其實是一個很重要的 Prompt 設計觀念，與其只規定最終答案，不如把「作品如何被檢驗與改善」也寫進提示詞。
所以這份 Prompt 比較像是一份融合了 導演腳本、動態設計摘要、技術規格書與 AI Agent 工作流程 的文件。
果然不能只告訴 AI「要做什麼」，還要描述「什麼才算做好，以及它應該如何自己發現還沒做好」。
小提醒：
1. 原提示詞已包含動畫分鏡與場景安排；實際運用時，記得替換成自己的分鏡腳本。其他技術規格與視覺風格則可直接沿用，或依需求微調。也可以提供參考影片或影音素材，讓 AI 進一步優化。
2. 優先選用 Claude Code 與 Opus 5.5 模型。ChatGPT Astra 初次測試表現不佳。
不會寫程式，也能開始做動畫嗎？
我自己是完全的程式小白。
但這次經驗有趣的地方就在於：我不需要親手處理每一段程式碼，而是把故事、科學概念與畫面需求說清楚，讓 AI 完成技術實作。
一次生成的片段大約可以做到 30 秒，也能以連續製作的方式，組成一分鐘以上的動畫。第二次測試，我聚焦在「溶解」科學概念的解釋。
第二次測試：只聚焦在「溶解」概念解說
我請它要有巨觀與微觀的變化，並使用用擬人化的角色。也讓它來規劃場景（scene），時間不要超過 1 分鐘。
所它有先寫簡單的角色設定、分鏡腳本，我確認後才執行製作。
成品的質感也不錯喔！
動畫核心構想用食鹽溶於水，不用糖。理由有三：
• 微觀畫面比較清楚：鈉離子、氯離子排成方格，水分子一個個把它們拉出來。
• 巨觀和微觀可以用同一個形狀串起來。食鹽顆粒本身就是小立方體，這正是離子方格排列的結果，所以鏡頭拉近時，「顆粒的表面」可以直接變成「離子方陣」。
• 很適合破解常見迷思：鹽不是消失了，是分散開來了。另外也可以順便分清楚「溶解」和「熔化」。
用量請參考附圖（我平常比較少用 Claude，所以「使用量」姑且視為「執行動畫製作」和「估算成本（應該很少用量）」 所花掉的）
這也讓我重新思考：未來製作一支教學動畫，真正稀缺的能力可能不只是「會不會做動畫」，而是能不能做到三件事：
1. 理解學習者的迷思：知道學生會卡在哪裡。
2. 轉譯抽象概念：把看不見的機制變成可觀察的動態過程。
3. 判斷科學正確性：知道 AI 做出來的內容哪裡合理、哪裡需要修正。
AI 降低了製作門檻，但沒有取代教學設計與學科專業。反而因為動畫變得更容易生產，人的判斷會更加重要。
其他測試
互動程式創作Ｘ動畫設計 3：染色體：遺傳訊息的載體
這次有提供一段旁白腳本＋參考圖，提升圖解的準確度（特別是分子層次的）
根據腳本的長度，一次就生成大約 110秒（1:49），很棒的是，有不錯的運鏡＋準確的解說文字（AI 直接使用腳本文字），都不用自己上字幕耶。
後來還請他直接放上講解的語音旁白（會用 macOS 內建的繁體中文語音來合成旁白，逐句對齊字幕時間後混進影片），免費快速，但就是會有機器音。可以自己接一些優質 AI 語音 API ，會更好。
最後人工上背景音樂就搞定了啊（如果有需要，給 AI 檔案，也能自動完成）！
註記：音樂是用 Gemini 的 Lyria 生成的。
設定選擇：標準、純音樂、氛圍 提供 AI 腳本文字當作音樂生成的脈絡。
直接用 Gemini flesh TTS 3.8 為旁白配音了
〖為什麼螢光筆救不了你的記憶？談「塗鴉筆記」背後的認知飛輪〗
這支動畫就直接請 Claude Code 配音了
可以在動畫提示中多跟他說：
旁白配音請使用 Google AI Studio 的 Gemini TTS, 聲音是「女生」，親切・溫暖・陪伴型。直接在網站中操作，不要使用 API。（Claude in Chrome）
不是每個概念都需要動畫
看到工具很強，很容易產生一個衝動：是不是每一個單元都做成動畫就好了？
我的答案是：不需要。
有些內容用一張圖、一段文字或一個表格，甚至是一個互動實作，反而更有效率。動畫真正有價值的時刻，是學習者需要看見「變化」的時候，例如：
• 粒子如何移動與重新排列；
• 一個結構如何逐步形成；
• 不同作用力如何影響系統；
• 微觀機制如何造成巨觀現象；
• 一連串事件的先後與因果關係。
因此，動畫不是目的，而是一種幫助理解的工具。當它能把原本靜態、抽象、難以想像的概念轉化為可以觀察的過程，才真正發揮教學價值。
我很期待把這類短動畫，搭配模擬操作與學習單問題。學生不只是「看完一支影片」，而是先觀察、做預測、操作模型，再用問題整理自己的理解。這樣的組合，才可能形成完整的學習體驗。
想把「觀察、預測、操作、解釋」設計成一段課？用免費的 AI × 玩心學習設計起步卡選一個學生常卡住的地方，安排一個有主導、探索或喜樂的小任務。
精準控制，不代表內容一定正確
互動程式創作 的可控性很高，但「可以精準控制」與「科學內容正確」是兩件不同的事。
如果提示詞的科學概念有誤，AI 只會更精準地把錯誤做出來。因此，製作流程仍然需要：
• 先確認核心概念與教學目標；
• 把場景拆成清楚的步驟；
• 檢查物件、方向、比例與因果關係；
• 請具學科專業的人進行審查；
• 用學生看得懂的方式調整節奏與資訊量。
另外，顏色也不是單純的美術選擇。教學素材中的顏色是一種訊息：紅色可能代表警示，綠色可能代表補充；同一個畫面中，顏色的用途需要一致。若每一段各自使用不同邏輯，學習者就會花額外力氣猜測設計者的意思。
所以，比起追求「看起來很炫」，我更在意動畫有沒有降低理解負擔。
AI 讓一個人做得更快，也讓合作方式重新洗牌
這次實驗讓我感受到，AI 的確大幅降低了動畫製作成本。只要具備好的故事構想、一定程度的專業知識，以及能把需求說清楚的能力，一個人就有機會快速做出過去需要團隊投入許多時間的成果。
但這不代表未來只需要一個人。
我們仍然選擇與動畫夥伴合作，因為教育內容不只是「把作品做出來」。它還包含專業審查、創意交流、人才培養，以及讓更多人參與教育生態。AI 可以協助團隊節省重複勞動、承接更多專案，但長期來看，真正健康的方向不是把人全部拿掉，而是重新安排人最值得投入的地方。
AI 的價值，不只是讓我們用更少的人完成同一件事；也可能是讓同一群人，把更多心力放在故事、教學與專業判斷上。
我看見的下一步
這次實驗之後，我想繼續測試幾件事：
• 哪些科學概念最適合用動態方式呈現？
• 如何建立可重複使用的 Skill？
• 如何把動畫、互動模擬與學習單整合成一段學習歷程？
• 如何建立 AI 生成內容的科學審查流程？
• 教師是否能直接修改內容，快速做出符合自己課堂需求的版本？
如果這條路走得通，未來教師不一定要等待一支「適合所有人」的教學影片，而是能針對自己的學生、單元與常見迷思，快速製作一段剛剛好的動態解釋。
這可能不只是動畫製作方式的改變，更是教學素材從「固定成品」走向「可編輯、可調整、可共創」的開始。
如果你可以快速做出一支教學動畫，你最想把哪一個抽象概念「動起來」？
如果已經想到一個概念，從免費的 15 分鐘起步卡開始，把動畫接成學習活動。也歡迎加入學習玩家免費會員，持續追蹤 AI 教學應用與玩心學習設計。
誌謝
謝謝脆友大方提供提示詞，讓我有個很棒的學習起點！
credit：＠ethansavemoneydairy
留言