自己动手教你一步一步开发打砖块（小游戏）

最近没事，业余时间开发了一个打砖块的小游戏。在这里和大家一起分享下，不足之处还望过路的各位大神多多指教。想详细了解源码的可以访问http://www.11what.com或者加群

188087193讨论

 

首先是要创建一个游戏面板。

<div id="gamepanel">
 </div>

对应的css为#gamepanel{position:absolute;left:50%;top:50%;width:732px;height:372px;background:#afdfe4;margin-left:-366px;margin-top:-186px;}

 

 

然后利用js创建砖块、球、以及板

//生成砖块
   function proZK(){
    var gamePanel = document.getElementById('gamepanel');
    var l = 6;
    var t = 20;
    var initL = 6;
    var row = 1;
    var rowsuo = 60;
    for(var i=1;i<=210;i++){
     if(i==61||i==111||i==151||i==181||i==201){
      l = initL+row*rowsuo;
      t=t+12;
      row = row+1;
     }
     eval('var zk'+i+'=document.createElement("zk")');
     eval('zk'+i+'.className="zk"');
     eval('zk'+i+'.setAttribute("name","zk")');
     eval('zk'+i+'.id="zk'+i+'"');
     eval('zk'+i+'.style.left="'+l+'px"');
     eval('zk'+i+'.style.top="'+t+'px"');
     eval('gamePanel.appendChild(zk