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