Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:blc:informatik:ffprg1-2024:raster-tictactoe [2024/04/09 17:48] Ivo Blöchliger [Gewinn überprüfen] |
lehrkraefte:blc:informatik:ffprg1-2024:raster-tictactoe [2024/05/03 11:57] (current) Ivo Blöchliger [Tic Tac Toe] |
||
---|---|---|---|
Line 20: | Line 20: | ||
* fügen Sie eine Variable '' | * fügen Sie eine Variable '' | ||
* Beginnen Sie das Spiel im '' | * Beginnen Sie das Spiel im '' | ||
+ | * Fügen Sie eine weitere Variable '' | ||
+ | * Programmieren Sie eine Unterfunktion '' | ||
+ | * Wenn geklickt wird und alle Zellen schon voll sind, soll das Spiel neu starten. | ||
<hidden Lösungsvorschlag> | <hidden Lösungsvorschlag> | ||
Line 70: | Line 73: | ||
<hidden Teillösungsvorschlag> | <hidden Teillösungsvorschlag> | ||
- | < | + | < |
- | function sindsDrei(x, | + | function sindsDrei(x, |
let w = meinRaster.getValue(x, | let w = meinRaster.getValue(x, | ||
if (w==0) return false; | if (w==0) return false; | ||
Line 78: | Line 81: | ||
x+=vx; | x+=vx; | ||
y+=vy; | y+=vy; | ||
- | } | ||
- | for (let i=0; i<3; i++) { | ||
- | x-=vx; | ||
- | y-=vy; | ||
- | meinRaster.setValue(x, | ||
} | } | ||
return true; | return true; | ||
Line 100: | Line 98: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | ===== Zellen markieren ===== | ||
+ | <WRAP todo> | ||
+ | Ziel ist es, die gewinnende Dreierreihe zu markieren. | ||
+ | * Fügen Sie dazu in der Datei '' | ||
+ | * In der Funktion '' | ||
+ | |||
+ | <hidden Lösungsvorschlag> | ||
+ | <code css> | ||
+ | .wert3 { | ||
+ | background-image: | ||
+ | background-color: | ||
+ | background-size: | ||
+ | } | ||
+ | .wert4 { | ||
+ | background-image: | ||
+ | background-color: | ||
+ | background-size: | ||
+ | } | ||
+ | </ | ||
+ | <code javascript> | ||
+ | for (let i=0; i<3; i++) { | ||
+ | x-=vx; | ||
+ | y-=vy; | ||
+ | meinRaster.setValue(x, | ||
+ | } | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ |