Concentration

Eine Variante des bekannten Memory-Spiels.

Um das Spiel auf eurer Seite einbauen zu können braucht ihr noch die Bilder. Diese könnt ihr hier runterladen.

Beachtet bitte, dass die Bilder im gleichen Verzeichnis liegen müssen wie die Seite, auf der ihr dieses Spiel einbaut 🙂

<script type='text/javascript'> <!-- // Original: Brian Gosselin (bgaudiodr at aol dot com) // Web Site: http://www.bgaudiodr.iwarp.com var pics = new Array(); for (i = 0; i <= 18; i++) { pics[i] = new Image(); pics[i].src = 'https://www.kostenlose-javascripts.de/_files/images/concentration/image' + i + '.gif'; } var map=new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18); var user = new Array(); var temparray = new Array(); var clickarray = new Array(0, 0); var ticker, sec, min, ctr, id, oktoclick, finished; function init() { clearTimeout(id); for (i = 0; i <= 35 ;i++) { user[i] = 0; } ticker = 0; min = 0; sec = 0; ctr = 0; oktoclick = true; finished = 0; document.f.b.value = ""; scramble(); runclk(); for (i = 0; i <= 35; i++) { document.f[('img'+i)].src = "image0.gif"; } } function runclk() { min = Math.floor(ticker/60); sec = (ticker-(min*60))+''; if(sec.length == 1) {sec = "0"+sec}; ticker++; document.f.b.value = min+":"+sec; id = setTimeout('runclk()', 1000); } function scramble() { for (z = 0; z < 5; z++) { for (x = 0; x <= 35; x++) { temparray[0] = Math.floor(Math.random()*36); temparray[1] = map[temparray[0]]; temparray[2] = map[x]; map[x] = temparray[1]; map[temparray[0]] = temparray[2]; } } } function showimage(but) { if (oktoclick) { oktoclick = false; document.f[('img'+but)].src = 'image'+map[but]+'.gif'; if (ctr == 0) { ctr++; clickarray[0] = but; oktoclick = true; } else { clickarray[1] = but; ctr = 0; setTimeout('returntoold()', 600); } } } function returntoold() { if ((clickarray[0] == clickarray[1]) && (!user[clickarray[0]])) { document.f[('img'+clickarray[0])].src = "image0.gif"; oktoclick = true; } else { if (map[clickarray[0]] != map[clickarray[1]]) { if (user[clickarray[0]] == 0) { document.f[('img'+clickarray[0])].src = "image0.gif"; } if (user[clickarray[1]] == 0) { document.f[('img'+clickarray[1])].src = "image0.gif"; } } if (map[clickarray[0]] == map[clickarray[1]]) { if (user[clickarray[0]] == 0&&user[clickarray[1]] == 0) { finished++; } user[clickarray[0]] = 1; user[clickarray[1]] = 1; } if (finished >= 18) { alert('Du hast es in '+document.f.b.value+' geschafft!'); init(); } else { oktoclick = true; } } } window.onload=init; //--> </script> <center> <h2>Concentration</h2> <form name="f"> <table cellpadding="0" cellspacing="0" border="0"> <script type="text/javascript"> <!-- for (r = 0; r <= 5; r++) { document.write('<tr>'); for (c = 0; c <= 5; c++) { document.write('<td align="center">'); document.write('<a href="javascript:showimage('+((6*r)+c)+')" onClick="document.f.b.focus()">'); document.write('<img src="image0.gif" name="img'+((6*r)+c)+'" border="0">'); document.write('</a></td>'); } document.write('</tr>'); } // End --> </script> </table> <br /><br /> <input type="button" value=" " name="b" onclick="init()" /> </form> </center> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/concentration/" target="_blank">kostenlose-javascripts.de</a> <br />