Pose Animator – An open source tool to animate SVG characters via motion capture
18 days ago
- #web-development
- #animation
- #machine-learning
- Pose Animator is an open-source web animation tool that brings SVG characters to life using body detection from a webcam.
- It utilizes TensorFlow.js models PoseNet and FaceMesh for real-time human perception in the browser.
- The tool applies skeletal animation concepts to vector characters, deforming SVG paths based on detected keypoints.
- Pose Animator uses Linear Blend Skinning (LBS) to deform vector paths, with special handling for Bezier curves.
- The rig structure includes 90 keypoints (73 from FaceMesh, 17 from PoseNet) and 78 bones for full-body animation.
- Motion stabilization techniques are employed to reduce jitter from model predictions using confidence scores.
- Future improvements may include better mesh rigging, weight painting tools, and support for raster images in SVGs.
- Users can try live demos, create custom SVG characters, and share creations using #PoseAnimator.