这周学习最多还是HTML 在制作一款小游戏,感觉挺有趣的。C语言不是很懂。
这是小游戏的代码都还没完成,还要加限制时间和进入下一关还有开始的设计才是成功的
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>趣味小游戏</title><script type="text/javascript">
var currImg1=-1;var lastImg1=-1;var n;var count=0;var isUsed= new Array;var myArray=new Array(13);
function mySort() { return Math.random()>.5; }
function init(row, col)
{ var n=(row*col)/2; for(var k=0;k<(n*2);k++) { isUsed[k]=false; } for(var k=0;k<n;k++) { myArray[k]=( Math.round( Math.random()*18)); myArray[k+n]=myArray[k]; } myArray.sort(mySort); var str='<table name="myT" border="1" width="300" height="300">'; for(var i=1;i<=row;i++) { str+="<tr>"; for(var j=0;j<col;j++) { str+="<td οnclick='judge("+ ((i-1)*col +j )+");'>" str +="<img id='img_"+ ((i-1)*col +j )+"' src='photo/image0.gif'/>" str+="</td>"; } str+="</tr>"; } str+= "</table>" document.getElementById("mt").innerHTML=str;}function createTable(){ var row=document.getElementById("t1").value; var col=document.getElementById("t2").value; init(row,col);}
function judge(temp)
{ if(isUsed[temp]) return; isUsed[temp]=true; lastImg1=currImg1; currImg1=temp; var currImg=document.getElementById("img_"+temp); currImg.src="photo/image"+myArray[temp]+".gif"; //alert(myArray[temp]); if(currImg1>=0 &&lastImg1>=0) { if(myArray[currImg1]==myArray[lastImg1]) { alert("匹配成功"); count++; currImg1=lastImg1=-1; if(count>=n) { alert("游戏结束,进入下一关"); } } else { var lastImg=document.getElementById("img_"+lastImg1); lastImg.src="photo/image0.gif"; isUsed[lastImg1]=false; } }}</script></head><body>
<div id="mt">test</div><input type="text" value="3" id="t1"/><input type="text" value="4" id="t2"/><input type="button" value="生产表格" onClick="createTable();"/></body></html>