arpg网页游戏之地图(四)

  这一节主要是针对上一节的补充,关于地图的优化策略上一节中已经涉及了一些,这一节具体说下。

  1. 地图块加载队列:就拿1280*800的屏幕分辨率来讲,大约需要加载的地图块为30~35块之间,如果这个时候一下子加载这么多地图块,占用的网络带宽会比较多,因为IE加载资源也是有限制的,如果多余限制就会加入排队机制。所以这个时候,就需要一个地图加载队列,来限制同时加载地图块的数量,比如可以同时加载两个,当两个当中哪个Loader加载完,此对象回收,然后重新下一个。
  2. 渲染策略优化,实际就是分帧运算的远离。即没帧只加载一个地图块,并且只draw一块已经下载完的地图。代码参考上一节。
  3. 进入地图之前,先显示马赛克。代码如下:
        public function set thumbnail(bmd:BitmapData) : void
        {
            if (thumbnailData == bmd)
                return;
            thumbnailData = bmd;
            g.clear();
            g.beginBitmapFill(thumbnailData, scaleMatrix);
            g.drawRect(0, 0, viewPort.maxRect.width, viewPort.maxRect.height);
        }

  还有两个问题:

  1. 切换地图之前,要把之前加载的地图块销毁,并且触发一次垃圾回收,这样会有效的减少内存。地图销毁,包括已经加载完成,正在加载的,加载完成未显示的都要销毁。Flash 回收机制的策略是对象的引用次数为0,然后就会回收。触发Flash强制垃圾回收,需要创造一个异常,代码如下:private

      1. private function gcByException():void        {
                    try
                    {
                        new LocalConnection().connect("foo");
                        new LocalConnection().connect("foo");
                    }
                    catch (e:Error)
                    {
                    }
                    return;
        }
  2. 震屏的实现(TweenMax实现):
        public static function shake(target:DisplayObject, distance:int = 10, delay:Number = 0.5): void
        {
            var targetX:* = target.x;
            var targetY:* = target.y;
            var shakeDis:* = distance;
            TweenMax.killTweensOf(target);
            TweenMax.to(target, delay, {bezierThrough:[{x:targetX, y:targetY + distance}, {x:targetX, y:targetY - distance},  {x:targetX, y:targetY + distance/4}, {x:targetX, y:targetY - distance/4},{x:targetX, y:targetY}]});
            return;
        }

  关于游戏推图基本就这些内容,此工程比较独立,可以单独编译成一个单独的swc,以供使用。

  (转载请表明出处)

  

时间: 2024-10-07 09:21:42

arpg网页游戏之地图(四)的相关文章

arpg网页游戏之地图(一)

开发arpg网页游戏一项比较重要的难点是游戏推图.游戏中主城的地图比较大,我遇到到最大的是8000*6000的地图,比较小的就是副本地图,有可能还占不了一屏.像这种比较大的地图,一般都是分块加载的,游戏中不可能一次将整个地图添加到舞台上,得根据角色的移动视窗来加载地图.这个时候会碰到三种情况:人动,地图动:人不动,地图动:人动,地图不动.我试过前两周情况,人动,地图动,这种情况画面看着比较流畅,人不动,地图动,不太流畅.所以选择了前者. 什么是人动,什么是地图动?开发网页游戏都是分层的,一般分为

arpg网页游戏之地图(二)

这一节说说视窗,这个视窗,也就是游戏的视角.现在的网页游戏分为2D游戏,2.5D游戏和3D游戏,2D游戏基本是一些横板的,2.5D基本都是arpg的,可以说游戏画面投影的角度略有不同,3D网页游戏,现在也有不少,效果做的不错的,都是带微端的,不带微端同屏人数过多就会出现卡顿的情况.个人感觉网页还不太适合做3D的,一是效率问题,二是表现效果不如端游炫.端游开发周期较长,世界观比较宏大,玩家呢,要适应游戏世界,并在里面找到自己的定位,这样玩家的忠诚度比较高:而网页游戏的目的不恰恰相反,它主要是迎合玩

arpg网页游戏之地图(三)

