JS 小游戏
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
var mapBlock=3;//3*3个单元格
var mapWH=300;//地图的大小
var tabobj;
var imgsrc="/cvbnm/35/b7/8f/4e78358bc9f1b80a62a749d04bf409d8.jpg";
var backgroundPositionArr;
function createMap()
{
backgroundPositionArr=new Array();
document.getElementById("imgid").src=imgsrc;
tabobj=document.createElement("table");
tabobj.style.width=mapWH+"px";
tabobj.style.height=mapWH+"px";
tabobj.border="0";
tabobj.cellspacing="0";
tabobj.style.backgroundColor="rgb(223,223,223)";
var tbodyobj=document.createElement("tbody");
for(var i=0;i { var trobj=document.createElement("tr"); for(var j=0;j { var tdobj=document.createElement("td"); tdobj.id=i+"_"+j if(!(i==mapBlock-1&&j==mapBlock-1)) { tdobj.style.backgroundImage="url("+imgsrc+")"; tdobj.style.backgroundRepeat="no-repeat"; tdobj.style.backgroundPosition=(-j)*(mapWH/mapBlock)+"px "+(-i)*(mapWH/mapBlock)+"px"; backgroundPositionArr.push((-j)*(mapWH/mapBlock)+"px "+(-i)*(mapWH/mapBlock)+"px"); } var txt=document.createTextNode(""); tdobj.appendChild(txt); trobj.appendChild(tdobj); } tbodyobj.appendChild(trobj); } tabobj.appendChild(tbodyobj); document.getElementById("map_div").appendChild(tabobj); randomMap(); setMessageDivSize(); startDate(); nowDate(); } function setMessageDivSize() { document.getElementById("message_div").style.width="180px"; document.getElementById("message_div").style.height=document.getElementById("map_div").o ffsetHeight-2+"px"; } function startDate() { document.getElementById("startDate").value=new Date().toLocaleTimeString(); } function nowDate() { document.getElementById("nowDate").value=new Date().toLocaleTimeString(); setTimeout("nowDate()",1000); } function yxbs() { document.getElementById("yxbs").value=document.getElementById("yxbs").value-0+1; } function keyDown(e) { var keyvalue=e.keyCode; if(keyvalue==38)//上 { blockMove(1,0); } else if(keyvalue==39)//右 { blockMove(0,-1); } else if(keyvalue==40)//下 { blockMove(-1,0); } else if(keyvalue==37)//左 { blockMove(0,1); } } function blockMove(x,y) { var blockx=-1; var blocky=-1; for(var i=0;i { for(var j=0;j { if(document.getElementById(i+"_"+j).style.backgroundImage=="") { blockx=i; blocky=j;