Erste Version

This commit is contained in:
2026-04-04 15:09:32 +02:00
commit b8e8554464
12 changed files with 843 additions and 0 deletions

56
bottlesort/STYLE_GUIDE.md Normal file
View File

@@ -0,0 +1,56 @@
# 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.