地图分块加载类MapEngine,主要包含以下属性: g 地图层graphics,地图将画在上面 buffPixelRange 地图加载范围矩形 viewPort 屏幕视窗 currZoneArr 已经加载过的地图块 waitLoadZone 待加载地图块 showZone 加载完成即将显示的地图块 preLoaderNmu 预加载块数 单独说下地图层graphics,Graphics实际上为一个shape对象,我把所有的加载的地图块,draw到graphics上,也有很多创建多个bitmap对

arpg网页游戏特效播放(一)

网页游戏中的特效,主要包括:场景特效,攻击特效和UI特效三种.场景特效是在地图层上播放的特效,攻击特效主要是技能触发的一些特效,UI特效是面板上的一些特效,还有一些在人物身上播放的特效,例如脚底光圈特效等.特效的播放方式有两种,一种是直接播放swf,二种是根据图片序列,直接绘画到Bitmap上,对于两种方式,我比较倾向于直接绘画到Bitmap上.一般我们我们处理程序的逻辑是,显示和逻辑分开.对于特效显示逻辑,就是特效的绘画逻辑,以及资源的整理方式,逻辑就是特效的播放位置和播放时机不一样而已.所以

AS3.0网页游戏优化一

有道无术,术尚可求,有术无道,止于术.神即道,道法自然,如来! 借用上面的一句话,来开启AS3.0网页优化的一些策略,在从事大约两年多的网页游戏行业,对于AS3.0性能优化,有一些自己的见解和想法,及此分享给大家,仅供抛砖引玉,鄙人拙见,愿给从事网页游戏的人以启迪. 我认为AS3.0的性能分两部分,第一部分是技术性优化,就是在理解flash 弹性跑道模型渲染原理和AVM本身一些垃圾回收原则等,对自己的程序进行一系列的性能优化.第二部分是游戏逻辑性优化.我只从事过2.5D arpg网页游戏的制作,

网页游戏

网页游戏_百度百科http://baike.baidu.com/link?url=__mxqeSPiqAO_TGydqkd7M8BGmboUrei_rqfDzv59uOS9GxVe1UdbsClJgg2l5qCuFy4qzFWgaQo9GeZeaBpeiTo2npMjlMvFD6Wb-QNY8D1iT_phwtSVuq1RFOUAocv 页游 即 网页游戏 . 网页游戏又称Web游戏,无端网游,简称页游.是基于Web浏览器的网络在线多人互动游戏,无需下载客户端,只需打开IE网页,10秒钟即可进入

网页游戏服务端-人物移动广播优化

[本文转自网络http://janeky.iteye.com/blog/1614175] 这段时间在处理服务端人物移动广播遇到了问题,记录一下. 1.问题 现在的页游都朝着客户端的方向靠齐了,大地图,千人同屏.因此,也给页游的服务端开发带来了不少的挑战.假设一个场景地图是8000*8000大小,同时有1000人在.1秒钟内,每个玩家移动一次.按照最原始的做法,就是给同一个场景的用户广播消息.简单计算一下广播量:1000*1000=1000000的广播量,有点恐怖. 2.方案 优化的目标肯定是减少

从而开启通往智者之巅的道路S--c最火爆的网页游戏

<龙城领主>是由北京幻域空间科技有限公司自主研发的一款奇幻题材本文由策略类网页游戏提供,转载请注明出处:http://cn9zyuo.xibjmtv.com/,谢谢!,并完美融合了大量RPG元素.玩家在这个龙与魔法的世界里,可以发展自己的城堡并雇佣各种不同能力的英雄,并和同盟玩家一起,通过占领四个分布在永恒大陆上的龙魂图腾,从而开启通往智者之巅的道路,获得永恒世界中的最高荣耀! 登陆之外,升级还有豪礼送,玩家只要升级角色,就可以获得大量金币.绝版限定卡牌,千元奖励将彻底引爆地狱狂欢.更值得玩家

(模板)网页游戏用的“内容区”的“游戏下载”模板

网页游戏用的"内容区"的下载模板 <style> .article-main{ width:939px; } /*下载中心*/ .big_pub_right { width:960px; } .faq p { line-height:25px; } .pub_title { background:#353b42; height:84px; color:#969db0; line-height:84px; padding:0px 20px; } .pub_title a {