HTML / CANVAS / JAVASCRIPT入門素材
六個練習 Canvas 的小場景，作為 HandDrawnAI 入門素材保留。
10s彩色繪本 · HTML / JS雨街、狐狸、雨傘、水窪與窗燈構成的小故事，適合研究角色姿態和分層天氣。
免費下載 
12s彩色繪本 · HTML / JS彩鉛小鳥追隨蝴蝶，再回到開花的樹枝。可研究起飛、飛行姿態和落地時序。
免費下載 
6s鉛筆 · HTML / JS石墨麻雀環顧、蹲伏並跳躍，用曝光表把完整身體姿態映射到時間，適合練習關鍵姿態。
免費下載 
7s墨線 · HTML / JS咖啡杯旁擺著牛角包與小花，蒸汽緩緩上升。固定的小場景，適合學習曲線運動和時間控制。
免費下載 
7s彩色繪本 · HTML / JS種子在土壤剖面中生根，長出葉片與珊瑚色花朵。分階段生長，可用於自然教學或成長主題。
免費下載 
7s鉛筆 · HTML / JS紙船在新月下隨鉛筆波紋搖晃。安靜的場景，適合嘗試波浪相位、輕微起伏與有限配色。
免費下載 01 / 02 / 03
從一個模板，做出你的場景
01選擇起點
先看預覽，挑一個構圖接近想法的模板。
02在本地打開
下載並解壓，使用現代瀏覽器打開 index.html，點擊 play。
03修改、預覽、再調整
改變顏色、時序或姿態。先檢查關鍵幀，再渲染完整短片。
handdrawnai