Home + Webmaster + Script + Javascript + Giochi + Picture Memory

Picture Memory

Un simpatico gioco di memoria, in pratica devi visualizzare e ricordare un immagine per poi ricostruirla.

<!-- ONE STEP TO INSTALL PICTURE MEMORY:

1.  Copy the coding into the head of your html document  -->

<!-- THREE STEPS TO INSTALL PICTURE MEMORY:

1.  Save the entire first html page as picture-memory.html
  2.  Paste the second code into your page to open the game
  3.  Download the game images and upload them to your server  -->

<!-- Begin
N = (navigator.appName.indexOf("Netscape")!=-1);
M = (navigator.appName.indexOf("Microsoft")!=-1);

Vis = new Array();
Vis[0] = (M) ? "hidden" : "hide";
Vis[1] = (M) ? "visible" : "show";

function GetDiv(divId,divY,divX,divW,divH,bCol,visb,zInd) {
bkCol=(bCol!="")?((N)?" bgColor="+bCol:";background:"+bCol):"";

DivTyp = (M) ? "<DIV" : "<LAYER"
if (M) { Styl=" ID="+divId+" 
style='position:absolute;top:"+divY+";left:"+divX+";width:"+divW+";height:"+divH+bkCol+";visibility:"+Vis[visb]+";z-index:"+zInd+"'>"; }
if (N) { Styl=" ID="+divId+" top="+divY+" left="+divX+" width="+divW+" height="+divH+bkCol+" visibility="+Vis[visb]+" z-index="+zInd+">"; }
document.writeln(DivTyp+Styl);
}
function EndDiv() {
(M) ? document.writeln("</DIV>") : document.writeln("</LAYER>");
}
// End -->
</script>
</head>
<body>
<script language="JavaScript">
 <br><br><font size=-2>You can see your score by taking your cursor off<br>the images above and looking in the browse status bar</font></center>");
EndDiv();
GetDiv('TestPix',300,400,100,100,'',1,1);
document.write("<img src=unknown.gif name=Tester width=100 height=100");
EndDiv();
function StartTest() {
if (M) { eval("document.all.Control2.style.visibility = 'visible'"); }
if (N) { eval("document.layers.Control2.visibility = 'show'"); }
for (x = 1; x < 16; x++) {
if (corr[x] == 0) {
if (M) { eval("document.all.dvTop"+x+".style.visibility = 'visible'"); }
if (N) { eval("document.layers.dvTop"+x+".visibility = 'show'"); }
   }
}
PickRandom();
document.Tester.src = "Pic"+picked+".jpg";
}
function PickRandom() {
chk = 0
while (chk == 0) {
picked = 1+Math.floor(15*Math.random())
if (corr[picked] == 0) { chk = 1; break; }
   }
}
function TestMe(x) {
gnum++;
if (x == picked) { score++; corr[x] = 1; }
if (M) { eval("document.all.dvTop"+x+".style.visibility = 'hidden'"); }
if (N) { eval("document.layers.dvTop"+x+".visibility = 'hide'"); }
if (gnum > 14) {
alert("It's over! Score = "+score);
for (x = 1; x < 16; x++) { corr[x] = 0; }
if (score == 15) alert("And you win!");
gnum = 0;
score = 0;
window.close();
}
setTimeout('StartTest()', 1000);
}
// End -->
</script>
</body>
</html>

Compatibilità: MsIE | Netscape

Screenshot del gioco Picture Memory

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Hosting economico Aruba Approfitta delle offerte e scegli il tuo hosting Linux o Windows a partire da 20,66 € all'anno.

Javascript e DHTML Corso per imparare lo scripting lato client con Javascript adatto a qualsiasi livello di esperienza.

Motori di ricerca & Marketing Indispensabile a chiunque voglia imparare lo splendido lavoro del Web Marketer!

Linux Guida al sistema operativo open-source, completamente gratuito e potente.