最近没事,业余时间开发了一个打砖块的小游戏。在这里和大家一起分享下,不足之处还望过路的各位大神多多指教。想详细了解源码的可以访问http://www.11what.com或者加群
首先是要创建一个游戏面板。
<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