Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum...
-
Upload
august-weisensel -
Category
Documents
-
view
110 -
download
1
Transcript of Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum...
![Page 1: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/1.jpg)
Das Streichholzspiel
![Page 2: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/2.jpg)
Das Spiel und die Regeln
1. Es liegen n Streichhölzer auf dem Tisch.
2. Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer vom Tisch nehmen.
3. Kann ein Spieler kein Streichholz mehr ziehen, hat er verloren.
![Page 3: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/3.jpg)
Spieler 1 Spieler 2 Spieler 3
Jeder Spieler sieht den virtuellen Spieltisch mit den Streichhölzern vor sich. Es wird reihum gespielt.
Mock-Up Streichholzspiel
![Page 4: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/4.jpg)
Spieler 1 Spieler 2 Spieler 3
Mock-Up - Spielverlauf
![Page 5: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/5.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Auswahldialog beim ersten Spieler einblenden, damit er 1, 2 oder 3 Streichhölzer ziehen kann.
Mock-Up - Spielverlauf
![Page 6: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/6.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Spieler eins zieht 1 Streichholz.
Mock-Up - Spielverlauf
![Page 7: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/7.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Ein Streichholz wird überall entfernt.
Mock-Up - Spielverlauf
![Page 8: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/8.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Der zweite Spieler ist an der Reihe.
Mock-Up - Spielverlauf
![Page 9: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/9.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Der zweite Spieler zieht 3.
Mock-Up - Spielverlauf
![Page 10: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/10.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Es werden 3 Streichhölzer entfernt.
Mock-Up - Spielverlauf
![Page 11: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/11.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Mock-Up - Spielverlauf
![Page 12: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/12.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Mock-Up - Spielverlauf
![Page 13: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/13.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Mock-Up - Spielverlauf
![Page 14: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/14.jpg)
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Spieler 1 ist wieder an der Reihe.
Mock-Up - Spielverlauf
![Page 15: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/15.jpg)
Spieler 1 Spieler 2 Spieler 3
Spieler 1 verliertSpieler 1 verliert
Spieler 1 verliert
Spieler 1 hat kein Streichholz mehr und verliert.
Mock-Up - Spielverlauf
![Page 16: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/16.jpg)
Anforderungen• Alle Spieler sehen immer die gleiche, aktuelle Anzahl
Streichhölzer auf dem Spieltisch.
• Nur der Spieler, der an der Reihe ist, kann und muss den nächsten Spielzug vornehmen. Er nimmt 1,2 oder 3 Streichhölzer.
• Will ein Spieler mehr Streichhölzer wegnehmen als auf dem Spieltisch liegen wird eine Fehlermeldung angezeigt.
• Wenn kein Streichholz mehr auf dem Spieltisch liegt, verliert der Spieler der als nächstes an der Reihe ist. Das Spiel wird beendet.
![Page 17: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/17.jpg)
Das Spiel auf einem einzelnen Computer (Webbrowser) umzusetzen wäre nicht so
schwierig.
Interessant ist jedoch die Umsetzung als Multiplayer-Game (verteilte Anwendung)
auf mehreren Webbrowsern.
![Page 18: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/18.jpg)
Webbrowser auf verschiedenen Geräten miteinander koordinieren
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
![Page 19: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/19.jpg)
Webbrowser auf verschiedenen Geräten miteinander koordinieren
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Mitteilung von Spieler1 an alle Spieler (Browser) schicken, dass 1 Streichholz entfernt wurde.
![Page 20: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/20.jpg)
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Mitteilung von Spieler1 an alle Spieler (Browser) schicken, dass 1 Streichholz entfernt wurde.
Webbrowser auf verschiedenen Geräten miteinander koordinieren
![Page 21: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/21.jpg)
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Wichtig: Mitteilung vom Spieler1 auch an Spieler1 schicken, damit alle Clients gleich behandelt werden können.
Webbrowser auf verschiedenen Geräten miteinander koordinieren
![Page 22: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/22.jpg)
Webbrowser auf verschiedenen Geräten miteinander koordinieren
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
-1 -1 -1
Wichtig: Mitteilung vom Spieler1 auch an Spieler1 schicken, damit alle Clients gleich behandelt werden können.
![Page 23: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/23.jpg)
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
Ziehe: 1 2 3
Webbrowser auf verschiedenen Geräten miteinander koordinieren
Wichtig: Mitteilung vom Spieler1 auch an Spieler1 schicken, damit alle Clients gleich behandelt werden können.
![Page 24: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/24.jpg)
Nachrichten verschicken ist heute zwar üblich, aber technisch nicht so einfach.
Wir verwenden das GameFramework von LearningApps.org
![Page 25: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/25.jpg)
Webbrowser
Das GameFramework ermöglicht uns das Versenden von Nachrichten und stellt vordefinierte Nachrichten bereit.
HTML-Seite
AppClient.js
GameFramework.js
Spiellogik
AppClient
game
Server
onGameStart
onGameMessage
onGameEnd
Webbrowser
Webbrowser
HTML-Seite
HTML-Seite
![Page 26: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/26.jpg)
GameFramework.js
Spiellogik
game
onGameStart
Einblenden des Spieltisches, Variablen rücksetzen, Zeichnen der Streichhölzer
onGameMessage
auf spezifische Nachrichten das Streichholzspiels reagieren
onGameEnd
Ausblenden des Spieltisches
Eintreffende Nachrichten lösen „Events“ aus.Wir müssen später sagen „was passiert wenn…“
…
![Page 27: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/27.jpg)
<!DOCTYPE html><html><head><title>Streichholzspiel</title></head><body><script type="text/javascript" src="http://LearningApps.org/AppClient.js"></script> <script type="text/javascript" src="http://LearningApps.org/GameFramework.js"></script>
Konkrete Umsetzung des Streichholzspiels mit GameFramwork
Wir erstellen eine neue Datei mit einem Texteditor: index.html
Ab jetzt steht uns das GameFramework zur Verfügung.
![Page 28: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/28.jpg)
Game Design<h1 style="text-align:center">Das Streichholzspiel</h1>
<div id="gamescreen" style="display:none; left:0px; top:0px; width:100%; height:100%; position:absolute; overflow:auto; background:white">
<div id="spieltisch" style="width:300px; margin:50px auto;border:2px solid gray">
</div>
<div id="auswahl" style="display:none; width:300px; margin:10px auto;border:2px solid gray"> Du musst ziehen: <input type="button" value="1" onclick="zieh(1)"/> <input type="button" value="2" onclick="zieh(2)"/> <input type="button" value="3" onclick="zieh(3)"/> </div></div> HTML kann nach Belieben
gestaltet werden.
![Page 29: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/29.jpg)
<h1 style="text-align:center">Das Streichholzspiel</h1>
<div id="gamescreen" style="display:none; left:0px; top:0px; width:100%; height:100%; position:absolute; overflow:auto; background:white">
<div id="spieltisch" style="width:300px; margin:50px auto;border:2px solid gray">
</div>
<div id="auswahl" style="display:none; width:300px; margin:10px auto;border:2px solid gray"> Du musst ziehen: <input type="button" value="1" onclick="zieh(1)"/> <input type="button" value="2" onclick="zieh(2)"/> <input type="button" value="3" onclick="zieh(3)"/> </div></div> HTML kann nach Belieben
gestaltet werden.
Game Design
![Page 30: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/30.jpg)
<h1 style="text-align:center">Das Streichholzspiel</h1>
<div id="gamescreen" style="display:none; left:0px; top:0px; width:100%; height:100%; position:absolute; overflow:auto; background:white">
<div id="spieltisch" style="width:300px; margin:50px auto;border:2px solid gray">
</div>
<div id="auswahl" style="display:none; width:300px; margin:10px auto;border:2px solid gray"> Du musst ziehen: <input type="button" value="1" onclick="zieh(1)"/> <input type="button" value="2" onclick="zieh(2)"/> <input type="button" value="3" onclick="zieh(3)"/> </div></div> HTML kann nach Belieben
gestaltet werden.
Game Design
gamescreen
spieltisch
auswahl
![Page 31: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/31.jpg)
Spiellogik in JavaScript umsetzen<script type="text/javascript">
// Das GameFramework stellt das Objekt game zur Verfügung.// Das game initialisieren: game.init();
// Einen Computergegner hinzufügengame.addComputerPlayer();
// Maximale Spielerzahl festlegengame.maxPlayers = 4;
// aktuelle Anzahl der Streichhölzer auf dem Spieltischvar anzahlHoelzer;
![Page 32: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/32.jpg)
Events – auf Ereignisse reagierenSpiel startet – onGameStart
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onGameStart onGameStart onGameStart
![Page 33: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/33.jpg)
Spielstart (onGameStart) und Spielende (onGameEnd)
game.onGameStart = function(){ // Das Spielfeld einblenden document.getElementById("gamescreen").style.display = "block";
// Nach der Anzahl der Spieler starten wir mit passender Anzahl // Streichhölzer auf dem Spieltisch anzahlHoelzer = game.Players.length * 9;
// Den leeren Container mit Streichhölzern füllen spieltischFuellen(anzahlHoelzer);
// Der erste Spieler beginnt das Spiel game.nextPlayersTurn();}
game.onGameEnd = function(){ // Das Spielfeld ausblenden document.getElementById("gamescreen").style.display = "none";}
![Page 34: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/34.jpg)
game.onGameStart = function(){ // Das Spielfeld einblenden document.getElementById("gamescreen").style.display = "block";
// Nach der Anzahl der Spieler starten wir mit passender Anzahl // Streichhölzer auf dem Spieltisch anzahlHoelzer = game.Players.length * 9;
// Den leeren Container mit Streichhölzern füllen spieltischFuellen(anzahlHoelzer);
// Der erste Spieler beginnt das Spiel game.nextPlayersTurn();}
game.onGameEnd = function(){ // Das Spielfeld ausblenden document.getElementById("gamescreen").style.display = "none";}
Spieltisch mit Streichhölzern füllen
Spielstart (onGameStart) und Spielende (onGameEnd)
![Page 35: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/35.jpg)
Die Funktion spieltischFuellen(anzahlHoelzer)
function spieltischFuellen(anzahlHoelzer){
var quelltextHolz = '<img src="holz.png" alt=""/>';
var spieltischHTMLcode = ""; for(var i = 0; i < anzahlHoelzer; i++) spieltischHTMLcode = spieltischHTMLcode + quelltextHolz;
document.getElementById("spieltisch").innerHTML = spieltischHTMLcode;}
![Page 36: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/36.jpg)
Die Funktion spieltischFuellen(anzahlHoelzer)
function spieltischFuellen(anzahlHoelzer){
var quelltextHolz = '<img src="holz.png" alt=""/>';
var spieltischHTMLcode = ""; for(var i = 0; i < anzahlHoelzer; i++) spieltischHTMLcode = spieltischHTMLcode + quelltextHolz;
document.getElementById("spieltisch").innerHTML = spieltischHTMLcode;}
Das erzeugtes HTML dem Container spieltisch zuweisen.
HTML Vorschau
![Page 37: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/37.jpg)
Events – auf Ereignisse reagierenSpiel geht in die erste (nächste) Runde – onNextPlayersTurn
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
![Page 38: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/38.jpg)
Events – auf Ereignisse reagierenErster Spieler bekommt weiteres Event – onPlayersTurn
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
![Page 39: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/39.jpg)
Events – auf Ereignisse reagierenErster Spieler bekommt weiteres Event – onPlayersTurn
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
Dieser Spieler ist an der Reihe
![Page 40: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/40.jpg)
onNextPlayersTurn und onPlayersTurn
game.onNextPlayersTurn = function(player,lastPlayer){ // Prüfen ob keine Streichhölzer mehr auf dem // Spieltisch liegen. Sonst Spiel beenden. // Der vorherige Spieler hat gewonnen. if(anzahlHoelzer == 0) game.quitGame(lastPlayer.name,2000);}
game.onPlayersTurn = function(player,lastPlayer){ // aktueller Spieler ist an der Reihe // Auswahldialog einblenden document.getElementById('auswahl').style.display = 'block';}
![Page 41: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/41.jpg)
Events – auf Ereignisse reagierenAuswahldialog eingeblendet
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
![Page 42: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/42.jpg)
Events – auf Ereignisse reagierenAuswahldialog eingeblendet und Button geklickt
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
<input type="button" value="1" onclick="zieh(1)"/><input type="button" value="2" onclick="zieh(2)"/><input type="button" value="3" onclick="zieh(3)"/>
![Page 43: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/43.jpg)
Auswahl Button angeklickt – die Funktion ziehNachrichten verschicken game.sendMessage
function zieh(anzahl){ // Prüfen ob genug Streichhölzer auf dem Spieltisch sind if(anzahlHoelzer < anzahl) { alert("Du kannst nicht so viele ziehen!"); } else { // Auswahl ausblenden, wir haben uns entschieden document.getElementById('auswahl').style.display = 'none'; // Nachricht an alle Spieler verschicken game.sendMessage("ZIEH|" + anzahl); // Unser Zug ist fertig, an nächsten Spieler abgeben game.nextPlayersTurn(); }}
![Page 44: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/44.jpg)
Events – auf Ereignisse reagierenNachrichten empfangen – onGameMessage
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
onGameMessage onGameMessage onGameMessageZIEH|1 ZIEH|1ZIEH|1
![Page 45: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/45.jpg)
Auf eingehende Nachrichten reagieren game.onGameMessage
game.onGameMessage = function(msg, from){ // Ankommende Nachricht teilen am geraden Strich | var teile = msg.split("|");
if(teile[0] == "ZIEH"){ // Gesamtzahl der Streichhölzer reduzieren anzahlHoelzer = anzahlHoelzer - teile[1]; // Anzeige aktualisieren spieltischFuellen(anzahlHoelzer); } }
![Page 46: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/46.jpg)
Events – auf Ereignisse reagierenSpiel geht in die nächste Runde – onNextPlayersTurn
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
![Page 47: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/47.jpg)
Events – auf Ereignisse reagierenZweiter Spieler bekommt Event – onPlayersTurn
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
![Page 48: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/48.jpg)
Events – auf Ereignisse reagierenSpielrunde wie zuvor, nun bei Spieler 2
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Spieler 3
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onPlayersTurn
…
![Page 49: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/49.jpg)
Das Spiel lokal testen
![Page 50: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/50.jpg)
Das Spiel lokal testen
![Page 51: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/51.jpg)
Das Spiel lokal testen
![Page 52: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/52.jpg)
Das Spiel lokal testen
![Page 53: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/53.jpg)
Events – auf Ereignisse reagierenSpiel gegen den Computer
onComputersTurn statt onPlayersTurn
Webbrowser Webbrowser Webbrowser
Spieler 1 Spieler 2 Computer
onNextPlayersTurn onNextPlayersTurn onNextPlayersTurn
onComputersTurn
![Page 54: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/54.jpg)
Spiel gegen den Computer
game.onComputersTurn = function(computer,lastPlayer){ // Zug des Computers spielen var z; // Wenn mehr als 3 Streichhölzer auf dem Tisch liegen // zufällig 1,2 oder 3 ziehen if(anzahlHoelzer > 3) z = Math.ceil(Math.random()*3); if(anzahlHoelzer == 3) z = 3; if(anzahlHoelzer == 2) z = 2; if(anzahlHoelzer == 1) z = 1; // zieh Funktion aufrufen, als hätten man auf // einen der Buttons geklickt zieh(z);}
![Page 55: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/55.jpg)
Spiel im Internet bereitstellenZIP-Archiv aus allen Dateien erstellen
![Page 56: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/56.jpg)
Spiel im Internet bereitstellen
1
2
![Page 57: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/57.jpg)
Spiel im Internet bereitstellen
![Page 58: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/58.jpg)
Spiel im Internet bereitstellen
![Page 59: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/59.jpg)
Spiel im Internet bereitstellen
![Page 60: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/60.jpg)
Spiel im Internet bereitstellen
![Page 61: Das Streichholzspiel. Das Spiel und die Regeln 1.Es liegen n Streichhölzer auf dem Tisch. 2.Reihum muss jeder Spieler entweder 1, 2 oder 3 Streichhölzer.](https://reader036.fdocument.pub/reader036/viewer/2022070310/55204d7149795902118c49b2/html5/thumbnails/61.jpg)
Spiel im Internet bereitstellen