Minesweeper

Wer kennt den Klassiker nicht: Minesweeper.

Unser User Martin Bender schickte uns diese Javascript-Variante des Spieles.

Eine Besonderheit gibt es aber im Vergleich zum Windows-Spiel:

Ihr müßt auf den Rechtsklick verzichten. Die Minen sollt ihr euch also nur denken, aber nicht markieren. Statt dessen werden einfach alle Felder mit einem normalen Mausklick markiert, bei denen ihr denkt, dass sie frei sind.

Sobald alle freien Felder aufgedeckt sind, oder ihr eine Mine trefft, ist das Spiel zu Ende.

Viel Spass dabei 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- minen = 14; z1 = 0; z2 = 0; frei = 0; spiel = false; sekunden = 0; area = new Array(100); area2 = new Array(100); function init() { var mine; for(z1 = 0; z1 < minen; z1++) { mine = Math.round(Math.random()*99); if(area[mine] == "M") { z1--; continue; } area[mine] = "M"; if(!((mine - 11) < 0) && (mine % 10 != 0)) if(area[mine - 11] != "M") area[mine - 11]++; if(!((mine - 10) < 0)) if(area[mine - 10] != "M") area[mine - 10]++; if(!((mine - 9) < 0) && (mine % 10 != 9)) if(area[mine - 9] != "M") area[mine - 9]++; if(!((mine - 1) < 0) && (mine % 10 != 0)) if(area[mine - 1] != "M") area[mine - 1]++; if(!((mine + 1) > 99) && (mine % 10 != 9)) if(area[mine + 1] != "M") area[mine + 1]++; if(!((mine + 9) > 99) && (mine % 10 != 0)) if(area[mine + 9] != "M") area[mine + 9]++; if(!((mine + 10) > 99)) if(area[mine + 10] != "M") area[mine + 10]++; if(!((mine + 11) > 99) && (mine % 10 != 9)) if(area[mine + 11] != "M") area[mine + 11]++; } } function startsek() { if((frei != 0) && (spiel == true)) document.getElementById("sek").innerHTML = Math.round((new Date() - sekunden) / 1000); setTimeout("startsek()", 1000); } function neu() { for(z1 = 0; z1 < 100; z1++) { area[z1] = 0; area2[z1] = '#008080'; document.getElementById("feld"+z1).style.background = "#008080"; document.getElementById("feld"+z1).innerHTML = "·"; } frei = 0; sekunden = 0; spiel = false; document.getElementById("sek").innerHTML = "0000"; init(); } function oeffne( nr ) { frei++; area2[nr] = '#00ff00'; document.getElementById("feld"+nr).style.background = "#00ff00"; if(!((nr - 11) < 0) && (nr % 10 != 0)) klick(nr - 11); if(!((nr - 10) < 0)) klick(nr - 10); if(!((nr - 9) < 0) && (nr % 10 != 9)) klick(nr - 9); if(!((nr - 1) < 0) && (nr % 10 != 0)) klick(nr - 1); if(!((nr + 1) > 99) && (nr % 10 != 9)) klick(nr +1); if(!((nr + 9) > 99) && (nr % 10 != 0)) klick(nr + 9); if(!((nr + 10) > 99)) klick(nr +10); if(!((nr + 11) > 99) && (nr % 10 != 9)) klick(nr + 11); } function klick( nr ) { if((frei == 0) && (spiel == false)) { sekunden = new Date(); spiel = true; } if(spiel) { if(area[nr] != "M") { if((area2[nr] == "#008080") && (area[nr] == 0)) oeffne(nr); if(area2[nr] == "#008080") { frei++; area2[nr] = '#ffff00'; document.getElementById("feld"+nr).style.background = "#ffff00"; document.getElementById("feld"+nr).innerHTML = area[nr]; } if(frei == (100 - minen)) { spiel = false; for(z1 = 0; z1 < 100; z1++) if(area[z1] == "M") { area2[z1] = '#00a000'; document.getElementById("feld"+z1).style.background = "#00a000"; document.getElementById("feld"+z1).innerHTML = "<div style='font-family:wingdings; font-size: 14px;'>M</div>"; } } } else { spiel = false; for(z1 = 0; z1 < 100; z1++) if(area[z1] == "M") { frei++; area2[z1] = '#ff0000'; document.getElementById("feld"+z1).style.background = "#ff0000"; document.getElementById("feld"+z1).innerHTML = "<div style='font-family:wingdings; font-size: 14px;'>M</div>"; } document.getElementById("sek").innerHTML = "MINE !"; } } } document.write("<table border='1' cellpadding='4' style='background: #c0c0c0; font-family: courier; font-size: 16px;'>"); document.write("<tr><th colspan='3' onclick='neu()'>NEU</th>"); document.write("<th colspan='4'>MINENSUCHE</th>"); document.write("<th colspan='3' id='sek'>0000</th></tr>"); for(z1 = 0; z1 < 10; z1++) { document.write("<tr>"); for(z2 = 0; z2 < 10; z2++) // area2[z1*10+z2] = '#008080'; document.write("<td width='20' height='20' onclick='klick("+(z1*10+z2)+")' id='feld"+(z1*10+z2)+"' align='center' style='background: #008080;'>·</td>"); document.write("</tr>"); } document.write("</table>"); //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/minesweeper/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">neu(); startsek();</script> <!-- präsentiert von kostenlose-javascripts.de -->