Realistic character design: Unterschied zwischen den Versionen

Aus hyperdramatik
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
Dieser Artikel beschreibt, wie mit Hilfe einer Code-Grundlage eine Character-Animation gelingt.
== Spritesheet Character Animation==
== Spritesheet Character Animation==
Im Zuge des Seminars [[Vernetzte Räume]] wurde mit diesem [https://github.com/spielundobjekt/Unity-Basic-Multiplayer github repository] gearbeitet.  
Im Zuge des Seminars [[Vernetzte Räume]] wurde mit diesem [https://github.com/spielundobjekt/Unity-Basic-Multiplayer github repository] gearbeitet.  

Version vom 10. Juni 2020, 17:22 Uhr

Dieser Artikel beschreibt, wie mit Hilfe einer Code-Grundlage eine Character-Animation 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 rechts eingefügte Vorlage einfü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. 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.
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!