Sick Gaming
Pose Animator - Printable Version

+- Sick Gaming (https://www.sickgaming.net)
+-- Forum: Programming (https://www.sickgaming.net/forum-76.html)
+--- Forum: Game Development (https://www.sickgaming.net/forum-80.html)
+--- Thread: Pose Animator (/thread-95004.html)



Pose Animator - xSicKxBot - 05-12-2020

Pose Animator

<div><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>
<blockquote>
<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>
<p><em>This is not an officially supported Google product.</em></p>
</blockquote>
<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>
<p align="center">[embedded content]</p>
<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>
<hr>
<p> &lt;!–</p>
<p>–&gt;</p>
</div>


https://www.sickgaming.net/blog/2020/05/11/pose-animator/