Schwimmen 31 | Projekt

Beschreibung

Schwimmen 31 ist eine Browser-Umsetzung des klassischen Kartenspiels (auch bekannt als 31/Schnauz). Du spielst im Singleplayer gegen bis zu drei KI-Gegner und versuchst, durch geschicktes Tauschen und gutes Timing beim Passen möglichst nah an 31 Punkte heranzukommen.

Das Spiel ist bewusst Desktop-first umgesetzt und für schnelle Runden gedacht: klare Regeln, klares Feedback in der Oberfläche und ein Spielfluss, der ohne lange Erklärungen funktioniert.

Technik

Das Projekt ist komplett als Browsergame mit HTML, CSS und Vanilla JavaScript umgesetzt. Neben der Oberfläche umfasst das Projekt die vollständige Spiellogik für Rundenablauf, Punkteberechnung, Spieleraktionen sowie den Singleplayer-Modus gegen KI.

Mein Fokus lag auf sauberer Struktur, verständlichem Code und einem stabilen Ablauf (z. B. keine fehlerhaften Zustände durch schnelles Klicken während Animationen oder KI-Zügen).

Das Spiel ist Desktop-first konzipiert und aktuell nicht für mobile Geräte optimiert.

Technische Highlights

Singleplayer gegen bis zu drei KI-Gegner (KI trifft eigenständige Spielentscheidungen)
Kompletter Spielablauf im Browser: Rundenlogik, Spielerzüge, KI-Züge, Auswertung
Punkteberechnung und Regeln als klar nachvollziehbare Logik umgesetzt
UI-Feedback & Animationen für Aktionen (z. B. Austeilen, Tauschen, Rundenwechsel)
Stabilität im Ablauf: Eingaben werden in kritischen Momenten kontrolliert (z. B. während KI/Animationen)
Vanilla JS ohne Frameworks: Fokus auf Fundamenten, Code-Struktur und sauberes DOM-Handling
Desktop-first Umsetzung (Maus/Keyboard), bewusst nicht für mobile Geräte optimiert

Was ich dabei gelernt habe

In diesem Projekt habe ich gelernt, Spielabläufe sauber zu strukturieren, Logik und UI klar zu trennen und eine interaktive Anwendung so umzusetzen, dass sie sich stabil und flüssig anfühlt. Besonders spannend war die Umsetzung des Singleplayer-Modus mit KI, weil hier Entscheidungen, Timing und Spielfluss zusammenkommen.