說明影片 觀看 3D 互動立體繪本創作分享 一個關於繪本的小夢想 你有沒有想過，如果繪本裡的角色會動、會回應你的點擊，閱讀會變成什麼樣子？ 上次跟大家分享了用 AI 做 2D 動畫的方法，最近我把這個玩心實驗推進到 3D 領域，用 Claude Code 的 Opus 5.5 模型，搭配 Three.js 技術，做出三本互動立體繪本：《西遊記》《三隻小豬》《小飛俠》。（一樣謝謝脆友的提示詞模板 @pound0423） 希望透過這個技術小實驗，嘗試「如何讓每個孩子都擁有專屬閱讀體驗」。 從 2D 到 3D 的跳躍 延續之前分享的互動程式創作方法，這次改用 Three.js——專門處理 3D 效果的技術，搭配 CSS 與 JavaScript，讓繪本不只是「會動」，而是真正「立體」起來。 設定的美術風格是：高質感 Q 版、紙藝摺紙、黏土 low-poly 風格。當你移動滑鼠，畫面會出現柔光粒子效果；點擊角色，他們會有 Q 彈的回應。翻頁設計也特別注意不要有奇怪的動作，讓整個閱讀體驗流暢自然。 最重要的是：就像請 AI 寫繪本故事一樣，你可以自己決定故

這次的 Claude 動畫實驗，我挑戰製作了一支國中生物教學影片！ 其中最讓我驚豔的，就是「維管束結構與年輪的剖析動畫」。 原本抽象、靜態的植物內部構造，竟然能透過動畫呈現得這麼清楚！尤其是植物莖部的剖面、維管束的排列，以及年輪的形成過程，讓原本需要靠想像理解的知識，變得更加直觀。 真的好讚喔！ 觀看教學動畫：維管束與年輪 這次不只是測試 AI 能不能做動畫，更想探索：如何讓 AI 結合教學知識、角色素材、視覺設計與聲音表演，創造出更豐富的學習體驗？ 以下分享這次的四個製作嘗試。 一、參考素材不是限制，而是創作的起點 在製作一開始，我先提供相關的教學參考素材，讓 Claude 掌握知識脈絡與核心概念。 不過，我並不希望它只是照著原本的素材重新製作一遍。 因此，我特別請它「超越參考素材」，在維持科學知識正確性的前提下，嘗試用更適合動畫的方式呈現。 結果真的表現得很不錯！ 尤其在維管束與年輪的視覺化處理上，不只是把靜態圖片變成會動的圖片，而是透過剖面、分層與動態變化，幫助觀眾看見植物內部的結構。 這也是我認為 AI 輔助教學內容創作很有價值的地方：

如果人生是一趟星際旅行，我大概是一顆流星。我和 AI 一起用程式做了一支沒有旁白的星空動畫《星辰同行》，送給我的家人。這篇寫它想說的事，還有它是怎麼一格一格做出來的。