Erstelle ein Tic-Tac-Toe Spiel mit HTML, CSS & JavaScript - Deutsches Tutorial



Published
Tic-Tac-Toe kennen sicher die meisten: zwei Spieler setzen abwechselnd Spielsteine auf einem Gitter von 3x3 Feldern. Ziel ist es, eine Reihe, Spalte oder Diagonale mit seinen eigenen Spielsteinen zu füllen.
Dieses Spiel werden wir in diesem Video mit HTML, CSS und JavaScript nachbauen – und damit du es auch allein spielen kannst, werden wir gleich auch noch einen ganz simplen Computergegner implementieren.

GitHub des Projekts: https://github.com/dev-planet-germany/tic-tac-toe

00:00:00 Projektübersicht
00:00:24 Dateistruktur
00:00:47 Der HTML-Code für das Spiel
00:04:39 Allgemeine Gestaltung mit CSS
00:09:30 Die Spielanzeige mit CSS gestalten
00:10:41 Das Spielfeld mit CSS gestalten
00:22:14 Die Spielsteine erstellen
00:32:00 Vorbereitungen im JavaScript
00:34:29 Setzen der Spielsteine programmieren
00:41:35 Wechseln des Zuges programmieren
00:56:25 Das Spiel gewinnbar machen
01:03:07 Erstellen des Sieg-Overlays
01:17:26 Neustart des Spiels programmieren
01:20:48 Abbilden eines Unentschiedens
01:25:18 Erstellen eines einfachen Computergegners
01:32:17 Abonniert den Kanal! :)
Category
Web design
Be the first to comment