用javascript 面向对象制作坦克大战（四）

【用javascript 面向对象制作坦克大战（四）】的更多相关文章

javascript 面向对象制作坦克大战（一）

PS:这个坦克大战是在网上下的一段源码之后,自己进行的重写. 写这个的目的是为了巩固自己这段时间对js的学习.整理到博客上,算是对自己近端时间学习js的一个整理. 同时也希望可以帮助到学习js的园友.由于自己也是刚学js不久,所以难免出现错误.如果发现希望给予指正. 这个教程适合熟悉js基本语法和面向对象语法的园友学习. 本身没有太难的东西,这个案例将js面向对象用的比较好,可以作为js面向对象的入门教程. 1. 创建基本对象,实现坦克简单的移动. 1.1 如何在地图中绘制画布…

用javascript 面向对象制作坦克大战（四）

我们现在还差一个重要的功能,没错,敌人坦克的创建以及子弹击中敌人坦克时的碰撞检测功能. 5. 创建敌人坦克完成炮弹碰撞检测 5.1 创建敌人坦克对象敌人坦克和玩家坦克一样,同样继承自我们的坦克对象.所以我们在Tank.js中写入以下代码: // 敌人坦克对象 EnimyTank = function () { this.Direction = EnumDirection.Down; this.BombNum = 1; this.UI = UtilityClass.CreateE("div…

用javascript 面向对象制作坦克大战（三）

之前,我们完成了坦克的移动和地图的绘制,这次我们来完成碰撞检测和炮弹的发射. 上代码前来张最新的类图: 3. 碰撞检测前面我们已经完成了坦克的移动和地图的绘制,下面我们开始写碰撞检测. 3.1 创建碰撞检测对象我们创建一个对象来做碰撞检测,由于碰撞检测都是在对象移动的时候进行的所以我们让Mover继承我们的碰撞对象. HitTestObject.js: // 碰撞检测对象继承自顶级对象 HitTestObject = function () { } H…

用javascript 面向对象制作坦克大战（二）

2. 完善地图我们的地图中有空地,墙,钢,草丛,水,总部等障碍物. 我们可以把这些全部设计为对象. 2.1 创建障碍物对象群对象群保存各种地图上的对象,我们通过对象的属性来判断对象是否可以被穿过或被攻击. Barrier.js: // 障碍物基类对象,继承自TankObject Barrier = function () { this.DefenVal = 1; // 防御力 this.CanBeAttacked = true; // 是否可以被攻击 } Bar…

html5制作坦克大战

全部html5都采用绘图技术完成.坦克是画出来的.(坦克,子弹,墙,水,草坪) 首先我们画出坦克. 坦克是两边两个矩形,中间一个大矩形,矩形了有一个圆,还有一根线. 画出坦克的思路是以坦克的左上角为参照点,画出坦克的其他部分. 这样的好处是,当左上角的点发生改变是,坦克才能发生改变. 不使用图片的原因就是图片是比较耗费资源的.因为图片的像素点很大. tankGame1.html的代码 <!DOCTYPE html><html><head><meta charset…

Java坦克大战 (四) 之子弹的产生

本文来自:小易博客专栏.转载请注明出处:http://blog.csdn.net/oldinaction 在此小易将坦克大战这个项目分为几个版本,以此对J2SE的知识进行回顾和总结,希望这样也能给刚学完J2SE的小伙伴们一点启示! 坦克大战V0.4实现功能: 1.写一个Missile类,产生一个可运动的子弹 2.让子弹可以通过按键控制发射,并且从坦克中心发射出来 3.使坦克停下来仍然能发子弹.为坦克添加炮筒,炮筒的方向会随着坦克运动方向而改变 4.能打出多发炮弹 5.解决炮弹不消亡的问题,解决坦…