画一个浣熊（jian）克（shang）需要多少步，让它走“付款提醒”特写？你只需要给路客安装一个骨架，然后将导出的SVG文件拖到浏览器中，就大功告成了。就像这样，Luke会随着你走向相机而移动：这个TensorFlow.js项目叫做PoseAnimator。demo一推出，网友们就已经乐在其中了。例如，设计师JuliaJaskólska将她的舞蹈与她的插画完美结合：它不仅锻炼了身体，还开发了新的创作可能性。她高兴地说：没想到把我的插画做成动画这么容易！实现细节那么，插图是如何动画的呢？据作者介绍，PoseAnimator是基于PoseNet和FaceMesh这两个TensorFlow.js模型的识别结果，对二维矢量图形及其骨架进行实时动画处理。其中，借鉴了计算机图形学中骨骼动画的思想，并将其应用于矢量角色。在骨骼动画中，角色由两部分组成。一个是用来绘制模型的皮肤，另一个是控制动作的关键——骨骼。在PoseAnimator中，蒙皮由输入SVG文件中的2D矢量路径定义。此外，PoseAnimator提供了基于PoseNet和FaceMesh的预设骨骼层次表示。骨架结构的初始位姿由用户在输入SVG文件中指定。然后根据机器学习模型的识别结果更新实时骨骼位置。目前，笔者已经推出了两个网页演示。可以使二维图像根据镜头实时拍摄的画面移动。另一个用于静止图像。所以，如果你有兴趣，可以在电脑上Chrome和iOSSafari这两个浏览器中进行播放。另外，在安卓手机的Chrome上，可以使用qubit亲测。中程元出品的PoseAnimator作者是谷歌创意技术专家黄山。黄山毕业于卡内基梅隆大学，获得计算机科学学士学位，辅修人机交互。2014年加入谷歌（上海），当年风靡网络的猜小歌项目就是她发起的。传送门GitHub项目：https://github.com/yemount/pose-animator相机捕捉版Demo：https://pose-animator-demo.firebaseapp.com/camera.html图片版Demo：https://pose-animator-demo.firebaseapp.com/static_image.html
