骨骼动画

COCO-17 关键点 · Pose Estimation · 骨骼连线渲染 · 太极拳动作序列

0/0

关键点驱动动画

后端推送 COCO-17 人体关键点坐标序列，前端 Canvas 绘制骨骼连线和关键点，实现火柴人运动动画。动作序列为太极拳起势→云手→单鞭→收势。

技术栈

Pose EstimationCOCO-17关键点插值骨骼连线Canvas 2Dease-in-out

COCO-17 关键点

0. nose

1. left_eye

2. right_eye

3. left_ear

4. right_ear

5. left_shoulder

6. right_shoulder

7. left_elbow

8. right_elbow

9. left_wrist

10. right_wrist

11. left_hip

12. right_hip

13. left_knee

14. right_knee

15. left_ankle

16. right_ankle

数据格式

{
  "keypoints": [
    {"x": 320, "y": 80, "conf": 0.95},
    {"x": 315, "y": 75, "conf": 0.92},
    ...  // 17 个关键点
  ],
  "action": "云手 · 左"
}

应用场景

渲染特性