Schwimmen 31

Browsergames
Version 1.1.0
Technologie: HTML, CSS, Vanilla JavaScript
Kategorie: Browsergames

Beschreibung

Schwimmen 31 ist meine 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 die bestmögliche Punktzahl bis 31 zu erreichen.

Das Spiel ist bewusst Desktop-first umgesetzt und für schnelle Runden gedacht: klare Regeln, direktes Feedback im UI 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 steckt die komplette Spiel-Logik im Code: Rundenablauf, Punkteberechnung, Spieleraktionen sowie der Singleplayer-Modus gegen KI.

Mein Fokus lag auf sauberer Struktur, verständlichem Code und einem stabilen Ablauf (z. B. keine kaputten 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.

Weitere Screenshots

Gameplay-Video

Technische Highlights

  • Singleplayer gegen bis zu drei KI-Gegner (KI trifft eigenständige Spielentscheidungen)
  • Kompletter Game-Loop 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 ohne Mobile-Optimierung

Was ich dabei gelernt habe

In diesem Projekt habe ich vor allem 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.