作者:闪刀浪子 www.iflashigame.com

网上看一篇关于目前几个流行flash mmorpg地图实现的分析,这里也想说说自己的一些看法。
常见的三种方式:
1、整图
2、Tile元素拼装
3、栅格化切片

整图

整图加载很好理解直接加载一张背景图。这种方式比较适合小场景(面积不要超过两屏),例如可以用来做悦来客栈、家里的菜园子或者王员外的内院。
整图的表现最大的优点就是可以让美工随意发挥,画面可以做得很细致。当然缺点也比较明显无法做得太大,否则加载将是个漫长的过程,即使玩家有耐心去等待加载,但是会浪费客户端的很多内存容量。一个10屏*10屏的地图,客户端显示每次只能显示一屏,有99屏的东西是暂时用不到的。

Tile元素拼装

Tile就是斜视角地图中的一个标准菱形,这在许多的Tile Game里面最常见(红警、帝国时代)。这种方式会实现准备好各种地形,比如草地、沙漠、水面、雪地。理论上这种方式可以满足任何地图需求。
Tile元素拼装的优点是素材包小,因为他是提取了大量的可重复利用的素材在重复使用。素材包小可以节省素材加载时间。
不过Tile元素拼装的方式也不是谁都可以玩得好的,主要问题其实在于这些可重复利用的素材必须是2方连续的。要想让地图表现力好,Tile的制作比较关键。这并不像整图那样,美工可以大笔一挥画出几种色彩层次。如果Tile素材制作的不好,地图看起来会非常死板。同时Tile元素的制作也必须处理好各种地形的接壤问题。
比如你有4种地形:草地、水面、沙地、雪地,那么你就必须创建草地和水面交界的效果,水面和沙地,沙地和雪地。。。。然后草地和水面的交界你还需要考虑草地的上面有水、下面有水、左边有水、右边有水、左上角。。。。。总之就是,你希望你的地图看起来舒服就必须穷举各种情况,然后还要一遍一遍调整。但是一旦我们做好了这一切,那么将会非常受益。如果你的开发人员有空还可以帮你设计非常好的随机生成算法。(像帝国时代的编辑器)

栅格化切片

栅格化切片他的背景绘制其实还是以整图的方式完成的,只是按照一定的大小把它切成了一些固定大小的小图,比如250*250或者300*300,然后给每张图定好编号,通常是map_行_列。地图加载的时候,我们根据场景的坐标加载需要显示的切片。当然加载的数量通常会比你看到的要多一点,事先预加载一些。
栅格化切片的方式事实上我们在电子地图上见得很多,当然电子地图是可以进行缩放的,所以他所做的切片通常还会配合缩放倍数做不同倍数下面的分割。
使用栅格化切片表现力上跟整图一样,在制作的时候可以让美工任意发挥。同时也能解决一部分内存浪费的问题。这看起来是个非常完美的方案,甚至可以让我们做无缝地图。可是事实并非如此的,尽管我们有着无穷的想象力,但是我们还是会在制作大地图上遇到问题。
第一个问题——地图的设计
我曾经一厢情愿的规划了一张9000px*7500px的地图让美工去做设计,结果问题来了。这样一张大地图在ps里面打开都是一个漫长的过程,每次做一次存盘都可以去喝杯茶了。尽管效果可以很好,但是等待的过程几乎让人吐血。
第二个问题——地图编辑
我们的地图是在自己开发的air编辑器,尽管这时候的地图已经是ps合层好的了,但是在编辑器中操作仍然是个恶梦。

关于障碍数组
其实对于障碍数组也是地图设计中一个需要考虑的问题的因为这会关系到你的路径算法和物体遮挡,最常见的作法就是建立一个2维数组对应到地图中,然后使用A*来实现。当然你也可以不这样记录,直接记录地图上物体底面积形成的多边形。寻径的时候采用两点连线然后绕过障碍定点,遮挡关系也利用这些多边形顶点做计算。甚至你也可以不用2维数组改用object的方式只记录那些被占用了的底面积。。。
但是无论采用什么方式,你的地图大必然参与到引擎中的物体就会多,存储的内容就多。假设你也像我们一样通过2维数组记录障碍,那么数组同样也是限制你实现大地图的一个问题(尽管不是那么明显)。因为你同样会需要浪费到很多内存存大量的暂时用不到的信息。
上面提到了对背景做切割,2维数组如果你愿意也可以做切割来实现随需加载,对于地图上的建筑同样如此。不过我是感觉这样做没有多大意义。从玩家的角度看,真正在乎你的大地图制作的有多少,难道因为你做了个大地图玩家就一定会买账么?

个人建议
实际的开发其实我认为并不一定那种方式更好,取决于公司的开发资源和场景的实际情况,你对客户方的考虑。上面的三种方式我们可以相互结合。
我们可以用Tile拼装的方式结合简单的表随机算法做个平铺工具给美工来快速建立一些地图的局部,让他们直接另存出图片,导入photoshop制作整图。当然如果没时间的话随便找个编辑器也行,反正比photoshop的复制会快很多。
另外,我们可以在设计引擎的时候将整图和栅格化切图的方式一起考虑,对于小场景使用整图加载,对于大场景使用切片加载。

