Pose Animator – An open source tool to animate SVG characters via motion capture
6 months ago
- #web-development
- #animation
- #machine-learning
- Pose Animator 是一款开源网页动画工具，通过摄像头捕捉人体动作来驱动SVG角色动画
- 该工具采用TensorFlow.js的PoseNet和FaceMesh模型，在浏览器中实现实时人体姿态感知
- 运用骨骼动画原理对矢量角色进行变形，根据检测到的关键点调整SVG路径
- 采用线性混合蒙皮(LBS)技术处理矢量路径变形，特别优化了贝塞尔曲线的处理方式
- 骨骼系统包含90个关键点（73个来自FaceMesh，17个来自PoseNet）和78根骨骼实现全身动画
- 运用运动稳定技术，通过置信度评分减少模型预测产生的抖动
- 未来可能改进包括优化网格绑定系统、增加权重绘制工具、支持SVG中的栅格图像
- 用户可体验在线演示、创建自定义SVG角色，并通过#PoseAnimator标签分享作品