Einleitung
  • Einleitung
  • eBook-Download
  • Asesprite kaufen oder selbst compilieren?
  • Hinweise zur Installation von Aseprite
  • Benötigte Unity-Version
  • Aseprite anpassen und einrichten
  • Einführung Pixel-Art und Kachel-System
Gras zeichnen - Erste Schritte in Aseprite
  • Gras zeichnen
  • Farbe in PixelArt und Aseprite
  • Gras einfärben - Verschiedene Ansätze zum Färben
  • [MacOS] Menüzeile einblenden
Grasfläche erzeugen - Grundaufbau Pixelprojekt in Unity
  • Neues Unity-Projekt anlegen
  • Kompatibilität mit Unity ab 2018.3
  • Bild speichern und exportieren
  • Funktionsweise der Unity Tilemap
  • Eine Tilemap erstellen und Werkzeuge anwenden
Pixel gestochen scharf darstellen
  • Einstellungen an der Bilddatei
  • Hardware-Pixel und Software-Pixel synchronisieren
  • Lösungen für die abgeschnittenen Seiten
  • Kachel-Anzahl für weiteres Bearbeiten setzen
Gras und Laub - Ebenen, Überlappungen, Variationen
  • Einfarbiges Gras (Zweite Palettenfarbe)
  • Laub und Streudeko (Überlagern von Kacheln)
  • Laub-Variation (statische Sprite-Sheets)
  • Dritte Laub-Variation (Zusammenfassung der Sprite-Sheet-Schritte)
  • Zufalls-Pinsel erzeugen (+ 2d-extras Download)
  • Fehlerquelle: Zeichenreihenfolge der Ebenen festlegen
Blumen im Wind - Animierte Hintergründe
  • Animierte Blume zeichnen
  • Blume in Unity einbauen (Grundlage animierte Kacheln)
  • Animationsgeschwindigkeit steuern
  • Blumendetails ergänzen
  • Fehlerquelle: Kompressionsartefakte in der Pixelgrafik
  • Grashalme ergänzen (Verbundene Frame-Bearbeitung)
Wanderweg - Regelbasierte Kacheln
  • Wege-Sprites zeichnen
  • Grundprinzip regel-basierter Kacheln
  • Ecken ergänzen
  • T-Stücke ergänzen
  • Individuell gestaltete Kacheln
Graskanten und Inseln - Regelbasierte Kacheln
  • Einfache Graskante zeichnen und konfigurieren
  • Deko: Erd-Ränder unter der Graskante
  • Konvexe Ecke ergänzen
  • Restliche konvexe Ecken vervollständigen
  • Deko-Details: Graskante verschönern (überspringbar)
Baum - Übergroße Kacheln
  • Baum zeichnen - Grundform
  • Baum zeichnen - Kugelform und Farbstufen
  • Baum zeichnen - Blattdetails
  • Baum zeichnen - Wurzeln
  • Baum zeichnen - Transparenter Schatten
  • Situation in Unity - 2 Wege zur Problemlösung
  • Methode 1: Ankerpunkte verändern (überspringbar)
  • Methode 2: Bild segmentieren
  • Überlappungen der Bäume
Spielfigur - Grundlagen für interaktive Sprite-Objekte
  • Zeichenreihenfolge - Theoretischer Hintergrund
  • Dummy-Objekt anlegen und sortieren
  • Bewegung mit C# - Grundansatz
  • Time.deltaTime erklärt
  • Bewegung in vier Richtungen, framerate-unabhängig
  • Hindernisse mit Collidern realisieren
  • Optimierung: FixedUpdate nutzen
  • Variante: 3D-Effekt durch Ebenenverteilung
Spielfigur pixel-präzise bewegen
  • Problem-Demo und Erklärung des Lösungswegs
  • Umsetzung des Einrastens beweglicher Objekte im PixelArt-Raster
  • Probleme der Physik-Komponenten
  • Ersatz der Physik-Kollision
  • Neue CS-Dateien mit Unity-Template erzeugen
  • Verallgemeinerung per Elternklasse: TheGameObject
  • Steuerung in InputController auslagern
  • Scriptreihenfolge und Kleinigkeiten im Code anpassen
  • Optimierung: Effizientere Kollisionserkennung
  • Der Code bis hier
  • Aufgabe: Alternative Tastenbelegung (überspringbar)
Spielfigur gestalten
  • Tipps und Ansätze zum Zeichnen der Grundform
  • Farbe
  • Konturen
  • Schatten
  • Seitenansicht
Laufen der Spielfigur animieren
  • Grundlagen und Fußbewegung
  • Verbessern der grafischen Dynamik
  • Grundeinstellungen Animator
  • Geschwindigkeit der Animation steuern
  • Einrichten der Zustandsübergänge
  • Bewegungs-Code and Animator anbinden
  • Für Informatiker: Hintergrund zur Datenredundanz (überspringbar)
  • Unterschiedliche Grafik für links und rechts laufen
  • Grafik für Frontansicht / nach unten laufen
  • Grafik für Rückansicht / nach oben laufen
  • Auf/ab-Animation in Unity einfügen
  • In Laufrichtung stehen bleiben