用途:在浏览器端用 JavaScript 与 Canvas 2D 制作手绘风格短片,笔触与运动都像手工绘制。角色动画默认整姿作画、富有表现力的线条与刻意曝光,先设计关键帧与中间画,再考虑绑定或纹理;绑定只辅助结构与接触,最终姿态仍由手绘承担。SVG 路径数据可用于定型形状,不依赖 Blender、视频模型或 WebGL。
主要能力与工作流:阅读 style.md 获取五种风格及质量门槛;混合媒介读 mixed-media.md;角色默认流程读 redrawn-animation.md;动画前读 motion.md;曝光轨、稳定笔触、接触 IK 与材质读 studio.md;核心 API 与导出读 architecture.md。填写 brief-template.md,推断常规选择,仅询问影响结果的关键决策。建立单一项目文件夹,复制 assets/core.js、assets/studio.js、assets/cels.js、可选 assets/materials.js、scripts/render.mjs 与 scripts/package.json,并用 npm i --no-audit --no-fund 安装本地渲染依赖,需系统 Chrome 与 ffmpeg。先完成一张代表性镜头,检查正常速度播放、连续帧条与静帧,再扩展其余镜头。
渲染与交付:node scripts/render.mjs examples/sketchbook-bird.html --look pencil --grid 18 --out /tmp/pencil-preview;--strip 58,24;--width 1920;node scripts/verify.mjs。--grid、--strip、--only 为预览模式,不替代完整 MP4。交付源文件、依赖与素材、MP4、接触表及已知限制;校验时长、尺寸、帧数与解码。
限制:defineFilm 默认 24 fps;随机种子固定,笔触每次绘制生成一次并带稳定语义 id。字体与浏览器差异可能改变像素,需要可复现时提供字体或路径字形。外部素材须记录来源与许可;WebGL 非依赖项。资料未提供收费、价格与具体平台信息。