Sternenlabor/minigames
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
minigames/bottlesort/STYLE_GUIDE.md
Holger Weber b8e8554464 Erste Version
2026-04-04 15:09:32 +02:00

2.1 KiB
Raw Permalink Blame History

8-Bit Style Guide fuer Browser-Minispiele

Diese Datei definiert einen wiederverwendbaren visuellen Stil fuer 8-Bit-Spiele mit Top-Down-Perspektive.

1. Stilziel

  • Klarer Retro-Look im 8-Bit-Stil
  • Gut lesbare Spielfiguren und Objekte
  • Schnelle Erkennbarkeit von interaktiven Elementen

2. Perspektive und Raster

  • Top-Down-Perspektive
  • Tile-basierter Aufbau (empfohlen: 16x16 oder 32x32 Pixel pro Tile)
  • Bewegungen vorzugsweise rasterbasiert oder klar quantisiert

3. Pixel-Art-Regeln

  • Harte Pixelkanten, keine weichgezeichneten Kanten
  • Kein Anti-Aliasing innerhalb von Sprites
  • Begrenzte Details pro Sprite, damit Objekte auf den ersten Blick erkennbar bleiben
  • Klare Silhouetten fuer Figur, Flaschen und Kisten

4. Farbpalette

  • Begrenzte, konsistente Palette pro Spiel
  • Hoher Kontrast zwischen:
    • Hintergrund und interaktiven Objekten
    • verschiedenen Flaschensorten untereinander
    • Kistenarten untereinander
  • Farben tragen aktiv zur Sortenunterscheidung bei

5. Figuren und Objekte

  • Spielfigur (Maennchen) mit klarer Blick- und Bewegungsrichtung
  • Flaschen jeder Sorte mit eindeutigem Profil aus:
    • Form (Silhouette)
    • Farbe
  • Kisten visuell passend zur Flaschensorte markiert (Farbe, Symbol oder Textlabel)

6. Umgebung (Kueche)

  • Kueche als klar strukturierter Spielraum mit gut lesbaren Wegen
  • Dekoration sparsam einsetzen, um Gameplay-Elemente nicht zu ueberdecken
  • Kollisionen mit Moebeln/Objekten visuell nachvollziehbar machen

7. UI und Feedback

  • Pixel-Font oder retro-nahe Schrift mit hoher Lesbarkeit
  • HUD minimal halten (z. B. aktuelles Level, verbleibende Flaschen)
  • Eindeutiges visuelles Feedback fuer:
    • Flasche aufgenommen
    • Flasche abgelegt
    • korrekt/falsch einsortiert
  • Bei Fehlern klarer Reset-Hinweis

8. Animation und Effekte

  • Kurze, klare Pixel-Animationen (z. B. 2-4 Frames fuer Laufzyklus)
  • Dezente Retro-Effekte beim Einsammeln/Ablegen
  • Keine ueberladenen Partikeleffekte

9. Wiederverwendung in anderen Spielen

Dieser Style Guide ist absichtlich generisch gehalten und kann fuer andere Top-Down-Minispiele mit Sortier-, Sammel- oder Liefermechaniken direkt uebernommen werden.