【转载】也谈Flash mmorpg地图问题相关推荐

  1. 也谈Flash mmorpg地图问题【转】

    网上看一篇关于目前几个流行flash mmorpg地图实现的分析,这里也想说说自己的一些看法. 常见的三种方式: 1.整图 2.Tile元素拼装 3.栅格化切片 整图 整图加载很好理解直接加载一张背景 ...

  2. 也谈Flash mmorpg地图问题

    常见的三种方式: 1.整图 2.Tile元素拼装 3.栅格化切片 整图 整图加载很好理解直接加载一张背景图.这种方式比较适合小场景(面积不要超过两屏),例如可以用来做悦来客栈.家里的菜园子或者王员外的 ...

  3. 【转】Flash mmorpg地图问题

    网上看一篇关于目前几个流行flash mmorpg地图实现的分析,这里也想说说自己的一些看法. 常见的三种方式: 1.整图 2.Tile元素拼装 3.栅格化切片 整图 整图加载很好理解直接加载一张背景 ...

  4. 分析flash mmorpg地图的实现

    网上看一篇关于目前几个流行flash mmorpg地图实现的分析,这里也想说说自己的一些看法. 常见的三种方式: 1.整图 2.Tile元素拼装 3.栅格化切片 整图 整图加载很好理解直接加载一张背景 ...

  5. flash mmorpg地图设计

    网上看一篇关于目前几个流行flash mmorpg地图实现的分析,这里也想说说自己的一些看法. 常见的三种方式: 1.整图 2.Tile元素拼装 3.栅格化切片 整图 整图加载很好理解直接加载一张背景 ...

  6. MMORPG 地图实现

    网上看一篇关于目前几个流行flash mmorpg地图实现的分析,这里也想说说自己的一些看法. 常见的三种方式: 1.整图 2.Tile元素拼装 3.栅格化切片 整图   整图加载很好理解直接加载一张 ...

  7. 我的FLASH情结2010—— 浅谈FLASH WEB GAME与创业

    声明:本文系转载,对原文有删节,出处链接地址 ★目录: →FLASH WEB GAME的系统架构 →FLASH WEB GAME的前端架构与人事分工 →前端与美术的配合 →前端与后端的配合 ===== ...

  8. 【推荐】我的FLASH情结2010——浅谈FLASH WEB GAME与创业(2)

    ★FLASH WEB GAME的前端架构与人事分工 →前端的主程序架构和模块划分与人手和人事分工是紧密联系在一起的,而这些很大程度上又是由项目本身决定的.纵观现在国内绝大多数FLASH WEB GAM ...

  9. [转]我的FLASH情结2010——浅谈FLASH WEB GAME与创业(下)

    我的FLASH情结2010--浅谈FLASH WEB GAME与创业 ★前端与美术的配合 →老闪客们应该都知道,FLASH这款软件在历史很长一段时间内都是用来做动画的,闪客和美术在这段时间内本就是同根 ...

最新文章

  1. Qtum量子链应邀出席2019棉兰区块链沙龙进军东南亚市场第一站
  2. 中澜视讯产品运营总监黄超强:产品+付费+未来汽车
  3. python为text添加滚动条_Python GUI编程(Tkinter)7、带滚动条的Text
  4. 计算机操作系统原理教程与实训(目录)
  5. Framework Ventures联合创始人:未来两年DeFi TVL将提升10倍
  6. Jmeter分布式测试-远程调用
  7. 适合程序员的健身方法(转)
  8. java ipmi关闭服务器,Dell服务器的IPMI/iKVM使用方法(开机,关机,重启,重装系统)...
  9. 格子刷油漆c++dp(最详细)
  10. Python 简易实现 base64 编码
  11. CS1703 C# Multiple assemblies with equivalent xxx... and. Remove one of the duplicate references.
  12. 智慧城市同城小程序V4_1.0.86后端+双前端
  13. 毕业设计计算机选题意义怎么写,毕业设计(论文)选题 毕业论文选题研究意义怎么写...
  14. 每次要主板放电后才能正常开机
  15. 如何卸载Oracle数据库
  16. CCF认证 2018-03 棋局评估
  17. Scratch基础教学之孙悟空的吹毛变猴
  18. Java Swing的简单学习学习
  19. 决策树(Decision Tree)总结
  20. CBTC系统标准: 1474.4---系统特点及应用

热门文章

  1. Rviz2 摄像头视频采集与图像标定
  2. python任意进制转换界面_python:整数转换为任意进制(
  3. 搭建网站模拟webshell写入
  4. 第一财经专访张晨:图技术赋能金融领域进入全新阶段
  5. DC/DC的工作原理
  6. 面试宝典六-- 项目部署(linux环境搭建,springboot项目部署 ,vue项目部署,nginx负载均衡)
  7. android 一键锁屏
  8. 倚天云服务器ECS最佳评测总结
  9. CSS 用一个div写个旋转的齿轮(maybe船舵)
  10. HTTP Catcher(网球)使用教程【一】过滤器