lufy小屋

愤怒的小鸟是一款人气火爆的益智游戏，现在我试着用lufylegend库件和Box2dWeb物理引擎来看看在html5中如何制作此类经典的物理游戏。准备工作一首先，你需要下载lufylegend库件1.4.1版http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb你可以到这里下载http://code.google.com/p

今天开始脚本设计的第二部分，战棋游戏的开发。战棋游戏中我尤其喜爱光荣的英杰传和曹操传，我的多平台游戏三国记，也是以三国志曹操传为模板而开发的。本次也不例外，就从曹操传的移植为基础来开发，再进行扩展，从而实现自己的战棋游戏的开发。熟悉曹操传的朋友们都知道，曹操传分为R剧情部分和S战场部分，R剧情部分是以讲故事的形式展开的，好的游戏离不开好的剧情，所以我认为R剧情在游戏中是非常重要的。当然，也有很多玩

按钮按钮在任何程序中都是必不可少的，本次先来看看如何脚本来实现按钮的各种功能。文章中要实现的几个脚本如下。/*游戏脚本的设计与开发 第六章*///添加按钮Button.add(layer01,button01,null,50,50,ok_button_up,ok_button_over,null);function function_test01(); //移除按钮 Button.r

本章来实现一下如何用脚本来读取一张图片，将其显示到画面中，并且对图片进行一些缓动变换等操作。本章预备实现一下几个脚本/*游戏脚本的设计与开发 第四章*///读取图片数据Load.img(backdata,lufy_legend.jpg);显示图片Img.add(-,backimg01,backdata,0,0,100,100,1);对图片进行缓动操作Img.transition(b

本章来解析一些无论在任何语言中都必不可少的脚本语法，分别是注释，变量，函数，条件语句，脚本格式如下。/*游戏脚本的设计与开发 第三章*///设定变量num的值为5Var.set(num,5);//条件语句脚本测试if(@num>10); Var.set(name,lufy);elseif(@num>4); if(@num==5); Var.set(name,你好); els

上一篇《游戏脚本的设计与开发》-序中我介绍了游戏脚本的基本概念和准备工作，本篇来说说具体如何解析一个脚本所谓解析脚本，就是按照自己定义的语法，将每一个脚本命令还原成不同的代码逻辑进行执行，比如，我规定绘制一个矩形的脚本draw rect和一个绘制圆的脚本draw arc那么，当我读取到了字符串“draw rect”的时候，就在屏幕上画一个矩形，读取到了字符串“draw arc”的时候，就在屏幕上画

终于到了攻击部分了，战棋游戏中的攻击，主要分为物理攻击和法术攻击，本章就先从物理攻击讲起。物理攻击又分为普通攻击，连击（双击），以及致命攻击，再复杂一点的还有其他特殊攻击，比如我的《三国记-乱世群雄》游戏里面，张飞的三次攻击，关羽的多人攻击等特殊的技能攻击。我依然从简单开始，先来看看如何来实现一下普通攻击，攻击的过程是，1，A对B进行攻击。2，B受伤或者档格。3，如果A在B的攻击范围之内，则B会进行一次反击。4，A受伤或者档格。

上次已经让我军，友军和敌军都出现在了战场上，本章来说说如何让一个部队在战场上进行移动。在战棋游戏中，我军回合行动的时候，点击我军的某一个部队，会出现选择列表，选择【部队移动】一项后，会出现该部队可能移动的范围，然后点击范围内的某一位置，则部队就会向着这个位置移动。在这一过程中涉及到两个算法，一个是部队移动范围的搜索，另一个就是部队移动时的寻路算法。复杂指数来说，寻路算法相对复杂一些，之前研究AS3的时候，曾经写过一篇A*寻路的分析文章<a href="http://blog.csdn.net/lufy_le

上一章介绍了如何读取和解析一个脚本，其实，对于一个游戏来说，文字的显示和操作是最基本的组成元素之一，本章进入正题，就先从文字显示开始讲解一下。显示一个文字，就是将文字绘制到游戏界面上，而在lufylegend.js引擎中，要显示一个文本，只需要将LTextField对象添加到LSprite对象之上。首先，为了便于操作游戏中的所有对象，我们来新建一个“仓库”LScriptArray，用于保存游戏中各

