经典90版h赏金女王app下载官方在线网投官网tml坦克大战小游戏代码
</h3> </head> <div class="main clearfix"> <div id="canvasDiv" > <canvas id="wallCanvas" ></canvas> <canvas id="tankCanvas" ></canvas> <canvas id="grassCanvas" ></canvas> <canvas id="overCanvas" ></canvas> <canvas id="stageCanvas" ></canvas> </div> </div> </div><!-- /container --> </body></html> 部分js代码var Stage = function(context,l){ this.ctx = context; this.ctx.fillStyle = "#7f7f7f"; this.drawHeigth = 15; this.level = l; this.temp = 0; this.dir = 1; //中间切换的方向,space(空格键)射击;玩家2:方向键,n下一关,坦克页面小游戏,2:展开 this.isReady = false;//标识地图是否已经画好 this.levelNum = new Num(context); this.init = function(level){ this.dir = 1; this.isReady = false; this.level = level; this.temp = 0; }; this.draw = function(){ if(this.dir == 1){ //temp = 15*15 灰色屏幕已经画完 if(this.temp == 225){ //78,14为STAGE字样在图片资源中的宽和高,
html页面代码
<!DOCTYPE html><html lang="zh" class="no-js demo-1"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="js/jquery.min.js"></script> <script src="js/Helper.js"></script> <script src="js/keyboard.js"></script> <script src="js/const.js"></script> <script src="js/level.js"></script> <script src="js/crackAnimation.js"></script> <script src="js/prop.js"></script> <script src="js/bullet.js"></script> <script src="js/tank.js"></script> <script src="js/num.js"></script> <script src="js/menu.js"></script> <script src="js/map.js"></script> <script src="js/Collision.js"></script> <script src="js/stage.js"></script> <script src="js/main.js"></script> <link rel="stylesheet" type="text/css" href="css/default.css" /> <style type="text/css"> #canvasDiv canvas{ position:absolute; } </style> </head> <body> <div class="container"> <head> <h3>操作说明:玩家1:wasd上左下右,enter射击。194,208为canvas中的位置 this.ctx.drawImage(RESOURCE_IMAGE, 官方在线网投POS["stageLevel"][0], POS["stageLevel"][1], 78, 14, 194, 208, 78, 14); //14为数字的宽和高,赏金女王app下载官网1网页坦克大战小游戏源码,n下一关,p上一关。p上一关。enter射击。主要用来停顿 this.temp = 225; this.dir = -1; START_AUDIO.play(); }else{ this.ctx.fillRect(0, this.temp, 512, this.drawHeigth); this.ctx.fillRect(0, 448 - this.temp - this.drawHeigth , 512, this.drawHeigth); } }else{ if(this.temp >= 0){ this.ctx.clearRect(0, this.temp , 512, this.drawHeigth); this.ctx.clearRect(0, 448 - this.temp - this.drawHeigth, 512, this.drawHeigth); }else{ this.isReady = true; } } this.temp += this.drawHeigth * this.dir; };};
玩家2:方向键,
演示地址http://www.bokequ.com/show/youxi/1/
电脑键盘操作说明:
玩家1:wasd上左下右,
- 最近发表
- 随机阅读
-
- 小米米家扫拖机器人 M40 S 国补后立打7折:从高价到低价,实惠与实用并存
- 个人网站香港主机野草云选购
- 网站SEO内容优化注意事项
- 个人网站被恶意镜像解决方法
- WordPress提示缺少临时文件夹错误原因
- 仿新浪微博个人主页html网站模板
- 个人网站文章撰写建议及规范
- html+js简洁的音乐播放器,总有一款适合你
- WordPress多功能新闻积分商城主题LensNews2.2
- 易优eyoucms模板源码安装教程
- 图片/书本的文字如何快速提取(复制)?
- 小米米家洗衣机Pro蓝氧新上市:洗净比高达1.27,仅需1367元起,省钱又实用!
- javascript关系运算符与逻辑运算符
- 利用excel分析IIS服务器日志
- 健康能量评估神器荣耀手表 Fit正式发布:轻享运动健康,499元起,你准备好了吗?
- jquery自适应屏幕图片瀑布流布局代码
- 宝塔Linux面板地址/用户名密码忘记找回方法
- 注册的域名怎么出售卖出去,域名交易渠道有哪些
- 新浪微博主页侧边栏跟随页面滚动代码
- 知麻Z2 MINI投影仪限时特价!秒杀价仅需764.15元,真香!
- 搜索
-
- 友情链接
-