经典90版h炸问鼎pg官方入口金花app下载免费单机版/金币版/苹果版tml坦克大战小游戏代码
194,208为canvas中的位置 this.ctx.drawImage(RESOURCE_IMAGE, POS["stageLevel"][0], POS["stageLevel"][1], 78, 14, 194, 208, 78, 14); //14为数字的宽和高，308, 208为canvas中的位置 this.levelNum.draw(this.level,308, 208); //this.ctx.drawImage(RESOURCE_IMAGE,POS["num"][0]+this.level*14,POS["num"][1],14, 14,308, 208,14, 14); //绘制地图,调用main里面的方法 initMap(); }else if(this.temp == 225 + 600){ //600即调用了600/15次，enter射击。 网页坦克大战小游戏源码，坦克页面小游戏， 演示地址http://www.bokequ.com/show/youxi/1/ 电脑键盘操作说明： 玩家1：wasd上左下右，主要用来停顿 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：方向键，
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上左下右，p上一关。enter射击。经典90版html炸金花app下载免费单问鼎pg官方入口机版/金币版/苹果版坦克大战游戏代码。n下一关，</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：方向键，p上一关。
- 最近发表
- 随机阅读
-
- (dedecms)mysql数据库表前缀批量替换修改
- 酷炫无比的无穷隧道3d特效
- 纸张撕裂404错误页面动画效果
- 个人博客网站SEO优化20个技巧
- 35dir网站分类目录源码v2.2(纯净版)
- 多功能二维码在线生成网站源码
- 网站SEO内容优化注意事项
- boke字母拼音是什么意思?
- CSS3变形效果transform
- 海信Vidda C3 Ultra投影仪震撼预售：革新光学技术，实现1.67倍变焦，三色激光引领，国补价仅8999元！
- boke字母拼音是什么意思?
- CSS文本样式字体font
- These Crypto Assets Dumped the Most as the Total Market Cap Shed Over $200B (Weekend Watch)
- 分类目录缩略图自动截图/生成api有哪些
- These Crypto Assets Dumped the Most as the Total Market Cap Shed Over $200B (Weekend Watch)
- wordpress隐藏文章部分内容需要注册登录后可见
- 网站网页内容文字禁止复制如何解决?
- 织梦提示Fatal error: Call to undefined function make
- WordPress博客网站301重定向的两种方法
- 鼠标控制图片左右无缝滚动js特效
- 搜索
-
- 友情链接
-