很多人一定会说，js开发根本不需要什么MVC，用了就是给自己找麻烦。在这里，我不去讨论需不需要的问题，只是我个人感觉这次的开发使用了MVC模式之后，代码各个模块确实一目了然，维护和扩展都相对方便了许多，很适合大中型的开发，当然对于小程序而言，也确实没有使用MVC的必要。现在我将这个框架公开，并在这里简单说明一下它的用法，这个框架是我在很短的时间内完成的，所以一定存在很多不完善的地方，如果你有更好的想法，也欢迎提出来一起讨论。

lufylegend.js是一个开源的HTML5游戏引擎，在游戏中往往会有各种的动画，这些动画有些是flash文件，有些是视频文件，本次就来利用lufylegend制作一个帅气的游戏动画。

我之前也写过一个短篇系列《零基础开发RPG游戏开源讲座》，介绍的也比较简单，这次我会更深入也更具体的介绍一下RPG游戏的开发过程。话说好久没有更新博客了，其实这段时间主要是工作忙，没时间。那又是什么刺激了我呢，为什么又有时间了呢？原因有两个，第一个，前两天看到一款战棋网游《三国志を抱く》，这款游戏和我在家偷摸儿设想的游戏竟然出奇的相同，原来我一直想要做的事儿，在我还在抱怨没有时间的时候，已经被其他人做了，这着实让人感慨，也极其让人不爽。这也让我觉得，我再不做点儿什么的话，自己可能会遇到更不爽的事儿。有

现在越来越多的人开始尝试使用HTML5开发，HTML5的引擎也逐渐增多，开发者到底应该选择一款什么样的引擎呢？这一次我来对比一下几个我个人认为还不错的引擎的效率。本次参加对比的引擎：1. createJS，2. cocos2d-HTML5，3. enchant.js，4. lufylegend.js

HTML5中的像素处理，需要用到getImageData和putImageData两个函数，先用getImageData复制canvas画布中的像素数据，然后对获取的像素数据进行处理，最后再通过putImageData将处理完的数据粘贴到canvas画布。我们不妨把中间处理像素的过程称作像素的批处理，由于像素的复制和粘贴是两个比较费时的过程，为了更高效的对像素进行处理，我们应该在一次批处理过程中尽

一，lufylegend.js是什么？lufylegend是一个HTML5开源引擎， 它实现了利用仿ActionScript3.0的语法进行HTML5的开发，包含了LSprite，LBitmapData，LBitmap，LLoader，LURLLoader，LTextField，LEvent等多个AS开发人员熟悉的类， 支持Google Chrome，Firefox，Opera，IE9，IOS，A

简单说，游戏脚本就是依据一定的格式编写的可执行文件，游戏可以通过脚本中自定义的语句来执行相应的逻辑。举个例子，舞蹈演员随着音乐翩翩起舞，其实音乐在这里就担当了脚本的角色，音乐里记录了每一个舞蹈动作，舞蹈演员根据自己的专业知识，将这些音乐转换为优美的舞姿。游戏也一样，游戏脚本里记录了游戏的控制语句，游戏引擎将这些控制语句进行解析，转换为生动的游戏画面。

一个RPG游戏中会触发各种各样的剧情，让某个人物的动作改变，或者让某个人移动到另一处，或者让某个人物从战场上消失，或者会播放一段动画，或者会切换游戏场景，等等吧，这些都要通过脚本来动态的控制。我在序章中就已经说了，一个优秀的游戏脚本，通常能控制游戏中的一切。本次先来实现一下几个游戏指令，以后会再进行扩展。・人物角色按照绝对坐标进行移动・人物角色以自己为参照物，按照相对坐标进行移动・人物角色以指定人物为参照物，按照相对坐标进行移动・人物方向和动作的改变（等待动作结束）・人物方向和动作的改变（不等待

我不止一次在文章中说过游戏分层的重要性，处理好游戏显示层的划分和这些显示层的顺序，就可以完美控制游戏中各元素的显示和遮挡，本章来使用脚本来实现游戏显示层的划分，并且在显示层上绘制各种图形。文章中要实现的几个脚本如下。/*游戏脚本的设计与开发 第五章*///添加显示层Layer.add(-,layer01,100,100);//清空显示层Layer.clear(layer01);//移

