文件名称:Real-Time-Pose-Animation:使用摄像头和Web应用程序进行实时姿势估计
文件大小:1.98MB
文件格式:ZIP
更新时间:2024-06-05 17:58:19
JavaScript
实时姿势动画 该实时姿势动画采用2D矢量图解,并基于识别(PoseNet和FaceMesh的结果)实时对其包含的曲线进行动画处理。 它基于计算机图形学,计算机视觉中基于骨骼的动画的思想,并将其应用于矢量字符。 在骨骼动画中,角色分为两个部分: 用于绘制字符的表面,以及 用来对表面进行动画处理的一组相互连接的骨骼的层次结构。 在“姿势动画”中,曲面由输入SVG文件中的2D矢量路径定义。 对于骨骼结构,Pose Animation提供了预定义的装备(骨骼层次结构)表示形式,该表示形式是根据PoseNet和FaceMesh的关键点设计的。 在输入的SVG文件中以及字符插图中指定了此骨骼结构的初始姿势,同时通过ML模型的识别结果来更新实时骨骼位置。 // TODO:添加博客文章链接。 有关其技术设计的更多详细信息,请查看此博客文章。 演示1: 摄像头演示通过网络摄像头视频流实时为2D头像动
【文件预览】:
Real-Time-Pose-Animation-master
----static_image.js(8KB)
----package.json(2KB)
----camera.html(4KB)
----firebase.json(132B)
----index.html(318B)
----LICENSE(1KB)
----package-lock.json(371KB)
----camera.js(9KB)
----CONTRIBUTING.md(1KB)
----.gitignore(1KB)
----illustrationGen()
--------illustration.js(12KB)
--------skeleton.js(35KB)
----third_party()
--------paper()
----README.md(4KB)
----yarn.lock(285KB)
----static_image.html(3KB)
----files()
--------image()
--------sample()
--------gif()
--------illustration()
----utils()
--------colorUtils.js(3KB)
--------fileUtils.js(1KB)
--------demoUtils.js(4KB)
--------svgUtils.js(3KB)
--------mathUtils.js(8KB)