05-11-2020, 11:01 PM
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. 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. 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. 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>. 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> <!–</p>
<p>–></p>
</div>
https://www.sickgaming.net/blog/2020/05/...-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. 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. 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. 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>. 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> <!–</p>
<p>–></p>
</div>
https://www.sickgaming.net/blog/2020/05/...-animator/