脚本系列文章写了好几篇了，大家可能都不清楚这些脚本有什么用，游戏中如何能应用到这些东西。当然，目前所介绍的内容还只是个简单的开头，说到做游戏还远远不够。不过，本次就使用前几章所介绍的内容，先来尝试一下如何使用脚本来制作一款简单的游戏（其实也算不上游戏了）。打字机效果对话在游戏中是很常见的，在开始本章的内容之前，先来扩展一下ScriptText类，加入一下三个标签，来控制打字机效果显示文字。/*游

上一节中 给地图加入了遮挡功能，尝试着加入了一个可以控制的测试人物，并且实现了人物行走时的各个动作变换的控制。本节中接下来要做的事情就是把之前的工作全部脚本化，并且使用游戏脚本加入多个人物角色。另外，一个RPG游戏怎么能够没有对话呢，本节中通过点击地图上的人物，来实现游戏中的对话功能。文章中贴出的只是部分主要的代码，你在看的时候，有些代码可能会不理解，这个不要紧，最后我会放出完整源码的下载。

背包系统在游戏中是必不可少的，在游戏中,所有获得的物品都会储存在背包里面。背包的种类，我一般将它分成两大类，一种是类似于《吞食天地》的“个人背包”，在游戏中每个人物都有一个背包，每个人的背包都互不影响，并且每个人只能使用自己背包中的物品。另一种是“集体背包”，游戏中所有己方的人物都共用一个背包，大多数游戏都采用这种形势。下面我们就来实现一下“集体背包”。

上一节中已经介绍了RPG游戏中地图怎么实现，在RPG游戏的地图中通常有各种遮挡，比如人物站在房屋的后面的时候，房子应该遮挡住人物，这就涉及到各种建筑物和人物的排序显示。另外，上一节中我为了测试地图，已经添加了一个简单的人物类Character，这个类是我从其他游戏中拷贝过来的，本次除了介绍地图上的遮挡之外，也会详细介绍一下一个人物类的具体实现方法，包括它的动作改变，方向变换以及行走。

地图跳转，顾名思义，就是从一张地图跳转到另一张地图（这不是废话嘛），体现在游戏程序中，就是当人物走到了某一个坐标区域，或者在游戏中触发了某事件之后，游戏程序将当前地图和地图上的所有东西清除，简单说就是清空画面，然后再加载另一张地图并显示。我们把游戏中事件的触发归类到任务系统中，本次来实现人物移动到某个坐标区域后的地图跳转，要实现这一过程，大约是下面的四个步骤：1，地图跳转的坐标区域的设置。2，人物移动时，与地图上所设置的坐标区域的判定。3，画面清空。4，新地图加载。

队员列表的作用就是保存我方能够参战的人员的信息，简单来说一个数组就可以完成。但是我们需要考虑，这个数组里需要保存哪些信息，对于早期简单的RPG游戏来说，比如《勇者斗恶龙》，《吞食天地》等，每个人的相应等级的能力是固定的，所以对于这些游戏来说，只需要保存人物的ID和等级就足够了。但是现在游戏都讲究多样化，如果还这样做，恐怕就该被吐槽了。当然，不怕被拍砖的话，你可以说，我们是资深的剧情派，只要剧情好，其他的都是浮云。我的脑袋已经是扁的了，不能再被拍了，所以我希望这个功能可以相对的容易扩展一些，能够满足我后面的一

所谓自动战斗系统就是战斗从开始到结束无需任何操作，其实自动战斗的胜负结果在战斗开始的时候已经决定了，战斗的画面只是还用来显示或者说回放这一战斗的过程，这种战斗方式开发成本较低，而且因为不用长时间的操作，很适合上班族们玩，所以这种战斗方式被广泛应用于页游中，比如《神仙道》，比如《三十六计》，再比如《修仙三国》。对于单机游戏来说，这种方式是不太可取的，但是我这个脚本最终也并不一定用来做单机，而且有朋友急着要一个战斗系统，我就先在这里简单的实现一下这种战斗，而传统的可操作的RPG回合制战斗方式我后面会花大功夫来讲

lufylegend是一个HTML5开源引擎， 它实现了利用仿ActionScript3.0的语法进行HTML5的开发，包含了LSprite，LBitmapData，LBitmap，LLoader，LURLLoader，LTextField，LEvent等多个AS开发人员熟悉的类， 支持Google Chrome，Firefox，Opera，IE9，IOS，Android等多种热门环境。利用lufylegend可以轻松的使用面向对象编程，并且可以配合Box2dWeb制作物理游戏， 另外它还内置了LTween

因为上一篇雷电的开发中，有朋友反应不太理解，本篇将以零基础的视点，来讲解如何开发一款RPG游戏。在游戏的世界里，我们可以看到各种地图，各种游戏人物，看到人物在地图上行走，对话等，无论是地图还是人物，其实都是图片的处理与显示，把不同的图片显示到屏幕上，我们就看到不同的游戏界面，要想让这些图片同时显示到界面上，我们就需要处理好层次，让他们来分层显示，我们可以想象，如果游戏人物显示在地图的下层的话，显然

首先，本篇文章是零基础开发RPG游戏-开源讲座系列文章的第四篇，来实现游戏的脚本化，和利用游戏脚本实现地图场景的切换，离上次更新貌似很长时间了，你在看下面的文字之前，需要先了解前三篇在下啰嗦了些什么东东。html5游戏开发-零基础开发RPG游戏-开源讲座(一)http://blog.csdn.net/lufy_legend/article/details/7063316html5游戏开发-零基础开

用仿ActionScript的语法来编写html5——终篇，LegendForHtml5Programming1.0开源库件终篇，LegendForHtml5Programming1.0开源库件此贴为旧版，库件1.4.1版已经发布http://blog.csdn.net/lufy_legend/article/details/7751425一,LegendForHtml5Programming1.

这是一个用ActionScript3.0开发的游戏脚本引擎，用脚本文件可以控制游戏中所有的组件以及剧情。之前也研究过战棋游戏的制作，也写过两篇文章，但是代码写的比较乱，所以重新整理了下，做成了引擎。做这个引擎的目的，一个是兴趣，二是不想那么多优秀的作品，全都出自国外游戏的引擎。另外，如果你想你的游戏可以光明正大的商业化的话，那么也许这个引擎可以帮到你。当然，也许你会说在中国并不存在

※本篇为LegendForFlashProgramming脚本引擎的使用教程第一篇。 一,关于LegendForFlashProgramming脚本引擎http://blog.csdn.net/lufy_legend/article/details/6889424二，准备工作本次用LegendForFlashProgramming0.1来制作，你需要SanguojiFo

※本篇为LegendForFlashProgramming脚本引擎的使用教程第二篇。 一,关于LegendForFlashProgramming脚本引擎http://blog.csdn.net/lufy_legend/article/details/6889424二，准备工作本次用LegendForFlashProgramming0.1来制作，本篇教程基于三国记黄巾之乱

一,LegendForFlashProgramming脚本引擎是什么?它是一个用ActionScript3.0开发的游戏脚本引擎，游戏里的所有元素都可以由脚本语言来控制，它可以轻松制作一款SLG游戏，即使你完全不会写程序，从而降低了游戏开发的难度。二，该引擎可以制作什么样的游戏？0.1版本可以制作一款LVG游戏，或者一款小型SLG游戏（类似三国志曹操传系列），计划在之后的版本中会陆续支

第九篇，仿URLLoader读取文件先看看最后的代码function readFile(){ urlloader = new LURLLoader(); urlloader.addEventListener(LEvent.COMPLETE,readFileOk);

第四篇，继承与简单的rpg用仿ActionScript的语法来编写html5——第一篇，显示一张图片http://blog.csdn.net/lufy_legend/article/details/6753032用仿ActionScript的语法来编写

上一篇，我已经模仿as，加入了LBitmap和LBitmapData类，并且用它们实现了静态图片的显示。这次用Sprite来动态显示图片。依然遵循上一篇对显示对象的处理的思路，添加LSprite类，并追加show方法，如下：function LSprite(){ v

第七篇，自定义按钮这次弄个简单点的，自定义按钮。其实，有了前面所定义的LSprite,LBitmap等类，定义按钮就很方便了。下面是添加按钮的代码，function gameInit(event){ backLayer = new LSprite();

用仿ActionScript的语法来编写html5——第五篇，Graphics绘图用仿ActionScript的语法来编写html5——第一篇，显示一张图片http://blog.csdn.net/lufy_legend/article/details/67530

用仿ActionScript的语法来编写html5——第六篇，TextField与输入框一，对比1,html5中首先看看在html5的canvas中的文字显示var canvas = document.getElementById("myCanvas");

这次更新，其实也没加什么太多的内容，主要是为了方便使用，将库件重新封装成了一个文件，大家使用时只需要把lufylegend.js文件引入即可。一，lufylegend.js是什么？lufylegend.js是个javascript库，它的前身是LegendForHtml5Programming，名字太长所以改了，它模仿了ActionScript的语法，包含了LSprite,LBitmapData,