[HTML5游戏开发]挑战横版ACT(3)：遇红颜英雄亦多情

[HTML5游戏开发]挑战横版ACT(三)：遇红颜英雄亦多情

本篇是该系列文章第三篇，其他文章请看下面帖子中的目录

http://blog.csdn.net/lufy_legend/article/details/8441677

进行该类型开发的第一个瓶颈，就是素材了，在此多谢网友yorhomwang提供了大量素材网址。

下面是本次开发的成果，大家先预览一下。

本次找到的素材都是gif类型的图片，想要在游戏里使用，需要将gif图片的每一帧动作取出来组成一张新的图片，我用flash制作了一个简单的转换工具，有需要的朋友请直接拿去用就行了，网址如下。

http://lufylegend.com/flash/demo/GifToPng

可以说，黄老将军已经被我凉在战场上有一段日子了，这些天已经无聊到了极点，拿着刀在战场了发疯似得砍着，跑着，咆哮着......

我是在不忍心看下去了，决心继续写几行代码，给他老人家添点乐趣。

首先，先让战场的地图移动起来，总不能怎么跑都在一个地方吧，定义一个变量。

下面增设一个Enemy.js类
 0){self.anime.y += self.yArr[0];}};Enemy.prototype.overActionRun = function (lastAction,animeAction){var self = this;self.callParent("overActionRun",arguments);keylock = false;if(lastAction == ACTION.FALL){if(self.direction == DIRECTION.LEFT){self.x += 80;}else{self.x -= 80;}}};Enemy.prototype.move = function (){var self = this, mx = 0, my = 0;self.mx = mx;self.my = my;self.callParent("move",arguments);};
这个类和Player.js是类似的，都继承自Character类，只是构造器我不在把每一个相关的数组传进去了，太麻烦了，而是传了一个数组list，里面有需要设定的所有参数。
当添加敌人的addEnemy()函数被调用的时候，我们不可能无限制的添加敌人，所以提前准备好，要添加的敌人，和什么时候添加。
Character.prototype.getAttackRect = function(){var self = this;attackList = self.attackList[self.action];if(self.anime.colIndex >= attackList.length)return false;var rect = attackList[self.anime.colIndex];var x = rect[0],y=rect[1],w=rect[2],h=rect[3];if(x == 0 && y == 0 && w == 0 && h == 0)return false;y += self.y;if(self.direction == DIRECTION.LEFT){x = self.x - x - w;}else{x = self.x +x;}return new LRectangle(x,y,w,h);}Character.prototype.getHertRect = function(){var self = this;var hertList = self.hertList[self.action];if(self.anime.colIndex >= hertList.length)return false;var rect = hertList[self.anime.colIndex];var x = rect[0],y=rect[1],w=rect[2],h=rect[3];if(x == 0 && y == 0 && w == 0 && h == 0)return false;y += self.y;if(self.direction == DIRECTION.LEFT){x = self.x - x - w;}else{x = self.x +x;}return new LRectangle(x,y,w,h);}
好了，剩下的敌人的AI和声效等部分，咱们留着以后再继续。现在，大家可以点击下面的测试连接，看看本次的成果了
http://lufy.netne.net/lufylegend-js/act03/index.html
黄老将军听说即将登场的是孙尚香后激动不已，那叫一个美啊，眼睛整个眯成了一个心形，大吼着，尚香啊，老夫等你几百年了。这是在令我大吃一惊，孙尚香不是刘备老婆吗，是这老家伙的主子啊，这真是太不像话了。可老将军在一旁兴奋的吼着，“靠！我会让你知道我暗恋她几百年吗？老夫绝对不会承认的。”，“如果当年我年轻个几十年，呸，我怎么会这么想，她毕竟是主公的老婆。”，“不对，主公也老了。啊，老夫可是忠臣，我是不会跟主公抢的。”，“老夫什么都没说。lufy,你给我听着，老夫什么都没说。”。我急忙说“啊啊，我什么都没听见啊……”
不过，这有什么用啊，这老家伙一上场，就开始往前跑，边跑边嘟囔“妞，给大爷摸一个……”。由于某种原因，这里省略1000字。
终于，孙尚香出现了，老黄忠一下子就扑了过去，刚伸手去摸了一把，就发现孙尚香被他打的满地跑，立马吼道“lufy,老夫要的是摸，不是砍啊”。
lufy:“哼哼，老色鬼，我岂能给你方便，让你得逞……”，另外他还不知道在前面，还给他准备了另一个黄忠，一个孙尚香，看他们怎么抢吧，哈哈。
唉，真是：
神箭威名数黄忠，斩将杀敌显神通。百年宝刀仍未老，一遇红颜梦成空。
源码
现在给出本次源码下载，喜欢的可以看一下。
http://fsanguo.comoj.com/download.php?i=act03.rar
注意：该附件只包含本次文章源码，lufylegend.js引擎请到http://lufylegend.com/lufylegend进行下载。
转载请注明：转自lufy_legend的博客
欢迎继续关注我的博客
http://blog.csdn.net/lufy_legend


2楼tiancanbian昨天 18:11
给力
1楼li_star昨天 14:33
牛逼  顶起