Aufgabenstellung

Wir erstellen ein einfaches Spiel, welches so funktioniert:

Es wird in einem Schachbrett (3x3) ein Muster mit zwei Farben dargestellt (das sogenannte Template). Daneben gibt es ein zweites Schachbrett. Das zweite Schachbrett nennen wir zukünftig Spielfeld.

Mit zwei Köpfen unterhalb der zwei Schachbretter (gehört zum Spielfeld, also unterhabl des Spielfeldes) kann eine Farbe ausgewählt werden und jetzt kann man mit der Maus auf ein Feld im Spielfeld klicken und in diesem Feld wird dann die Hintergrundfarbe gesetzt.

Ziel ist es, am Ende noch einen Knopf zu haben, welchen man drücken kann und dann soll geprüft werden, ob beide Muster übereinstimmen.

Dazu musst du dir am Anfang Gedanken machen, wie das Spiel aussehen könnte. Schau bitte mit deinem Götti / deiner Gotte / Praxisbildner nach, wie man vor dem Beginn ein sogenanntes «Mockup» erstellen kann, so dass es dir einfacher fällt, die Aufgabe und evtl. das Problem zu verstehen.

Zur Lösung der Aufgabe wirst du neues Wissen im Internet suchen müssen und dieses anwenden.

Verwende zum Realisieren eine der folgenden IDEs:

• Visual Studio code (vscode)
• Webstorm
• fiddle.net (Account anlegen nicht vergessen!)