javascript实现别踩白块儿小游戏程序(2)

function fall(){ 　　　　gameZone=document.getElementById('gameZone'); 　　　　var boarda=document.getElementById('boarda');//因为ab两个游戏板全局一直存在，所以不需要定义找不到时的逻辑 　　　　var anowtop=parseInt(boarda.style.top);//因为获取到的top位置是xxxpx类型，所以用一个parseInt()将其转换为整数便于处理。 　　　　if(anowtop==595){ //这里数目为595而不是600是因为在这一帧删除后，下一帧正好600px，刚好使两块游戏板衔接完好。 　　　　　　　　gameZone.removeChild(boarda); 　　　　　　　　drawBoard();//删除游戏区域的游戏板，并在最上方新生成一个。 　　　　} 　　　　anowtop+=5; 　　　　boarda.style.top=anowtop+"px"; 　　　　var boardb=document.getElementById('boardb'); 　　　　var bnowtop=parseInt(boardb.style.top); 　　　　if(bnowtop==595){ 　　　　　　　　gameZone.removeChild(boardb); 　　　　　　　　drawBoard(); 　　　　} 　　　　bnowtop+=5; 　　　　boardb.style.top=bnowtop+"px"; 　　　　loc-=5; 　　　　if(loc==0){ 　　　　　　　　clearTimeout(timer); 　　　　　　　　alert("你的得分为："+count+"分！"); 　　　　　　　　return; 　　　　} //每一帧将落地判定减5，当落地判定为0时表示落地，结算分数。 }

将主体调用写在window.onload函数里，使得页面的游戏区域加载完成后再调用函数。

window.onload=function(){ 　　　　drawBoard(); 　　　　fall(); 　　　　var timer=setInterval('fall()',50); }

游戏扩展:

增加页面UI：因为一开始的HTML特别简单，所以UI也很好修改，设置按钮，点击触发开始函数。

改变游戏难度：修改setInterval的值，也可以对judge函数内的间隔数目进行修改，或将下落加速的表达式优化一下。

增加比分排行等：用ajax连接服务器，在游戏结束后将结果写入数据库，并引用数据中的排行榜。

改为街机模式：去除定时，修改judge函数，使其每次点击游戏板下落一个小方格的高度。设置总数，开始计时，结束计时。

您可能感兴趣的文章: