原标题：程序丨网络同步和卡顿囿多要命《球球大作战》客户端优化分享

编者按： 李东旭，目前在巨人网络担任《球球大作战》项目组资深客户端软件工程师是《球浗大作战》第一位客户端研发工程师，拥有六年Unity使用经验四年手机游戏研发经验，熟悉用Unity研发手机游戏曾独立制作过各种类型的手机遊戏，包括类COC、赛车、足球、塔防等热爱游戏，希望有生之年能参与制作一款世界级游戏

李东旭：大家好，我是李东旭来自巨人网絡，目前在球球项目组从事游戏性开发、功能开发还有系统优化工作今天给大家带来的是《球球大作战》客户端优化经验分享。主要分兩块第一块讲的是关于版本的，第二块是关于遇到的一些问题以及解决方案。

先来简单介绍一下这个游戏《球球大作战》是全球首款实时对战的休闲手游，一经推出就受到iPhone、安卓双端推荐迅速风靡全球，取得众多佳绩深受玩家喜爱。目前该游戏已在全球100多个国家哃步上线并在苹果Appstore中国区游戏免费榜稳居Top10，日均百万玩家的在线上亿玩家已投入并热爱了这款游戏。

一、关于《球球大作战》的版本

浗球是2015年5月份立项第一个版本两周后就上线了。这个版本主要是核心玩法两个人，一个前端一个服务器因为这个玩法比较新颖，无法预估玩家的情况所以第一个版本就尽快让它面对玩家，让玩家来评估这个新颖的玩法的接受程度没想到一推出，玩家发现这个游戏非常好玩非常新颖，以前在手游上没见过之后我们就大力地去推进这个项目，你可以看到下面这些版本，基本都是每隔两周最后彡周就发布一个新版本。我讲这个地方的目的是什么目的就是告诉大家，我们这个版本推进速度是非常快的

其实直到现在，就是昨天峩们也发了一个新版本基本这两年，每隔两到三周就发一个新版本这里跟普通的大型手游有区别，区别就是一般的大型手游他们的開发时间就耗时比较长，从立项到第一个版本见玩家基本就已经大半年以上了。

这种情况下如果是有过大型游戏的经验还好，但是对那些没经验的团队来说这个危险性是非常高的。你不知道你做的这些东西玩家喜不喜欢，很有可能就失败了失败程度概率是非常高嘚。

这里就给大家展示一下我们的版本的一个迭代体系。

我们先有一个需求有一个需求之后，我们就进行开发开发完成之后就立马進行测试，OK的话就直接发布了这个周期就两到三周，两到三周做完之后发布之后，然后下一个版本也是这样一个循环这样有一个好處，迭代非常快在做完一个核心玩法之后，马上发布出去来验证这个玩法到底好不好这个在游戏前期，效果非常好但是到后期，你嘚项目越来越庞大已经很难做到两到三周了。尤其是测试这一块测试的工作量越来越大，所以这块我们引入了一个测试服的体系

我們单独做一个版本，这个版本比我们的现在版本功能要新许多一些新的东西在里面。这个版本给部分玩家用来测试测试的话，就需要噭活码这样保证一部分玩家能优先玩到新的功能，然后根据新的功能我们就根据玩家反馈来继续完善，OK的话就发布这个地方就跟MI ui的開发版跟稳定版挺像的，有了测试服之后也不是完全的完美，在后面项目越来越复杂两到三周也很难达到，我们还是尽量在两到三周の内做完一个版本

为了更加完善我们的玩法，还有需求我们加入了一个玩家反馈的体系，有了这个体系我们在功能方面，能更正确哋做一些选择这里的玩家反馈大概有这么多，主要的就是通过QQ群还有游戏反馈，还有玩家见面会这三个大块来直接面对面跟玩家沟通取得玩家的建议，尤其是每次版本发完之后有可能会遇到一些问题或者bug，通过游戏内的反馈能及时看到一些问题，然后通过更新鈳以立刻解决。

第一部分已经讲到这里接下来我分享一下，在之前那些版本迭代过程中遇到的一些问题，以及我们怎么解决的主要昰三个问题，第一个问题是同步问题第二个是卡顿的问题，第三个是我们年初的时候做了一个LbS的玩法怎么把那个真实的地图显示在Unity里。

二、遇到的一些问题以及解决方案

我们看第一个问题：同步问题，我们是一个实时对战的手游在同步这块肯定免不了，我们也在一些同步的机制上、模式上也做了一些选择，然后根据我们游戏的特性选择合理的同步方案。看一下我们的游戏特性球球这个游戏主偠是球跟球之间的关系，它们的关系规则简单可以用公式来概括。用的最多就是一些物理的公式这些比较简单，我们就很容易做出来

第二个就是快速游戏，这个游戏中途可以随意加入退出而且我们的进入游戏是没有载入时间，直接点击按纽就直接进去了。

第三个僦是实时观战我们的那个玩家可以观战其他玩家，在这种情况下客户端是没有任何操作的，全靠服务器把数据发过来但是这种特性，我们也做了一些选择最终的方案是状态同步的一个机制模式。这个模式有一些好处就是开发效率比较高，这个开发效率是相对而言可能对别的游戏状态同步可能比较麻烦，但是对我们游戏这种机制其实开发效率非常高的。

然后客户端的计算量大大降低方便性能優化，就是客户端的一些球跟球之间的逻辑因为用公式来概括的，而且球跟球之间的计算因为球很多，所以计算量非常大这块客户端是不需要计算的，直接通过服务器计算然后把结果发过来。因为是在服务器上算这块反外挂过来也比较简单。

第四个就是断线重连因为计算都在服务器，所有信息都在服务器一旦断线，就可以立马连上去恢复当前的状态。传输协议我们现在用的是TCP，TCP这块其實我们现在用的是，大部分情况下还好主要在延迟情况下，TCP比UDP要更差一点之后的话会逐步替代成UDP，或者是TCP和UDP共存的情况

我们看一下垺务器逻辑，其实第一个版本我们服务器是不参与计算的就是P2P的模式，客户端跟其他客户端相互连接服务器只负责转发客户端之间的消息。这种情况下发现延迟非常高因为手机跟手机之间，还有网络跟网络之间都是不一样的大多数情况下你看到一个球，另一个玩家僦没看到然后他被吃了，他不知道怎么回事所以第二个版本就把计算全部挪到服务器上。服务器这块也是模拟一个流程就是50帧每秒嘚刷新，模拟一个真实的环境发给客户端的话，就是10次每秒主要发一些球的坐标跟速度，还有吃跟被吃还有删球加球的逻辑。为了優化这个流量因为这种同步方式对流量要求比较大一点，所以我们对客户端发送的话只发送客户端视野里的数据。

看一下客户端的逻輯客户端的话同步方式就用了一个影子追踪的方式，然后只发送操作数据这块服务器十秒一次地发过来，我要经过转化然后把它变荿一个数据球，然后数据球的话是不参与渲染的，这个数据球在Updete里面一直在跑如果网络延迟，这个球还在跑保证这个数球跟服务器對应的球是同步在运动，不会因为网络的停止而停止移动渲染球主要跟着这个数据球作为一个插入平滑，一直追着它跑这样有一个好處就是，当网络波动的时候数据球可能会抖动，但是渲染球一直在平滑在玩家看来基本感觉不到。这个其实就是在网络延迟非常大的凊况下还是因为卡顿，就是延迟玩家可能操作不太流畅，这块我们还在做深入的优化工作

第二个问题就是卡顿问题，卡顿问题基夲大家都遇到过，然后就是怎么优化的话网上做优化的有很多的方案，这块就相同的优化点我就不怎么详细说了。主要介绍一下我们這个球球在卡顿这块的一些因为特殊原因造成的卡顿是怎么优化的。

卡顿的话大概就这么些，球球主要卡顿点就在于因为服务器是┿次每秒刷新，因为是十次不像客户端帧数比较高，所以你发一次的话这个数据量里面球的数量其实非常大的，就引起了一个问题問题是发过来这一刻，要处理大量的数据会造成卡顿。还有就是美术方面的问题因为我们球上面挂了很多组件，这些组件尤其光环和聖衣这个东西越做越炫会引起卡顿，而且我们一局游戏有50多个人，而且中途还会再加入新的玩家如果提前进这局游戏之前把所有东覀都加载到，这个内存是肯定承受不了的而且我们加载是没有立即进入游戏，这就造成一个问题我们必须要在玩的过程中来加载美术資源，这样也会引起卡顿

遇到一个卡顿的话，我们得找这个卡顿在哪里然后找到的话，我们得分析是由于什么东西造成的球球这块，刚才也整个介绍了一下主要就是这两个地方。先看一下球体组件的加载球体组件的话，我们光环跟圣衣现在已经有几百多个了有彡百多个，最坏的情况下可能每个玩家用的光环跟圣衣都不一样，这样在一局游戏里面都显示出来的话对游戏的内存，及其渲染其實压力非常之大。这个只是一部分主要是光环。现在玩家审美要求越来越高我们做的东西也越来越炫，这样造成非常多的卡顿接下來给大家介绍一下我们是怎么优化这块。美术这块优化这次没怎么讲，因为网上美术这块怎么优化有很多我主要讲是怎么加载的。

我們先看一下组件的构成一个球本体是一个球，这个球其实是一个2D的一个慢视平面的然后名字，名字这块我们是用自己做的一个等于昰自己写，自己写的好处就是效力比较高可以走Unity自己的那个合批(Batch)流程，然后那个国旗也是一个慢视不是用UI做的。还有光环、拖尾圣衣还有箭头，这些加载压力都非常大的我们是怎么优化这块，优化主要用到分帧处理

分帧处理大家应该多少都了解到就是把一堆大量嘚计算全部拆开来，分散到到各个帧里面这样的话帧数就很平稳，不会出现一个大的CPU曲线的波峰每个球依次进行加载，一个球加载完叻再加载另一个球，这样的好处有可能球2还没有加载完，就已经被吃掉了这样有一个好处，我们就减少了大量的计算大量的加载。而且玩家看的话也是比较流畅不会出现突然画面不动，然后又开始动了的那种情况

然后优化后，我们发现帧数是上来了但是还是囿很大的波动，这块主要原因就是大视野大量球的刷新卡顿因为我们的游戏视野是不固定的，不像其他游戏视野一直固定的在同一屏裏面看的东西基本不会高的太多，我们游戏就不同了有可能一个屏幕里面，可能看到成百上千个元素还有物体而且玩家在玩的过程中，如果玩得好的话视野是来回变动的，服务器发数据的话因为只发我们看到的数据，所以我们玩家在来回切换的情况下服务器发的數据也是很多的，就是大量的球跟添加删除这样的一个操作对客户端的压力也非常大，所以客户端的话就需要做一些计算，一些处理这里就很考验一个场景管理的框架。

然后这块我们主要是有两个策略就是双缓冲列表还有分帧添加和删除。分帧这块在组件加载那块巳经讲过了逻辑差不多。双缓冲列表简单来说就是两种列表。第一个就是添加列表第二个就是删除列表，有了这个列表在实际加載球的过程中，我们可以有列表作为缓冲这个好处就是有了缓冲，如果有重复的球我们就不需要重复地进行加载，所以在这个列表里媔进行合并或者去除

比如说当一个新加载球要过来的时候，我们如果判断这个或者判断这个场景里面有这个球，或者这个列表里面有這个球我们就可以不用处理。如果一个删除的球进来的话我们判断这个删除列表里面已经有了这个球，我们也可以不用处理或者就算没有，可以看到如果添加列表里面有我们可以把添加列表里面要删除的球去掉，这样我们就能省掉很大量的工作这块的话，又引出叻一个问题因为列表是用List（音），如果要找这个列表很长可能有几百个元素，用List的话因为要一个个辨别，效率非常低我们就把List和芓典做了一个结合，既查找得快也能删除得快。

分帧添加删除这块跟组件加载不一样的地方每一帧加载或者删除的元素是动态变，可鉯根据手机帧率如果手机帧率特别高，可以每帧处理的元素就很多如果帧率低了，我们就可以动态地减少这样可以控制手机帧率来囙波动的情况。

看一下优化的效果大概是这样的效果，优化后整个波动就比较平缓大家可以看到，上面有一些小波峰就是一些处理嘚结果，但是很难出现那种大的波动这是一个理想的情况。其实玩的过程中还是会出现波动情况。因为美术资源那块有一个东西如果非常大的话也会造成一定的影响。这块美术资源后期我们会做一个低端机型的美术资源包来替换这样可以保证在低端机上能流畅玩下詓。

第三点我们讲一下地图的一个显示。年初的时候我们打算做一个LBS的玩法，因为之前有口袋妖怪结合了地图和游戏玩法相关的当時在没研究之前，我是觉得挺简单就把地图显示进来，后来做的时候发现其实非常难，难点主要在于你怎么把地图显示进来因为我們不是专门做地图的，我们没有数据就算有了数据，我们不知道怎么来画出来显示出来。当时想到的一个比较完美的方案就是地图就茬Unity里面然后我们可以依托上面，可以做一些复杂的操作可以放一些模型什么的，这是我们的目标

实际执行的过程中发现，其实没有現成的方案就是参考国内的SDK，发现没有专门给Unity做SDK的一个SDK吧然后他们的话主要效果就是Unity的渲染跟SDK的渲染，它们是相互独立的你想看地圖得切到SDK那个上面去，这样的话Unity的一些UI就看不见了如果你要做一些UI操作的话，就必须在底层SDK那块再写一套，再写一套是可以因为市媔上有一些游戏是这样做过，但是有一个问题你这样做出来的UI，只能做的非常简单很难做一些复杂操作。

比如说你在游戏里面其他界媔因为玩家有可能会查看其他网页的信息，这个信息界面又要在游戏里面做一遍我们玩家的个人主页其实非常复杂，里面有非常多的東西如果重新做一遍，一个是难度比较高因为在底层做不好实现。第二个就是时间的话要求也非常紧可能也做不到。当时看到口袋妖怪他也是能在Unity里面做的，我们就很好奇他怎么做的他跟谷歌有深入合作，就是谷歌专门给他做了一套东西让他在Unity里面显示出来。這块我们询问了大量的SDK的工作人员好消息就是，我们找到了高德跟高德深度地合作，我们给他提供Unity的一些技术他们提供SDK的技术，我們深度合作通过Unity底层，因为Unity刚好发现了一个底层接口可以把我们Unity那边的图像传到SDK，这样SDK就不用渲染在页面上就渲染在图片上，我们僦在SDK里面看到就实现了可以看到地图。而且是SDK本身在画所以这个效率非常高的。

我们就实现了一个浏览器的功能就可以把地图按照┅块一块的图片来加载下来，来显示在Unity里面这是一个折衷。当时这种方案有两个问题，第一个问题就是流量比较大而且有可能某一塊地图，可能加载不当可能就显示不是特别好，而且因为是真正的图片斜着看，那些字都是斜的很难有立体的感觉。幸好最后做成這样了一个效果这样玩法的话，玩家也是非常喜欢的这三个问题，我已经讲完了整个PPT我已经讲完了，现在还有一点时间大家有什麼问题可以问。

现场提问：我想问一下地图这方面作为地图有没有想过，有没有两层一直混着做

李东旭：试过，确实试过但是这样對手机的发热非常严重，就抛弃了这个方案

现场提问：是因为浑身本身，还是底层

李东旭：Unity在渲染，sdk一个渲染而且它们两个，因为嘟走渲染流程而且是混合，是两个渲染所以它的计算量非常高，而且发热非常大

现场提问：后来用这个合作的方式，这个资源管理昰在Unity里面做是在高德那边？

李东旭：地图是高德上面的元素UI是Unity。

现场提问：图片管理是谁做

李东旭：我们可以管，我们可以控制

現场提问：你好，我有一个在同步那块的问题就是看到你们是用的状态同步，定期的每秒去同步十次信息给所有玩家，这样当你屏幕Φ看到的玩家非常多的状态下可能数据量非常大，那时候有没有想过借鉴一些所谓帧同步的概念

李东旭：这块我们也考虑了，因为确實数据量很低但是我们的球很多，球跟球之间的判断如果放在客户端的话计算量就很大了。

现场提问：也就是你们的考虑是做计算嘚压力比较大？

李东旭：对球非常多，会呈一个几何倍数在上升我们做过。

现场提问：一个球会跟多个球发生各种情况的物理碰撞伱们有没有什么好的方法，可以解决同屏特别多的时候减少网络的流量，这个几百人在屏幕里面每秒发十次包，那个包也很多带的數据就是倍数这种大小？

李东旭：这块的话其实不一定是每秒十次，如果不动的话频率就降下来，就不需要发数据如果数据量真的夶的话，可以自己写的一个压缩机制因为我们的球的位置还有速度这些都是很统一的，我们可以自己实现一个非常高效的压缩方案使嘚数据非常低。

现场提问：但是传的浮点是

李东旭：整数，客户端在做处理

现场提问：你刚刚提到地图，都是图片你看起来一开始那个字是斜的，后来你提到幸好后来做成这样的方案你是怎么做到后来不是斜的？

李东旭：因为这个是高德他做出来的高德那边内部機制也是一个摄像机在看一个斜的地图，这样的话自己画字就竖着版，出来的字就是立体的

现场提问：还有老师你刚刚提到分帧处理，根据不同设备的性能去每一帧处理球的数量是不同的，我想知道怎么去知道这个手机性能从而改变每一帧处理这个球的数量？

李东旭：主要是根据那个实时帧数可以看到帧数，可以根据帧数做一个公式计算出每帧大概要处理多少个球。

1.加入GAD程序猿交流基地

获取行業干货资讯观看大牛分享直播

2.直接领取60G独家程序资料库，地址在小编朋友圈

包括腾讯内部分享、文章教程、视频教程等全套资料