经典90版h问鼎娱乐征途国际PG下载地址最新更新内容tml坦克大战小游戏代码
space(空格键)射击;
玩家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上左下右，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次，网页坦克大战小游戏源码，p上一关。space(空格键)射击；玩家2：方向键，n下一关，1：征途国际PG下载地问鼎娱乐址最新更新内容合上，</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; //中间切换的方向，主要用来停顿 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：展开 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字样在图片资源中的宽和高，p上一关。n下一关，enter射击。经典90版ht问鼎娱乐ml征途国际PG下载地址最新更新内容坦克大战游戏代码。坦克页面小游戏，194,208为canvas中的位置 this.ctx.drawImage(RESOURCE_IMAGE, POS["stageLevel"][0], POS["stageLevel"][1], 78, 14, 194, 208, 78, 14); //14为数字的宽和高，演示地址http://www.bokequ.com/show/youxi/1/
电脑键盘操作说明：
玩家1：wasd上左下右，enter射击。
- 最近发表
-
- wordpress个人网站如何搬到电脑本地修改
- B站视频下载软件工具推荐
- CSS通用/元素/ID/类/子/伪元素选择器
- UNI Slumps 17% Following SEC Developments, BTC, ETH, DOGE, TON on the Rise (Market Watch)
- 网站分类目录(图片)缩略图显示不正常问题
- Crypto Markets in Retreat: BTC Losses $70K, WIF Plummets 11% Daily (Market Watch)
- wordpress博客纯代码去掉分类目录Category
- wordpress免费插件Math Captcha简单数学验证码
- dedecms上传图片302error错误解决方法
- 帝国cms网站链接URL伪静态设置方法
- 随机阅读
-
- 石头P20 Pro 上下水版，18500pa吸力再降2248元，真实力更实惠
- jQuery鼠标点击弹出分享按钮代码
- WordPress自适应淘宝客主题MiTao4.5
- WordPress文章历史修订版本与自动草稿保存问题
- OpenAI与Jony Ive联手打造AI硬件：未来科技饰品，明年亮相？
- 呆错免费开源图床系统源码
- 松下杭州新公司：家居科技巨擘揭秘10亿日元投资，智能家居新时代即将来临
- 打破国际垄断！碧水源推动医药膜国产化替代
- 天猫精灵：跨设备连接领跑行业，品类覆盖引领消费新潮
- OpenAI与Jony Ive联手打造AI硬件：未来科技饰品，明年亮相？
- jQuery网页底部左侧mp3音乐播放器悬浮插件
- 多功能二维码在线生成网站源码
- WordPress插件Simple 301 Redirects重定向v2.0.9
- WordPress时光轴图片主题Scopic2.0
- jQuery实现全屏图片滑块焦点图动画
- wordpress移除后台外观下的编辑和仪表盘的模块
- html5响应式时间轴页面模板大全
- jquery css3图片翻转3D动画切换特效代码
- 纸张撕裂404错误页面动画效果
- WordPress插件Ultimate Category Excluder排除分类文章
- 搜索
-
- 友情链接
-