中国程序媛出品,2D插画实时变动画,网友已经玩疯了!

最近,一个名为Pose Animator的开源项目在Github上火了,目前已经在Github上收星4.2K,而且稳稳霸住了Github周榜第二的位置。

简单来说,这是一个Web动画工具,你可以将自己变成任何一个插画形象,无论你怎么动,屏幕里的形象也会完成和你一模一样的动作,就像这样:

再比如下面的这位小姐姐,让自己的插画作品和自己共舞应该是不错的体验吧:

Pose Animator怎么做到的?
Pose Animator拍摄2D矢量图,并基于PoseNet和FaceMesh的识别结果,实时对其包含的曲线进行动画处理。它从计算机图形学中借鉴了基于骨骼的动画的思想,并将其应用于矢量字符。

在骨骼动画中,角色分为两个部分:
用于绘制模型的曲线
用来对表面进行动画处理的骨架

Pose Animator目前支持单姿态、单脸检测,可以在桌面版Chrome和 Safari上运行。

值得一提的是,Pose Animator创建者是一位中国程序媛Shan Huang,目前就职于谷歌,本科毕业于卡内基梅隆大学,专业是计算机科学,辅修人机交互。以下是Shan Huang开源的项目列表:

最后附上相关地址:
Github项目地址:https://github.com/yemount/pose-animator
小编是一个有着5年工作经验的Web前端程序员,对于前端,自己有做资料的整合,一个完整学习web的路线,学习资料和工具,相信这里有很多学习前端的小伙伴,送给大家,(关注或私信小编即可领取)