艺术风格动画 → HyperFrames
引擎
- huashu-art-motion(
~/.claude/skills/huashu-art-motion,由setup.sh安装):确定性画布引擎(window.renderFrame(t)),包含绘画库PAINT(笔画、半调、像素化、点画、马赛克、面片、水墨、笔刷、裁剪 → Path2D)、TOON(扁平着色)、CAM(推进式镜头)。请阅读其SKILL.md获取API。 - claude-animation插件(手绘2D,纹理编辑/水彩风格)——替代画风。
- HyperFrames负责组装、标题、音效、字幕和最终渲染。
有效的工作流程
- 自定义场景,而非预设。 huashu的
render.py --spec片段绘制一个中心节点及卫星,可作为思维导图读取。要制作展示级内容,请编写场景: 将scripts/engine复制到videos/<name>/engine,创建demos/<film>/eras.js和<film>.js,注册SCENES['id'] = (g, t, W, H) => {...}。 - Kurzgesagt风格: 一个连续的世界,扁平形状配合TOON着色、边缘光,缓慢的
CAM.pushTo推进每一层(“内部有什么”),Poppins/圆角字体,比例尺和标签在节拍上弹出。 - 绘画风格: 构图一次,然后通过每种风格的笔刷渲染(梵高 = 沿流场的方向性笔画;利希滕斯坦 = 半调 + 黑色轮廓;草间弥生 = 圆点;立体主义 = 面片 ~nx26/ny16 加微小偏移——面片过多会变成碎片;水墨 = 水墨效果;8位 = 像素化 + 调色板)。
- 渲染(30帧/秒,引擎默认为60帧/秒):
uv run --with playwright python render.py --film demos/<film> --solo <id> --no-counter --fps 30 --from 0 --to <s> --out clip.mp4(如需竖屏,添加--width 1080 --height 1920)。 - 在HyperFrames中组装: 片段作为
<video class="clip">,标题/标签作为HTML覆盖在上方,使用score技能为每次风格变化添加配乐命中点,渲染,响度标准化至−14 LUFS。
在渲染完整片段前,先查看每种风格的一个单帧——有些在代码中看起来正常的透明/水洗设置在最终输出中会变得模糊不清。