Crow's blog

本文中所使用的JControls、JFunction和ResourceData在前面的《学习HTML5开发RPG游戏》中都有提到，这里不再重述，详细情况，大家可以查看本文最后的源码。1、初始化界面及游戏var DJDDZ={};DJDDZ.Init=function(canvasID){ JFunction.PreLoadData(GMain.URL).done(function

第一步当然是准备工作了。首先，确定你的浏览器版本对HTML5的支持。 其次，准备好工具。Prototype.js 是Sam Stephenson写的一个非常优雅的JavaScript基础类库，对JavaScript做了大量的扩展，而且很好的支持Ajax。JavaScript中对类的定义非常模糊和实现方式也很多，我这里用的是Prototype.js中类的实现。

资源加载

通过分析RPG游戏元素主要分为以下几类：1、容器控件2、文字控件3、按钮控件4、图片控件5、动画控件6、对话框控件7、声音控件8、时钟控件前面六种都是可视的，会显示在画布上。所以为他们写一个父对象，通过继承以提高代码利用率。后两种没有什么共同点，只能单独写了。父对象代码如下：JControls.Control = Class.create({

前面我们已经完成了父对象的编写，现在我们可以通过继承来实现各对象了。1、画布。在游戏中画布只有一张，游戏中显示的东西都是在画布上的。

111

7、对话框用于显示信息。JControls.MessageBox = Class.create(JControls.Object, { initialize:function ($super, argname, argWH, argAString,argP) { //如果没有指定显示位置，则居中显示 if(!argP)argP={x:parseInt

游戏对象主要分为以下几类：1、地图单元2、触发器3、物品4、游戏角色地图单元是组成地图的单元格，地图单元中可以放置触发器，主角行走在单元格上会触发放置的触发器事件。触发器只是一个统称，它具体之后可以是宝箱、传送阵等，可以控制游戏的进度。物品包括装备、药品等游戏角色可分为主角和NPC。1、地图单元地图单元可设置游戏角色是否可以通行，代码如下：var

游戏界面包括地图，主角及操作界面。1、地图要显示地图，首先我们要有地图数据，为了方便编辑，需要一个地图编辑器，这里我就随机生成迷宫地图来获取地图数据。随机生成迷宫地图方法如下：GFunction.createMap=function(){//自动生成迷宫地图 var autoMapNum=0;//使用的迷宫地图图片编号 var cells=[];//记录地图数据，（

3、战斗界面战斗界面是经典的回合制战斗界面，其代码如下：GFunction.loadBattlePanel=function(){//加载战斗界面 GMain.BattlePanel.clearControls(); var battlePanel=new JControls.Panel({x:0,y:0},GMain.Size); battlePanel.setB