This is an old revision of the document!
Tic Tac Toe
- Legen Sie einen neuen Ordner 'tictactoe' and und speichern Sie darin die Dateien der Basis für ein Raster Spiel.
- Speichern Sie im gleichen Ordner auch folgende beiden Bilder (gemacht mit dem sehr zu empfehlenden OpenSource-Programm Inkscape:
- Fügen Sie in der Datei
raster.css
folgenden CSS-Code hinzu:
.wert1 { background-image: url("cross.svg"); background-size: cover; } .wert2 { background-image: url("dot.svg"); background-size: cover; }
- In der Datei
mygame.js
- entfernen Sie den Aufruf von
Raster.addColorRules
, - passen Sie die Grösse auf 3 mal 3 an,
- fügen Sie eine Variable
currentPlayer
hinzu, die angibt, welcher Spieler (1 oder 2) gerade am Zug ist. - Beginnen Sie das Spiel im
clickCallback
zu programmieren (mit den VariablenmeinRaster
undcurrentPlayer
). Dabei soll einfach abwechselnd auf leeren Feldern gezogen werden können.