canvas打飞机小游戏
代码语言:html
所属分类:游戏
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BallFight</title> <style> *{margin:0;padding:0}html,body{height:100%;overflow:hidden}#container{margin:0 auto;text-align:center;width:100%;height:100%}#bt{display:none;width:100px;height:auto;position:absolute;background:#2365a7;font:1.5em Arial;font-color:#ceceec;border-radius:15px}#bt:hover{background:#3c4e61} </style> </head> <body> <div id="container"> <canvas id="mycanvas" style="border:1px solid #cecece"> 浏览器不支持canvas </canvas> </div> <input type="button" id="bt" value="restart" onclick="restart();"> <script> document.getElementById('mycanvas').width=document.body.clientWidth; document.getElementById('mycanvas').height=document.body.clientHeight; window.onresize=function(){ document.getElementById('mycanvas').width=document.body.clientWidth; document.getElementById('mycanvas').height=document.body.clientHeight; } var ctx=document.getElementById('mycanvas').getContext("2d"); var W=ctx.canvas.width; var H=ctx.canvas.height; var RESTART=document.getElementById('bt'); var SCORE=0; function windowTocanvas(dx,dy){ .........完整代码请登录后点击上方下载按钮下载查看
网友评论0