網頁透明動畫
如何在網頁中加入透明角色動畫：WebM Alpha 實戰
用 HTML 嵌入透明 WebM 角色動畫，把它放到真實網頁背景上，並補齊 PNG 降級、播放控制、移動端與瀏覽器相容性檢查。
閱讀教學ANIMGEN 製作筆記
從靜態原畫，到遊戲可用的動作。
透過實際素材與具體步驟，學習透明動畫、逐格編輯，以及遊戲動畫素材的製作與匯出。
AI 揮劍動畫
把 4 秒 AI 揮劍動畫，剪成一次利落的遊戲攻擊
用首頁女劍士實測：去掉首尾待機、抽掉中間停頓影格，把 4 秒 AI 揮劍動畫剪成 28 影格、1.17 秒的攻擊，保持 24 FPS，並提供點擊示範。
閱讀教學
AI 行走動畫迴圈
從 4 秒 AI 行走動畫中，截出一個可迴圈的步態
用水彩角色的真實動畫，示範如何從 96 影格預覽中選擇 32 影格行走迴圈，檢查首尾銜接，並理解影格率、角色位移和滑步之間的關係。
閱讀教學
Expand Canvas 擴大畫布
跑動、跳躍總是超出畫面？用 Expand Canvas 給角色留出動作空間
用 AnimGen 首頁藍色小人的跑跳動畫，說明產生前如何擴大畫布、選擇角色大小和位置，為跑動、跳躍與攻擊動作留白，無需在本地修改原圖。
閱讀教學
Godot 4 動畫匯入
如何把透明角色動畫匯入 Godot 4：一次真實專案驗證
把 AnimGen Godot 資產包匯入真實專案，保留 SpriteFrames 路徑、FPS 和軸點，並在淺色與深色背景上檢查透明動畫。
閱讀教學
精靈圖與 PNG 序列對比
精靈圖還是 PNG 序列？2D 遊戲動畫匯出格式實測
用同一段 96 影格透明動畫實測精靈圖加 JSON 與 PNG 序列，對比檔案大小、解碼記憶體基線、紋理尺寸限制和適用場景。
閱讀教學
透明 PNG 動畫
如何用一張 PNG 製作透明跑跳動畫：從提示詞到遊戲素材
從真實透明 PNG 開始，產生跑步和跳躍動作，選擇可用影格、調整跳躍停頓，再匯出遊戲素材。附示範影片、提示詞、編輯截圖與透明範例。
閱讀教學
WebM Alpha 與 ProRes 4444
WebM Alpha、ProRes 4444 還是 PNG 序列：透明動畫應該怎麼選？
用同一段 96 影格透明動畫實測 WebM Alpha、ProRes 4444 和 PNG 序列，對比檔案大小、解碼後 Alpha，並提供全部範例下載。
閱讀教學