Realistic character design

Aus hyperdramatik
Zur Navigation springen Zur Suche springen

Dieser Artikel beschreibt, wie mit Hilfe einer Code-Grundlage eine Character-Animation für das Online Multiplayer-Projekt gelingt.

Spritesheet Character Animation

Im Zuge des Seminars Vernetzte Räume wurde mit diesem github repository gearbeitet.

  • 1. Dieses Projekt herunterladen und in Unity öffnen.
  • 2. Um einen Character in Unity zum gehen zu animieren, müssen wir einen walk cycle erstellen. In unserer Version besteht er aus drei Fotos. Diese drei Fotos bilden unterschiedliche Momente eines Schrittes ab: Stehend, ein Fuß vorwärts mit dem zweiten stehend und ein Fuß vorwärts mit dem zweiten Bein in der Luft. Diese drei Fotos nimmt man in einer Frontal, Seit- und Rückansicht auf. Insgesamt werden also neun Bilder erstellt.
Der Walk-Cycle in der Seit-Perspektive.
  • 3. Die einzelnen Bilder freistellen. Dies funktioniert in einer Bildbearbeitungssoftware mit dem Lasso-Tool hervorragend. Hiermit den Teil auswählen, der freigestellt werden soll. Anschließend einen neuen Layer erstellen (Gimp: Rechtsklick auf den ausgewählten Ausschnitt --> Select-> Float anklicken --> in der Layerübersicht das Float-Layer auswählen -> Rechtsklick -> To new Layer anklicken. Photoshop: Rechtsklick auf den ausgewählten Ausschnitt --> Layer via Copy). Nun hat man den ausgewählten Ausschnitt als Layer ohne Hintergrund.
  • 4. In der Bildbearbeitungssoftware ein neues Projekt in 144px x 144px anlegen. In dieses neue Projekt die auf dieser Wiki-Seite rechts eingefügte Vorlage hinzufügen.
    Vorlage Character Animation
  • 5. Nun den ausgeschnittenen Layer aus Schritt 3 an die richtige Stelle im neue Projekt, also dort, wo die entsprechende Vorlagen-Figur zu finden ist, einfügen. Im Beispiel wurde der Vorlagen-Character links unten, seitlich aufgenommen, mit Fuß in der Luft, durch den neuen Character, seitlich aufgenommen, mit Fuß in der Luft, ersetzt. Nun die Vorlagen-Figur löschen und die eigene Figur die richtige Größe skalieren. Je größer die Figur in der Datei ist, umso größer ist sie später im Spiel. 50x25px ist ein solider Richtwert für unsere Figuren und kann als Layergröße ausgewählt werden. Diesen Schritt nun mit allen Posen wiederholen und Perspektiven wiederholen.
Hier wurde eine von Friedrichs Figuren bereits ersetzt
  • 6. Anschließend die Datei unter "yourcharactername_character" als .png mit transparentem Hintergrund speichern.
  • 7. Die Datei "yourcharactername_character.png" in den Unity-Projektordner unter /Assets/Ressources/SundO_Multiplay/characters importieren.

Tada! Character-Import done! Der Character kann jetzt im Spiel verwendet werden.

Der Code zur Character-Animation ist hier zu finden. Falls also der Walkcycle erweitert und detaillierter werden soll, ist dieser Code der Place to be!