arpg网页游戏之地图(一)
【转】http://www.cnblogs.com/BlueWoods/p/4681572.html?from=timeline&isappinstalled=1
开发arpg网页游戏一项比较重要的难点是游戏推图。游戏中主城的地图比较大,我遇到到最大的是8000*6000的地图,比较小的就是副本地图,有可能还占不了一屏。像这种比较大的地图,一般都是分块加载的,游戏中不可能一次将整个地图添加到舞台上,得根据角色的移动视窗来加载地图。这个时候会碰到三种情况:人动,地图动;人不动,地图动;人动,地图不动。我试过前两周情况,人动,地图动,这种情况画面看着比较流畅,人不动,地图动,不太流畅。所以选择了前者。
什么是人动,什么是地图动?开发网页游戏都是分层的,一般分为:地图层,地图特效层,人物层,特效层,UI层,信息提示层等。人动的意思是人物层xy坐标的变化,地图动,就是地图层的xy坐标变化。地图层,会根据人物视窗的移动而变化。
人物在地图中移动,都是按照格子计算的。在页游前期,格子都是菱形的,后来好像都变成正方向了。两者唯一的区别:在不同的方向移动速度有所不同。像我现在用的是正方形,每个格子大小是25*25的。也就是说8000*6000的地图里会有 8000*6000/25*25个格子。服务器计算位置都是格子的XY坐标。所以在小地图上显示的人物坐标都是格子坐标,不是像素坐标。还有一个概念是地图块,地图分块多大的都有,并不是越大越好,也不是越小越好。我用的地图块是200*200的,所以要计算需要显示的地图范围,要根据格子坐标和地图块大小来计算。
游戏推图,还会涉及下面几个问题:
- 人物视窗(ViewPort)
- 按需加载地图块算法
- 地图优化策略:
- 地图块加载队列
- 渲染策略优化
- 未加载前显示马赛克提升玩家体验
最后解释下,为什么地图块不是越小越好,也不是越大越好。因为AS中addChild和removeChild都会触发AS的重回事件,影响效率。地图块越小,add和remove的次数就会越多,地图越大,AS重回的区域就会越大,也会影响效率。所以适中最好,这并没有一定规则。我的是参考傲剑的地图大小。
转载请表明出处
arpg网页游戏之地图(一)的更多相关文章
- arpg网页游戏之地图(二)
[转]http://www.cnblogs.com/BlueWoods/p/4684557.html 这一节说说视窗,这个视窗,也就是游戏的视角.现在的网页游戏分为2D游戏,2.5D游戏和3D游戏,2 ...
- arpg网页游戏之地图(三)
地图分块加载类MapEngine,主要包含以下属性: g 地图层graphics,地图将画在上面 buffPixelRange 地图加载范围矩形 viewPort 屏幕视窗 currZoneArr 已 ...
- arpg网页游戏之地图(四)
这一节主要是针对上一节的补充,关于地图的优化策略上一节中已经涉及了一些,这一节具体说下. 地图块加载队列:就拿1280*800的屏幕分辨率来讲,大约需要加载的地图块为30~35块之间,如果这个时候一下 ...
- arpg网页游戏特效播放(一)
网页游戏中的特效,主要包括:场景特效,攻击特效和UI特效三种.场景特效是在地图层上播放的特效,攻击特效主要是技能触发的一些特效,UI特效是面板上的一些特效,还有一些在人物身上播放的特效,例如脚底光圈特 ...
- 网页游戏开发秘笈 PDF扫描版
精选10种常见的游戏类型,透过典型实例,深入剖析游戏引擎及工具的选用技巧,详细讲解每款游戏的制作过程,为快速掌握网页游戏开发提供系统而实用的指南. 网页游戏开发秘笈 目录: 译者序 前 言 导 言 ...
- 推荐21款最佳 HTML5 网页游戏
尽管 HTML5 的完全实现还有很长的路要走,但 HTML5 正在改变 Web,未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台.现在,越来越多的人尝试用 HTML5 来制作网页游戏等 ...
- 基于html5实现的愤怒的小鸟网页游戏
之前给大家分享一款基于html5 canvas和js实现的水果忍者网页版,今天给大家分享一款基于html5实现的愤怒的小鸟网页游戏.这款游戏适用浏览器:360.FireFox.Chrome.Safar ...
- 解决unity3d发布的网页游戏放到服务器上无法使用的问题
http://www.unity蛮牛.com/blog-2429-1226.html 第一次把unity3d发布的网页游戏放到服务器上(Win2003),发现无法使用.可以尝试以下办法. ...
- 40个容易上瘾的HTML5网页游戏,总有一款适合你
我记得姐姐家的孩子在刚刚才学会走路,说话还不能完整的时候就已经能自己用小手点出小游戏的网站来一个人自娱自乐.我一直在想这一代跟着计算机一起茁壮成长的孩子会不会也和美国那一代人一样,出现9岁的黑客和计算 ...
随机推荐
- D - 蜘蛛牌
Time Limit:5000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Submit Status Pract ...
- 关于路径的使用,assi下载和
直接给一个路径下载图片,这函数直接使用assi -(void)downloadWithURL:(NSString*)RequestUrl SavePath:(NSString*)savepath wi ...
- Python 基礎 - 用戶交互程序
現在就來寫一個簡單的 用戶輸入 的程式,這是一個互動模式,需要使用者自已輸入 #!/usr/bin/env python3 # -*- coding:utf-8 -*- username = inpu ...
- jq 一些小方法
js 控制a标签的onclick方法 document.getElementById("a3").onclick = ""; window.document.g ...
- iOS红马甲项目开发过程Bug总结(1)
在上线审核时,重新检测自己的app发现报错:"was compiled with optimization - steppingmay behave oddly; variables may ...
- [hdu 3376]Matrix Again
这题就是真正的费用流了,用 大屁 就算不超时,你也有个 CE :数组 so large 拆点,费用取反,最大费用最大流即可了喵~ 不过似乎这题很不兼容 dijkstra 的样子 就算用 spfa 重赋 ...
- [原创]cocos2d-x研习录-第二阶 概念类之摄相机类(CCCamera)
在Cocos2D-x中,每个CCNode都拥有一个摄像机类CCCamera.只有通过CCCamera,CCNode才会被渲染出来.当CCNode发生缩放.旋转和位置变化时,都需要覆盖CCCamera, ...
- java Scanner
public static void main(String[] args) throws IOException { System.out.print("Enter a number:&q ...
- sip_hangup_disposition
sip_hangup_disposition This variable contains the value of who sent the SIP BYE message. Some exampl ...
- idea maven mvn archetype:generate 速度缓慢问题(转)
From:https://my.oschina.net/u/225373/blog/468035 maven 骨架生成项目速度慢的令人发指,都在Generating project in Batc ...