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-11-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. 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/11/pose-animator/ |