Pose Animator ist ein Open-Source-Tool, das eine 2D-Vektorillustration nimmt und basierend auf den Erkennungsergebnissen von PoseNet und FaceMesh in Echtzeit animiert. Es nutzt die Idee der skelettgestützten Animation aus der Computergrafik und überträgt sie auf Vektorfiguren.
Technisches Design
- Surface und Bones: Die Oberfläche wird durch die 2D-Vektorpfade in den Eingabe-SVG-Dateien definiert. Für die Knochenstruktur bietet Pose Animator eine vordefinierte Rig-Darstellung, die auf den Schlüsselpunkten von PoseNet und FaceMesh basiert.
- Rigging Flow: Der Rigging-Flow erfordert das Parsen der Eingabe-SVG-Datei für die Vektorillustration und das vordefinierte Skelett. In Echtzeit werden FaceMesh und PoseNet auf jedes Eingabebild angewendet, um die Knochenpositionen zu aktualisieren.
- Linear Blend Skinning (LBS): Pose Animator verwendet LBS, um Oberflächen mithilfe von Skelettstrukturen zu verformen. Dies ermöglicht die Deformation von 2D-Vektorpfaden basierend auf den Knochenpositionen.
Features und Demos
- Demos: Pose Animator bietet Demos für die Kamera-Feed-Animation und die statische Bildanimation.
- Plattformunterstützung: Die Demos werden auf Desktop-Chrome und iOS Safari unterstützt, mit potenzieller Unterstützung für Chrome auf Android.
Eigenes Design animieren
- Vorgehensweise: Du kannst dein eigenes Design animieren, indem du das Skelett aus einer Beispieldatei in deine Illustration einbettet und diese dann als SVG exportierst.
- Weitere Schritte: Lade die Beispieldatei herunter, füge das Skelett in deine Illustration ein und lade die SVG-Datei in den Pose Animator, um deine Kreation zum Leben zu erwecken.
Pose Animator bietet eine innovative Möglichkeit, 2D-Charaktere im Browser zum Leben zu erwecken. Probiere es aus und lass deiner Kreativität freien Lauf!
Für weitere technische Details empfehle ich den ursprünglichen Blogpost, um tiefer in das technische Design einzutauchen.
Dieser Blogpost wurde mit Informationen aus verschiedenen Quellen zu Pose Animator erstellt. Pose Animator ist kein offiziell unterstütztes Google-Produkt.
