# yemount/pose-animator

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/yemount-pose-animator).**

8,843 stars · 975 forks · JavaScript · Apache-2.0

## Links

- GitHub: https://github.com/yemount/pose-animator
- awesome-repositories: https://awesome-repositories.com/repository/yemount-pose-animator.md

## Description

Pose-animator is a system that maps real-time body and face tracking data to 2D vector illustrations. It functions as a skeletal animation engine and motion controller that translates human keypoint recognition into instantaneous SVG path updates.

The project enables real-time motion capture from webcam feeds and pose extraction from static images. It utilizes a skeletal rig to link virtual bones to vector character surfaces, allowing for the animation of custom characters and interactive avatars.

The tool incorporates client-side machine learning inference for processing camera frames, coordinate space mapping, and frame interpolation to smooth character motion. It supports the import of custom character rigs via SVG files containing defined skeleton and illustration groups.

## Tags

### Graphics & Multimedia

- [Real-Time 2D Avatar Animation](https://awesome-repositories.com/f/graphics-multimedia/real-time-2d-avatar-animation.md) — Provides real-time mapping of human body and face movements to a 2D vector character avatar. ([source](https://github.com/yemount/pose-animator/blob/master/index.html))
- [Vector Animation Libraries](https://awesome-repositories.com/f/graphics-multimedia/animation-motion/vector-animation-libraries.md) — Animates 2D vector illustrations by linking their paths to a skeletal system for fluid movement.
- [Skeletal-Driven Vector Animations](https://awesome-repositories.com/f/graphics-multimedia/animation-motion/vector-animation-libraries/skeletal-driven-vector-animations.md) — Implements skeletal animation to map human movements onto 2D vector illustrations. ([source](https://github.com/yemount/pose-animator#readme))
- [Keypoint-Driven Path Transformations](https://awesome-repositories.com/f/graphics-multimedia/coordinate-based-vector-processing/svg-path-calculations/keypoint-driven-path-transformations.md) — Updates SVG curve coordinates by calculating point offsets and rotations based on detected body landmarks.
- [2D Skeletal Rigs](https://awesome-repositories.com/f/graphics-multimedia/mesh-processing-apis/skeletal-animation/2d-skeletal-rigs.md) — Functions as a skeletal animation engine that moves vector character surfaces via a virtual rig.
- [2D Skeletal Vector Animation](https://awesome-repositories.com/f/graphics-multimedia/mesh-processing-apis/skeletal-animation/2d-skeletal-vector-animation.md) — Maps PoseNet keypoints to a virtual bone hierarchy that transforms linked vector paths in real time.
- [Pose-Driven Character Rigging](https://awesome-repositories.com/f/graphics-multimedia/pose-driven-character-rigging.md) — Uses PoseNet and FaceMesh to drive the movements of a custom vector character based on human keypoints.
- [Pose-to-Vector Animation Tools](https://awesome-repositories.com/f/graphics-multimedia/pose-to-vector-animation-tools.md) — Maps real-time body and face tracking data from PoseNet and FaceMesh to 2D vector illustrations.
- [Real-Time Motion Tracking](https://awesome-repositories.com/f/graphics-multimedia/real-time-motion-tracking.md) — Processes live webcam streams to recognize keypoints that drive character animations. ([source](https://github.com/yemount/pose-animator#readme))
- [Motion-Based Frame Interpolation](https://awesome-repositories.com/f/graphics-multimedia/motion-vector-calculation/motion-based-frame-interpolation.md) — Smooths the transitions between disparate ML detection results to prevent jittering in character motion.
- [SVG Group Rigging](https://awesome-repositories.com/f/graphics-multimedia/svg-group-rigging.md) — Uses nested SVG group structures to define the parent-child relationships between bones and the character surface.
- [Vector Character Rig Importers](https://awesome-repositories.com/f/graphics-multimedia/vector-character-rig-importers.md) — Supports the import of custom character rigs via SVG files containing defined skeleton and illustration groups. ([source](https://github.com/yemount/pose-animator#readme))
- [Webcam Pose Tracking Interfaces](https://awesome-repositories.com/f/graphics-multimedia/webcam-pose-tracking-interfaces.md) — Translates live camera feeds into character animations through real-time motion capture.

### Artificial Intelligence & ML

- [Client-Side Inference](https://awesome-repositories.com/f/artificial-intelligence-ml/client-side-inference.md) — Runs PoseNet and FaceMesh models directly in the browser for local processing of camera frames.
- [Single-Image Pose and Expression Inference](https://awesome-repositories.com/f/artificial-intelligence-ml/single-image-pose-and-expression-inference.md) — Analyzes a single static image to extract a person's position for application to a vector character. ([source](https://github.com/yemount/pose-animator#readme))

### User Interface & Experience

- [Real-Time Motion-Driven Avatars](https://awesome-repositories.com/f/user-interface-experience/avatars/realtime-avatar-renderers/interactive-video-avatar-generators/real-time-motion-driven-avatars.md) — Creates digital avatars that mirror a user's real-time physical expressions and gestures.
- [Coordinate Space Mappers](https://awesome-repositories.com/f/user-interface-experience/coordinate-systems/coordinate-converters/coordinate-space-mappers.md) — Translates raw camera pixel coordinates into a normalized coordinate system for the vector canvas.

### Web Development

- [Keypoint-Reactive SVG Path Updates](https://awesome-repositories.com/f/web-development/template-data-binding/reactive-binding-updates/svg-path-redraws/keypoint-reactive-svg-path-updates.md) — Updates SVG paths instantaneously based on human keypoint recognition in the browser.