MMORPG网页游戏开发经验分享.pptVIP

* * * * * * * * * * * 采用的框架 开发流程 层次分配 格子 格子存储与定义 格子上的地图 地图分块加载与滚动 A*算法 心跳控制 资源格式 资源加载 事物的架构 人物换装 人物移动 跟随 战斗 宠物 其它 UI MVC 通信 AsWing PureMVC Socket (自定义协议) 加 载 器 加载中心 服务器 加载配置 文件 预加载 素材 角 色 列 表 游戏 Main.swf Load.swf 弹出窗口 角色信息、聊天、菜单、雷达、快捷菜单 地图背景 玩家、NPC、场景效果、技能效果、传送阵 W : H = 2 : 1 W:格子宽度 H:格子高度 存储:通过一个二维 数组存放格子数据 如: [[1,1,1,1,1,1,1,1,1], [1,0,0,0,0,0,0,0,1], [1,0,0,0,0,0,0,0,1], [1,0,0,0,2,0,0,0,1], [1,0,0,2,2,2,0,0,1], [1,0,0,2,2,2,0,0,1], [1,0,0,0,2,0,0,0,1], [1,0,0,0,0,0,0,0,1], [1,1,1,1,1,1,1,1,1]] 定义: 0?可走 1?不可走 2?透明 格子坐标转成地图像素坐标 ： x = (px - (py - offsetY)) * w/ 2; y = (px + (py - offsetY)) * h / 2; offsetY:4 地图像素坐标转成格子坐标： px = Math.ceil(x / w - 0.5 + y / h); py = offsetY - Math.ceil(x / w - 0.5 - y / h); 两个格子之间的距离： dx = p1.x - p2.x; dy = p1.y - p2.y; Math.sqrt(0.8 * Math.pow(dx - dy, 2) + 0.2 * Math.pow(dx + dy, 2)) 0_0 0_1 0_2 0_3 0_4 1_0 1_1 1_2 1_3 1_4 2_0 2_1 2_2 2_3 2_4 3_0 3_1 3_2 3_3 3_4 地图分块命名 0_0 0_1 0_2 0_3 0_4 1_0 1_1 1_2 1_3 1_4 2_0 2_1 2_2 2_3 2_4 3_0 3_1 3_2 3_3 3_4 当前屏幕 地图显示 根据地图坐标算出当前屏幕上所要显示的地图分块坐标，并依次加载。 根据地图坐标算出屏幕上所要显示的地图分块坐标，并从加载类中取出这些分块图片的BitmapData，通过copyPixels复制地图显示上去。 未下载好的分块则从缩略图取。 地图显示 加载类 绘制类 加载完成通知 取数据 通知加载图片 网上相关介绍有很多，也有很多种强化方法。 在这里主要介绍A*算法结合二叉树 1 2 5 4 8 二叉树结构图 原理：由于A*算法会频繁的对数据遍历得到最小值，通过二叉树可以节省遍历，快速得到最小值，速度比原来提高了30%，格子越多，效果越明显。 二叉树存储方式：[1，2，5，4，8]，数组中第一位是它的最小值 Timer ENTER_FRAME setInterval() setTimeout() FrameTimer 心跳机制：Event.ENTER_FRAME 提供方法： add(delay:int, repeat:int, fun:Function) remove(fun:Function) 优点： 综合管理； 避免产生太多的Timer，导制性能下降 Swf,加载后直接控制帧 一张图片,所有的素材都放在一张PNG上,通过Bitmap来切割 多张图片,通过控制调用相对应的图片 传统做法: 推荐做法: 整合成一个文件 存储的数据为二进制 做法:通过PNGEncoder把所有的图片都转成PNG格式字节数组并存储在同一个文件中 优点: 下载减少http请求 别人直接盗用不了 更加灵活控制 3. 可以再加其它参数 BulkLoader Object 获取资源 FrameTimer 没有该资源,去下载 已有资源,返回 下载完成,保存资源 定时释放 基类 NPC 玩家 用户 尸体 宠物 场景效果 传送阵 类图: NPC类层次划分: 坐骑 裤子 外套 武器 武器特效 名字 状态标志 裸体 黑影 技能效果 影子 行为控制器[控制当前显示的方向,动作,帧位置等] 资源加载[在之前已经介绍过了] 裸体 渲染 资源 裤子 渲染 资源 外套 渲染 资源 …… 渲染 资源 换装只需要改变资源路径 寻路 所有坐标 FrameTimer 移动坐标 移动 服务器 发送坐标 取出三个坐标 添加到移动里 取下个坐标 行为控制器 改变方向,动作 跟随接口:IFollowe