{"id":112768,"date":"2020-05-11T15:46:36","date_gmt":"2020-05-11T15:46:36","guid":{"rendered":"http:\/\/gamefromscratch.com\/post.aspx?id=700f073f-ddaf-4fc2-b62a-672382680b13"},"modified":"2020-05-11T15:46:36","modified_gmt":"2020-05-11T15:46:36","slug":"pose-animator","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2020\/05\/11\/pose-animator\/","title":{"rendered":"Pose Animator"},"content":{"rendered":"<p>Pose Animator is a free and open source implementation showcasing how you can animated an SVG avatar using either webcam driven face and bone data, or from analyzing a static image.&nbsp; On the <a href=\"https:\/\/github.com\/yemount\/pose-animator\">GitHub repository<\/a>, Pose Animator is described accordingly:<\/p>\n<blockquote>\n<p>Pose Animator takes a 2D vector illustration and animates its containing curves in real-time based on the recognition result from PoseNet and FaceMesh. It borrows the idea of skeleton-based animation from computer graphics and applies it to vector characters.<\/p>\n<p><em>This is not an officially supported Google product.<\/em><\/p>\n<\/blockquote>\n<p>The GitHub page also includes two demos.&nbsp; The <a href=\"https:\/\/pose-animator-demo.firebaseapp.com\/camera.html\">first one<\/a> showcases using a camera to control an avatar, while the <a href=\"https:\/\/pose-animator-demo.firebaseapp.com\/static_image.html\">second one<\/a> showcases how to accomplish the same thing with a static image.&nbsp; Please note there a currently a couple bugs that need to be addressed if you build this from source yourself, with the resolution details <a href=\"https:\/\/github.com\/yemount\/pose-animator\/issues\/12\">available here<\/a>.&nbsp; I also walk through the process of building and running Pose Animator in the <a href=\"https:\/\/youtu.be\/JGhq5mzswPo\">video<\/a> below.<\/p>\n<p align=\"center\">[embedded content]<\/p>\n<p class=\"under\"> <span class=\"categories\"><a href=\"https:\/\/www.gamefromscratch.com\/category\/GameDev-News.aspx\">GameDev News<\/a> <a href=\"https:\/\/www.gamefromscratch.com\/category\/Art.aspx\">Art<\/a><\/span> <span class=\"tags\"><a href=\"https:\/\/www.gamefromscratch.com\/?tag=\/JavaScript\" rel=\"tag\">JavaScript<\/a><\/span> <\/p>\n<hr>\n<p> &lt;!&#8211;<\/p>\n<p>&#8211;&gt;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pose Animator is a free and open source implementation showcasing how you can animated an SVG avatar using either webcam driven face and bone data, or from analyzing a static image.&nbsp; On the GitHub repository, Pose Animator is described accordingly: Pose Animator takes a 2D vector illustration and animates its containing curves in real-time based [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[74,72],"class_list":["post-112768","post","type-post","status-publish","format-standard","hentry","category-game-development","tag-art","tag-gamedev-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/112768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=112768"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/112768\/revisions"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=112768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=112768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=112768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}