开放世界游戏中的大地图背后有哪些实现技术?

开放世界游戏中的大地图背后有哪些实现技术?

http://gulu-dev.com/post/2014-11-16-open-world





有两件事物,我愈是时常反覆地思索,就愈是感受到发自心底的由衷的赞美和无边的敬畏——这就是我头顶灿烂的星空,和我内心的道德准则。 - 康德
  
  

早些时候在知乎上看到这个有趣的题目,忍不住写两笔吧 :)


原题目:开放世界游戏中的大地图背后有哪些实现技术? 题目链接补充说明:诸如GTA,武装突袭之类的游戏中,开发者是如何实现超大地形的?对于这一问题有什么主流的解决方案?补充:例如一些开发者提到的浮点精度问题是如何解决的?又如果npc在玩家视野之外是如何运算的??


以下部分是我的答案:


首先肯定一下,这是一个非常有趣的问题。在这个答案里,我将尝试先回答主干问题,再对补充说明里的几个问题简单说一下。

下面是本文将涉及到的一些相关技术的列表,(需要说明的是,这些技术单独来看并不复杂,实际动手实现并理解各种取舍以后,在项目当中针对具体的需求去设计和搭配才是关窍之所在)


一、程序技术篇:算法和架构(Programming Algorithms & Architecture)

  1. 无限循环的平铺地图(Infinite Tiling)
  2. 可预测随机数和无限宇宙(Predictable Random)
  3. 精度问题解决方案(Precision Problem Solving)
  4. 超大地形的处理 (Terrain Visualization)

    4.1 古典算法(从 GeoMipMapping,Progressive Mesh 到 ROAM)4.2 层次的艺术(Quadtree 和 Chunked LOD)4.3 以GPU为主的技术(Paging,Clipmap 到 GPU Terrain)

  5. id tech 5 的 megatexture (超大地表上的非重复性海量贴图)

  6. 过程式内容生成 (Procedural Content Generation)

    6.1 过程式纹理(Procedural Texturing)6.2 过程式建模(Procedural Modeling)

二、内容制作篇:设计和创造(Content Design & Creation)

  1. 随机地图类游戏 (Diablo II) 中地图的拼接
  2. 无缝大世界 (World of Warcraft) 中区域地图的拼接
  3. 卫星地质数据的导入,规整化和再加工(一些飞行模拟类游戏)
  4. 超大地图的协同编辑:并行操作,数据同步,手动和自动锁的运用

三、异次元篇:我们的征途是星辰大海

  1. 终极沙盒(EVE):当规模大到一定程度——宇宙级别的混沌理论与蝴蝶效应
  2. 打通两个宇宙(EVE & Dust):发现更广阔的世界——宇宙沙盒游戏和行星射击游戏联动

一、程序技术篇:算法和架构(Programming Algorithms & Architecture)

1. 无限循环的平铺地图(Infinite Tiling)

我们就从最平淡无奇的无限循环平铺地图说起吧。这应该是最原始,也是最没有技术含量的开放世界构筑方式了。

技术上由于过于朴素,也没什么好说的,就是在同一个坐标系内像铺地砖那样展开,坐标对齐即可,就是接头处需要注意一下,不要穿帮就行。但是千万别因为简单就小看这个技术哟,上面列表里面的不少技术都是在循环平铺的基础上发展起来的,下面我们就来瞧一瞧吧。

按照维度的不同,循环平铺有下面三大类:

a. 在一维方向上扩展的横版卷轴游戏(以动作类游戏为主)和纵版卷轴游戏(以射击类游戏为主)。这些类型的游戏里,为了避免循环平铺给玩家带来的重复的疲劳,卷轴游戏会添加一些随机或动态的元素,比如超级玛丽里的背景上云朵的位置,分出多个层次以不同速率卷动的背景层,等等。

Mario

b. 在二维方向上循环平铺的固定视角2D游戏。这一类游戏里,比较典型的就是 Diablo。暗黑中的随机地图生成,在本质上,就是叠加了一定的随机性,约束和边界条件的循环平铺效果。

Diablo

c. 在 3D 游戏里循环平铺高度图,形成连绵不断的地形效果。这在早期的模拟飞行射击类游戏里比较常见,现在已经很难搜到图了,我在上大学的时候写的第一个地形渲染 demo 就是平铺的,可惜刚刚翻硬盘已经找不到了555。这一类游戏,在平铺时适当地辅以一些贴图的变化,可以在很省内存的条件下,做出非常不错的效果。

找不到游戏内的图,拿下面这个高度图来凑数吧。请大家脑补一下,把下面这个灰度图立体化之后,一块一块像地砖一样循环平铺以后,3D渲染出来的连绵起伏的直抵地平线(好吧,直抵远裁剪面)的山脉的壮观效果吧。

Tiling in 3D


2. 可预测随机数和无限宇宙(Predictable Random)

(本节内的描述和算法,部分参考了《Game Programming Gems I》 “2.0 Predictable Random Numbers” 一文,请感兴趣的同学自行查找原文通读)

有个传说中的游戏叫 Elite ,不知道有没有同学玩到过。据说这游戏运行在32K内存的机器上,其中16K还是只读的ROM。这游戏据说拥有难以匹敌的游戏深度:近乎无限个行星,每一个都有各自的名字和特征。

可预测随机数本身是游戏内运用非常广泛的一个技术,这里我们着重谈一下它在为游戏提供(微观上)更丰富的细节和(宏观上)更广阔的世界的作用。这一技术的最重要原则是,为了在一个游戏世界中给出无限空间的幻觉,我们需要满足两个分解条件,可以把它们成为宏无限(macro-infinite)和微无限(micro-infinite)”。前者涉及到问题的空间规模,后者则任意一个对象所支持的最小细节层次级别。


从实现上来说,如何设定随机种子是这个技术的核心。由于给定一个随机种子,生成的随机序列是完全可预测的,那么根据游戏内的一些时空的设定,通过对随机种子进行一些定制,得到在游戏内任意某个时刻和某个空间点上完全可预测的行为就是可行的了。

最简单的是使用以下几个元素与随机种子配合计算:

  1. 世界坐标(即 X Y Z 值,既可以表示空间中的某个点,也可以表示某个区域)
  2. 系统时间(可以用真实时间,也可以用游戏内设计者定义的时间,如果是前者的话需要考虑离线时的处理)
  3. 正态分布(在游戏里建一个查找表即可,这是最廉价的方案)

这些因素加上对应的随机序列,已经可以营造出宏观上比较有深度的一个宇宙空间了。理论上,如果所有的随机性都是由给定的随机种子产生,而这些随机种子要么是游戏定义的常量,要么是查表得到,要么是均匀流逝,要么是由更高层次的随机种子生成,那么这样一层一层上溯到尽头的话,任何一个游戏内的宇宙,都可以归因到一个初始的种子,这个种子,就是决定论中经典物理学的所谓的第一推动吧。其实如果真做到了这一点,我们大可以把这个种子交给玩家,在首次进入游戏的时候掷一个 2^64 骰子。这是真正的上帝创世的感觉,想象一下,上帝说,要有光,于是掷出了骰子,第一推动怦然落地,整个时空的巨大齿轮开始运转,在不同的时间点和空间点上,更多的随机序列被生成出来...

Elite

这幅图来自于游戏 Frontier:Elite II(出自这篇文章),下面配的字样是:“This picture doesn't even begin to show the scale of the universe.” 大家感受一下。


微观上本质上也是一样的,只是把发散的过程倒过来,变成了逐级收敛的过程。为了在某一个点上放大时,能得到尽可能细致,准确和一致的表现,我们需要对较低层次的世界定义更丰富的规则和约束,比如黑洞对周围的影响情况,双星体系的轨道,恒星的种类与行星个数之间的对应关系,不同恒星系结构下行星表面的大气构成,等等。这样才能较好地平衡多样性和独特性,带来更真实的模拟效果和更令人信服的游戏体验。


3. 精度问题解决方案

当足够大尺度的世界被创建出来时,就会自然而然地遇到精度的问题。同时这也是补充说明中提到的一个问题,这里我们简单介绍一下几种实践中的解决方案。

先描述一下问题吧,我们知道,IEEE754 中规定的32位浮点数中,有23位是用来表示尾数的。也就是说,对于接近1的浮点数,可能会带来 2E-24 左右的误差(大约是 0.0000001192)以现实单位计算的话,如果游戏世界是边长为100km的正方形,那么在这个正方形的最远角落里,我们的最小空间单位是约 7.8 毫米;而如果是中国这么大的面积的话,空间误差将达半米左右。那么可以想象一下,如果是宇宙级别的游戏,采用32位浮点数作为全地图精度,那么实际误差可能会有多么大。

在实践中,这种误差可能会带来以下这些影响:

  1. 无法将相邻的对象对齐。这种情况,场景美术(关卡设计师)应该会比较头疼,这对于游戏的编辑器来说是大问题了。物件没法在引擎编辑器里对齐;在不同的平台上,对齐也不一样;甚至不同的编译器,同一个编译器的不同版本编出来的引擎;对齐都不一样 ... 所以说处女座不要做 LD :P。
  2. 模型间的穿插和裂缝 本来封闭的墙角可能漏个洞,本来放在地上的石头变成了悬浮在空中。这实际上是上一种的变种。
  3. 骨骼动画的抖动 由于世界矩阵往往参与骨骼动画的运算,误差可能会被逐级放大,在那些最远离根骨骼的骨头上(也是玩家最容易注意到的地方),抖动可能会发生得非常剧烈。
  4. 物理模拟失真 一些柔体的模拟可能会直接失败,而刚体也可能会产生怪异的运动。碰撞系统也可能无法正常工作。

所有这些一旦发生,都是很容易觉察的。一旦你发现在一个很大的坐标上有这些问题,而接近原点处问题却消失了,那么很有可能就是精度在作怪。而需要注意的是,出现这种问题,只和游戏中出现的数字的规模和跨度有关,和游戏选择了什么样的长度单位(如用毫米还是公里做单位)无关。


那么怎样使用有限的坐标精度来描述较大尺度的世界呢?

最直接的方案是 使用双精度浮点数 (64 位),如果这是可接受的选择,那么就不必费心引入后面讨论的复杂度了。

其次是 区域划分法 。我看到 Milo 同学已提到,不过这里出于完整性的考虑,再简单说一下。正如 Milo 同学所说,“把世界划分成不同的区域,在区域内的计算使用其局部坐标系统。”相对应的跨区访问,需要对应的“本地A -> 世界 -> 本地B”的坐标转换。

还有一个方案是 节点中转法。正如移动电话的基站用来承载和协调整个通信网络那样,我们在游戏的给定活动区域使用静态信标,所有的逻辑上与之相关的单位,都以该信标的坐标作为参考单位,这样也可以做到把数据访问局部化。相距足够远的两个物体(相当于上面的跨区访问)交互总是通过静态信标来完成(正如移动电话网络中发生的那样),这样的好处是相关的复杂度可以隔绝在这个中转系统的内部。

此外凯丁同学提到了一个 坐标转换法,“所有位置信息都以角色位置为中心做一次转换”。这正是 《Game Programming Gems IV》 “4.0 Solving Accuracy Problems in Large World Coordinates” 文中的方案。这个方案可以解决部分问题(主要是渲染相关的问题),但是仍有一些问题需要考虑,比如:1. (上面提到的)编辑器内操作的物体,在序列化到文件中时,精度丢失的问题。2. 大部分物理模拟通常需要一个角色无关,摄像机无关的全局坐标系。等等。


4. 超大地形的处理 (Terrain Visualization)

终于说到对超大地形的处理了。可以说从上世纪九十年代起,超大地形的可视化,一直是3D游戏领域热门的话题。今天我们就借着这个机会,把相关的算法和实现理一理吧。

考虑到篇幅太长的话,俺的手指头招架不住,再一个不少对这个话题感兴趣的同学可能压根就不是程序员,一些实现细节可能我就只是简单提一下,贴代码什么的还是算了,尽量保证整篇文章的信息浓度适中吧。


总的来说,这十多年来,地形渲染技术的发展史就是一部生动的对现代GPU的开发,利用和改进史。整个过程大致可以分成三个阶段:一开始,GPU处理顶点能力很弱,这个时期的各种精巧算法(如一些VDPM和后期的ROAM),尽力在用CPU来降低顶点的总量,避免一不留神压垮图形系统;后来,图形系统的能力上去了,人们开始更多地考虑到把地形系统融入到通用的场景管理中去,如四叉树八叉树什么的就是在这个阶段被广泛应用的;再往后,GPU已经很强大了,CPU由于要承担更复杂的游戏逻辑,越来越成了整个系统的瓶颈,这个阶段,人们琢磨的更多的是,怎么利用GPU给CPU减负了,一直到如今,由 GPGPU 带动起来的异构计算,也都是这个路数。


由于内容比较杂,超大地形这个段落,按上面的描述,咱们分为三个小段分开来讲吧。让俺先沏上一杯碧螺春,为客官一一道来。

4.1 古典算法(从 GeoMipMapping,Progressive Mesh 到 ROAM)

GeoMipMapping 是从纹理的 MipMapping 技术演化来的一个地表处理技术,原理上是根据任何一小块地形在屏幕上显示的实际尺寸(主要跟与摄像机的距离和起伏程度有关)来选择对应密度的网格,然后把不同分辨率的网格之间以某种方式拼接起来(没有这一步的话就会有裂缝),本质上是一种比较粗糙的区域 LOD 算法。顺便说一下,由于那时候针对顶点级的处理很多,导致这种T型裂缝很常见,以至于有个专门的名字叫“T-Junction”,针对这个的处理在当时也有很多方案。

GeoMipMapping

这是俺刚刚到老硬盘里刨出来的大三时写的 GeoMipMapping 代码,编了一下居然还能跑起来。有点土,别介意:P 可以看到不同的 MipMap 级别是用不同的颜色渲染的,也可以看到接头处 T 型裂缝的处理。唉,这代码勾起了俺的青葱回忆啊,那就顺便再来两张 T 型裂缝的示意图和消除过程吧。

GeoMipMapping


GeoMipMapping


Progressive Mesh 是后来很流行的技术 Simplygon 的前身,原理上基本也是一致的,就是以某种方式渐变性地化简某个给定的 Mesh。

渐进式网格有两种:视点无关的 (View-Independent Progressive Mesh,VIPM) 和视点相关的 (View-Dependent Progressive Mesh,VDPM)。两者的区别就是,前者预先离线生成好所有的渐变过程,运行时直接用就行(也是后来 Simplygon 采用的方案),而后者随着摄像机的位置和角度的变化,生成对应的简化模型。两相对比,VIPM的好处是运行时运算开销低,简化模型的效果好,缺点是费内存(因为数据都存下来了,当然后来增量的方式能省一些),而VDPM在当时是不错的选择,因为跟VIPM相比不用费额外的内存,而且对于视点(就是摄像机)变化不剧烈的应用,不需要每帧处理和更新对应的简化模型(普通的MMO类的一般一秒一次就够了),此外由于一些简单的遮挡剔除和背面剔除,能够比VIPM裁掉多得多的顶点(一般能多裁1/3到一半吧,在当时这可是头等大事)。

总的来说,至少在当时,两者的应用都比较广泛,而到了后来,显存越来越大,总线却越来越紧张,VDPM这种典型的刷顶点的算法(比较费总线带宽)就逐渐失去了市场,这是后话了。

大家可以在这里看到一些 PM 在地形渲染上的应用。图咱就不上了,大家可以到 Simplygon 的网站上去看。


ROAM 可算作是上面提到的 VDPM 更进一步了。这个算法实际上借鉴了当时主流引擎的标配BSP的思路,想利用二叉树这个最简洁的空间描述数据结构,把(CPU端的)顶点消减发挥到极致。整个地表被组织成一个巨大的二叉树,有两个队列,一个是分割队列,一个是合并队列,分别用于处理摄像机移动时,增加进入视野的区域细节和消减退出视野的区域细节。精心设计的 ROAM 效果非常华丽(尤其是在线框模式下),你会看到在各种因素的影响(包括局部坡度,与摄像机的夹角,遮挡情况等等)下,各种三角形像魔术般的不断地变幻,生成和擦除超多的细节,效果非常魔幻。我印象很深的是当时连续打Quake3两个小时完全无感的我,调试这玩意的时候,每每不到十分钟眼就花了。

网上找了两张比较典型的 ROAM 大家感受一下吧。

ROAM 1


ROAM 2


4.2 层次的艺术(Quadtree 和 Chunked LOD)

其实用于空间管理的树状结构有四叉树和八叉树(还有上面的二叉树),但地表通常以前者居多。是因为,从小范围来看,变化剧烈的地形是3D的,适合八叉树在xyz三个方向上扩展;但当尺度大到一定规模之后,地形通常退化为相对扁平的2D空间,就像摊平了的地球表面那样,在竖直的Z方向上变化相对不大,而XY平面则是可能无限延伸的。

Quadtree 四叉树很直白,具体的细节我就不讲了。值得一提的是四叉树往往也同时用于场景管理的快速剔除和查找,从理论上来讲,四叉树是一个平面上最迅速的用于剔除空间,定位一个物体,内存开销也是相对较低的数据结构。当用于地形渲染时,顶点剔除的效率也很高,我印象中仅次于高度优化的 ROAM。内存开销低主要是因为四叉树是可以完美展开到一个位数组里的,这样的话意味着整个树的利用率达到了百分之百——所有的空间都用来存储数据而不是维持结构。

不过四叉树也不是啥都好,T型裂缝就比 GeoMipMapping 难处理,因为存在跨级的多段 T 缝,如下图:

Quadtree

除此之外还有一些细节问题,这里就不一一说明了,地形的四叉树渲染还是有很多细节需要细心处理的,此处暂且放下不表。


Chunked LOD 是一种杂合改良的 LOD,其实糅合了上面说的不少细节,本质上是一种分区块地消减细节的技术。所谓 Chunk 是批量处理的一种方式,只是一种粒度划分的单位而已,跟现在 Java 的 GC 里分区回收概念上差不多。

下面是典型的 Chunked LOD 后的效果:

Chunked LOD

顶点多次过滤优化后的效果:

Chunked LOD

效果在当时还是很惊艳的。通常不到50k的渲染数据量已经能有非常逼真的效果了。


4.3 以GPU为主的技术(从 Paging,Clipmap 到 GPU Terrain)

上面的基本上都是传统方案,这一节我们将逐渐过渡并挨个介绍一下以 GPU 为运算主体的算法。


所谓分页(Paging)实际上是仿效虚拟内存的运行机制的一种方法。由于地表的顶点数据都是静态数据,适合常驻显存。当世界尺度较大时,显存没法一次放入所有数据,那么系统就像虚拟内存那样,把那些暂时没有用到的数据交换出去。随着游戏的进行,Paging In/Out 也在不断进行,辅以一定的异步机制,加载到显存的延迟可以被很好地掩盖。玩家的直观感受就是:哇,海量的细节。

Paging


而 Clipmap 则比 Paging 更进一步,以金字塔的形式逐级把数据排列好,直接整体更新和渲染。从这里也可以看出 GPU 时代人们的思维方式的逐步变迁。从以前顶点级别(Vertex Level)的“锱铢必较”,到后来的一次多塞一点也无所谓,只要批次(Batch)少就 OK。下图可以看出 Clipmap 的基本思路。

Clipmap


所谓的 GPU Terrain Rendering 就是把高度图从内存里经由 2D Vertex Texture 搬到 VS 里去生成三角面,这样的好处是 CPU 和内存就被彻底解放出来了。只是访问上有一些限制,不像直接处理内存那样方便。具体的细节可以看这里:GPU Gems 2: Terrain Rendering Using GPU-Based Geometry Clipmaps

在 GPU 上做还有个巨大的好处是可以借助 Gaussian Noise 即时生成更多的细节了。直接拿一小块预生成的高斯噪点图在需要的时候叠加一下,就能在没太大额外开销的情况下,增加各种细节。如下图所示:

GPU Terrain


随着大家对 GPU 理解的深入,地形的处理又有很多的小技巧可以做,尤其是在 PS 里面,比如法线生成,动态uv展开,光照按需叠加/衰减什么的。不过呢据我所知没有什么非常别具一格的架构上的新思路了,所以就不再深入了。

5. id tech 5 的 megatexture (超大地表上的非重复性海量贴图)

megatexture 在当年(2007)是一个非常值得一提的技术。在这个技术出现之前,几乎所有的地表渲染用到的贴图都是若干张 blend 到一起后,以 tiling 的形式重复平铺在地表上的(包括比较典型的魔兽世界也是如此),这样的直接后果是图片的种类用多了耗资源,用少了又很容易感到单调和重复。而 megatexture 则是一张全局的超大贴图,从根本上避免了重复这个问题,理论上(实践上也是)能够生成非常壮丽和独特的地质风貌,是传统的刷地表无法创作出的效果。可以说这个技术让真正的全景地貌成为可能。


技术上的细节puzzy老师写过一个 pdf,强烈推荐感兴趣的同学搜来看一下(可以搜“ ID Tech 5 中"Megatexture"针对地形的D3D9 基本实现原理 - 姚勇”),珠玉在前,我就不啰嗦了。就来一张效果图吧(好吧我知道能坚持看到这儿的同学,这图基本上肯定都看过了)

megatexture

全局超大贴图对一个开放性世界的价值不言而喻。想象一下,跟拿乐高积木拼接出来的视觉效果(传统的 texture blending and tiling)相比,一幅万米画卷上,每个像素都可以随意描绘,是一种什么感受。 比如,你可以相对轻松地实现“整个世界的地貌瞬间被密集核弹蹂躏了一场之后”的效果。如果你想模拟整个生态环境的变迁,在不同粒度上的整体性修改更是无价之宝。


6. 过程式的内容 (Procedural Content Generation)

“过程式生成”是一个不是很恰当的翻译,实际上更贴近本意的说法是“以程序的手段生成”,这里我们简洁起见,仍使用过程式生成的字样吧。

过程式的内容生成是随机技术的在视觉效果上的一个重要衍生。这个技术虽然到最近才被广泛应用,但实际上从技术角度讲,在很久以前就已经有比较成熟的实现了。我手头的 2003 年出版的翻译版 Game Programming Gems III 中 就有 4.16 和 4.17 连续两篇文章以“程序手段生成的纹理”作为主题。这是构建超大规模的世界的一个重要的技术工具,尤其是与上面的 megatexture 技术结合起来,可以创造出非常令人震撼的视觉复杂度。

下面是 sourceforge 上一个开源的项目 PCity - Procedural Modeling and Rendering of Cities

1.6-pcity

可以看出,对于过程式生成来讲,只要有非常小的初始数据集(meta-data),可以在宏观上达到很大尺度和复杂度的视觉效果。

过程式生成有两大分支,一个是过程式纹理,另一个是过程式建模(上面的 PCity 属于后者),下面我们分别来谈一谈。

6.1 过程式纹理(Procedural Texturing)

人们发现,自然界中有很多视觉效果是可以用数学公式加上一些简单的随机性来模拟的,比如云彩,水流,火焰,木纹,大理石,草地,夜空,大气等等,程序生成的纹理效果大大丰富了普通纹理能表现的效果,就好像是物理引擎给游戏增加了活力一样。一个普通的噪点图,在不同的情境下,作为辅助参数来参与生成动态纹理,可以产生出近乎无穷无尽的变化。

这是过程式生成的云,出处在这里

proc_cloud

这是过程式生成的外观,使用了 Allegorithmic 公司的 Substance Designer,出处在这里

proc_texturing

这里是一些分解材质,相当于过程式纹理的图素,出处在这里

proc_texturing

proc_texturing

6.2 过程式建模(Procedural Modeling)

过程式建模特指以程序的手段动态建模。这是一个更大的话题,现在比较成熟的中间件的代表是 Speedtree,比如下面这个效果:

speedtree

完全不同风格的纹理,模型的任意杂合,随意生成,效果也非常真实,非常适合做恐怖游戏。在 Speedtree 的网站上还可以看到长成茶壶的树之类的奇葩。我还记得有一年的GDC,在 IDV 的 Speedtree 的展台看到的一段华丽视频,就是各种藤蔓植物在几秒钟之内长满了一个峡谷内的整个大坝,电影级的效果非常震撼,不知道现在网上是否还能找到。


过程式建模是一项非常迷人的技术,我本人也曾被深深吸引,在上面投入过一段时间的精力。2010年时,我在开发一款飞行射击类的 MMO,当时接触到了 Gamr7 的过程式建模技术,感觉很不错,在飞行类游戏中,地面物体的建模可以完全以程序方式生成,这个对当时的我来说吸引力太大了。那时我花了一个月把 Gamr7 的技术集成到自己的框架里,并在上海世博会期间,与 Bernard Légaut 先生 一起在世博会的法国企业馆展示了合作成果。摘两张当时的 PPT 吧。

wings of fate

截图中的素材基本上都是使用了过程式自动生成的(不是美术手放上去的),树是用 speedtree 生成的。

wings of fate

总得来说,过程式建模是一项潜力远远没有得到释放的技术,现有的工具还处于比较原始的阶段。在当年 PPT 的技术展望(Beyond the Tech)一节中,我写到“(过程式建模带来的)更高级的抽象使我们可以控制更高的复杂度,从而带来更丰富的细节 (Higher abstraction makes much more details and complexities manageable) ”时至今日,受限于技术的发展,这仍只在某个特定的主题(如 Speedtree 的植被模拟和一般的城市模拟)内有效。对于随机性的粒度,我们仍缺乏有效的手段去控制。当年展望时的两大 Expectation(一个是建立起模式和库抽象从而满足不同层次上的复用需求,另一个是如何统一过程式技术中的无序和有序,有效地控制随机性的粒度),现在据我所知仍是所缺甚多,颇为渺茫。当然了,对有志之士,这也不失为一大探索方向。

二、内容制作篇:设计和创造(Content Design & Creation)

聊完了程序方面的内容,我们来简单讲讲超大规模世界在设计和制作方面的一些情况。这方面因为我不是专家,只是做一下简单的介绍,不足之处,还请专业人士指正。

1. 随机地图类游戏 (Diablo II) 中地图的拼接

在暗黑二,暗黑三和类似的游戏“火炬之光”等游戏中,通过巧妙的拼接,理论上可以通过组合,生成近乎无限大的地图。

这是暗黑三第二章里所有地图的可能的部件形状:

diablo3

这是拼接之后的样子:

diablo3

除了拓扑结构上可以任意排列组合以外,在每一个分片上预留足够多的通用接口也很重要。比如一扇拱门,可以是闭合不可交互的状态,也可以通向下一个直角走廊,也可以是通往一个副本的入口。

diablo3

要注意标准化的组件如果太多也会让玩家觉得单调和重复感过强,火炬之光在这一点上就做得不错。下图是火炬之光生成好的地图样貌:

torch light

可以看到效果还是很不错的,一眼看过去已经不太有重复感了。

2. 无缝大世界 (World of Warcraft) 中区域地图的拼接

无缝世界类游戏的区域拼接和上面的随机生成类游戏的区域拼接是很不一样的。

wow

可以看出,不同的区域之间有着很长的接壤线和完全不规则的边缘。在这种情况下,为了简化制作,大部分边界区域以高山作为阻隔。你几乎不怎么会看到有建筑横跨两个不同的区域,原因也是在此。

在沙盘制作时,通常的做法是在整个世界地图(对应的世界编辑器)中规划好每个区域的范围,也就是分区分块。每个区域由不同的设计师在场景编辑器中分开制作。在制作当前场景时,与该场景接壤的几个场景的最新版本都会加载上来,编辑器中可以提供一些方便的工具,便于在接壤处对齐。主要是高度的对齐和贴图的融合。前者通常的选择是高度上用 Smooth 工具平滑过渡到邻接场景,后者通常最简单的处理方法是真正的过渡点两边使用同一种贴图即可,实际的美术风格过渡(如果需要的话)在邻接地图的接壤线附近完成。

一些贯穿不同地图的元素(如河流等)可能需要世界编辑器的参与来指定水平面的高度和区域范围之类的参数,但这一类元素通常不会太多,因为它们没有明显的 Gameplay 贡献,反而加剧了不同场景之间的耦合。

如果游戏有动态的天气/环境氛围系统,那么不同场景之间需要做一些平滑的过渡,这些程序用普通的插值实现就可以了,设计师一般只用关心当前场景内的表现即可。当然有的游戏这个过渡做的不好,玩家体验非常生硬,也是有的。

wow

总得来说,这一类无缝大地图的复杂度主要是在编辑器的协同方面(后面我们会再提到),实际的创作复杂度较前面的随机地图生成为低。


3. 卫星地质数据的导入,规整化和再加工(一些飞行模拟类游戏)

超大规模的开放性世界地图,还有一类是直接使用卫星地质数据以加强整个世界真实性的。据我所知,育碧出品的 Tom Clancy's H.A.W.X. I & II (就是国内翻译的 鹰击长空 I & II)就是使用了 GeoEye 的商业级高分辨率卫星地图。

既然用了真实的卫星地质数据,这一类游戏同样能生成非常震撼的效果,也就不用多说了。找两张截图大家感受一下吧:

hawx

这一类的缺点是不能模拟真实世界中没有的环境(当然拿去再创作的不算)。

hawx

这种真实数据的数据源就没什么好说的了,我简单说一下导入后的处理。通常导入后的贴图需要美术在色彩和明暗上二次加工一下,得到和游戏匹配的整体氛围。需要提供比较精确的工具给美术进行高度图和高分辨率纹理的拟合。此外通常这一类地质数据是没有 NormalMap 的,需要提供工具生成一下。

还有就是,河流和湖泊这一类水体的处理,3D游戏通常在渲染效果方面对水面特效照顾得比较多。如何生成跟真实环境相匹配的河流和湖泊是一大难点。因为一般游戏里是有一个绝对水平的特效面片的,而如果给真实环境中得来的高度数据上配一个这种特效面片,通常无法跟真实的贴图相吻合(尤其是在山脉和峡谷等地形中的水体)如何提取真实的高分辨率贴图中的水面信息,自动生成对应的3D水面,也是一大话题。当然,如果不怕费事,也可以由美术直接做出来了事。


4. 超大地图的协同编辑:并行操作,数据同步,手动和自动锁的运用

现在咱们回过头来聊一聊在 wow 这一类超大地图里,如何在多人团队内协同编辑的问题。


对于美术(这里专指负责场景的设计师)来说,常见的最简单做法是每人一块(或多块)区域地图,团队内维护一个公共的物件和贴图库。(物件和贴图可以由专门同事制作,需要时也可外包)在这种情况下,美术的并行化程度很大程度上取决于团队自身能力,对场景编辑器没有特殊的技术上的需求。

超大地图的场景编辑器在加载周边邻接的区域地图时,需要显式地标示出其版本和上次修改日期,这样可以把邻接区域的修正工作量降到最低。最好的做法是能够通过版本管理软件,在有同事修改了邻接区域以后自动更新并重新加载(当然可以稍有延时,不用那么即时),这样的并行工作效率可以达到最高。

真正的难题通常发生在策划那边,当需要编辑跨区任务或事件时,如果对 Ownership (也就是场景实体的所有权问题)管理不善。跨区系统可能会产生各种层出不穷的 bug。比如同一个 npc 承担了多个跨区职责时,其中的状态就可能会互相干扰,在杀掉某个 npc 这一类任务中更易出现,造成难以重现的 bug。这就需要提供明确的所有权管理机制,明确跨区访问的一般规则,提供简单的全局状态检测工具,在设计时就能提示出绝大多数潜在的冲突。当然,这些的先决条件是所有的区域数据,要么提供中央数据库管理,要么工具做到在团队网络内实时同步。


最后我们来说一下真正有趣的实践,就是“真正的”协同编辑。也就是任意个美术和任意个策划可以工作在任意个区域里。是的,你没看错,这才是终极的开发自由度。其实如果这是一个如典型的 WOW 那样的 MMORPG 的话,这就跟“所有的玩家登录到同一个服务器一起游戏”是同一个概念了。所不同的是,这里的“玩家”实际上全部是开发团队的成员,而且他们是有能力创造和修改这个游戏世界的。

只要想通了这个概念,实践上并不像想象中那么复杂。由于美术和策划对同一个地图关注的焦点不同,我们只要把他们工作有交集的部分处理好,他们就能一起愉快地玩耍了。实践上来看,两者的交集通常是 a. 整个区域的逻辑高度图和 b. 所有的相对碰撞关系。也就是说,美术和策划的工作内容里,只要不涉及到这两者,都可以随便搞,但如果影响到了这两者,编辑器需要有能力提示正在修改的人会影响到什么(或按默认行为自动处理),通常是不难做到的。举个例子,策划放好 npc 后,美术去调整高度,把 npc 站的广场弄成一个山坡,那么要么提示美术这么干可能会影响到策划的设计,要么自动把对应的 npc 都重新调整位置,吸附在新的地表高度(一般编辑器允许设置为吸附到地表)。

当两个美术在修改同一区域时,就涉及到锁的问题了。锁有两种,一种是在编辑时自动触发,场景地表以区域为单位,物件以 Instance 为单位,当编辑时自动把 Owner 设为当前编辑者,提交改动到服务器时可以选择继续锁或是释放锁。一种是手动锁,就是美术框住一片区域,主动加锁,这样有些时候更方便。编辑器制作者需要考虑的一些细节有:锁住的区域在其他开发者的机器上,需要比较显眼的提示信息;保险起见总是多锁一定的范围,以方便地表平滑等工具编辑时对周边区域的影响,等等。


三、异次元篇:我们的征途是星辰大海

上面两部分“程序技术篇”和“内容制作篇”已经把大规模开放世界讲得差不多了,下面的内容我取名叫“异次元篇”,也是随便侃侃,大家随便看看就好。

1. 终极沙盒(EVE):当规模大到一定程度——宇宙级别的混沌理论与蝴蝶效应

对于开放式世界来讲,如果没有真正与这个世界的尺度相配的开放式的交互,那么仍然是一个死气沉沉的世界。EVE,正是一个为了开放式交互而打造的超大的沙盒宇宙。

eve

在这个宇宙中,玩家拥有很高的自由度去探索,创造,建设,摧毁(针对自然环境而言),配合,领导,同盟,背叛(针对社会环境而言)。这游戏我就不展开介绍了,有兴趣的同学可以去看一下 EVEWiki。有趣的是,当沙盒大到一定程度时,它会在很多方面展现出一种自平衡的性质,就像经济学中那只“看不见的手”,自然生态学中地球这个大型生态系统的自我调节和自我修复。在我看来,这也是开放式游戏的最大的魅力之一,也让系统的复杂度进一步接近真实世界。

2. 打通两个宇宙(EVE & Dust):发现更广阔的世界——宇宙沙盒游戏和行星射击游戏联动

跟上面列举的诸多成功游戏范例不同的是,我接下来要说的,是一个虽然雄心勃勃,但却没有成功的例子。

EVE 的制作商 CCP,是一个来自冰岛的很有趣也很有追求的工作室。在 EVE 的大尺度宇宙成功地运行了若干年后,他们选择了一个更大的挑战——设计另外一个大型多人在线游戏,把新老两个宇宙之间联系起来,让两个游戏内的玩家可以互动,相互交谈,配合,雇佣,指派任务,火力支援或其他的互动,最终打通两个宇宙,让两个大型多人在线游戏之间达到有机的协同和交互。

eve

CCP 从一开始就没有掩饰这个雄心勃勃的计划,这是一个令骨灰级玩家们震惊和眩晕的设计,也是一个电子游戏行业从未有过先例的构想。

这个构想是如此令人敬畏和富有吸引力,以至于我在拿到 offer 后毫不犹豫地投身 CCP Shanghai 的怀抱。在游戏行业,我感到很幸运,能够有机会参与到这样一个项目中来。然而由于一些大大小小的原因,这个项目最终虽在 PS3 平台上线,却没有取得预期的成功。这里既然与主题无关,我就不打算谈论更多的细节了。

在 CCP 两年间,我只是一个很普通的工程师,这里的工作经历极大地拓宽了我的眼界,让我知道了什么是真正的 fearless,对先行者们,我始终满怀敬意,对于自己有机会能参与这样的一个项目,我也始终心怀感激。


谢谢你们,让我能在晚上凝视夜空的时候,脑海中浮现出更广阔的世界。


(全文完)Gu Lu2014-11-16


[2014-11-17] 补记:一开始看这个话题有趣,想着说两句。没想到一动笔就停不下来,一口气写了七八个小时我也是蛮拼的。其间或有错漏疏敝之处,让行家笑话了。如发现错误,请不吝指正,在此先行谢过。如引发了有趣的想法,也欢迎在评论中一起讨论。

[2014-11-18] 补记:今天中午有半个多小时 Blog 无法访问,后来联系 FarBox 才晓得是流量已经超上限,因为我用的是基础版,每个月100MB流量,可以用5年。结果今天一天的流量就把5年的配额全用完了……刚回到家以后亡羊补牢了一下,把 png 都换成了 jpg,省一点是一点吧 :) FarBox 反应很迅速,赞一下 :)

[2015-10-22] 评论中张翼同学问道:“如果游戏世界是边长为100km的正方形,那么在这个正方形的最远角落里,我们的最小空间单位是约 7.8 毫米”, 这个是怎么算出来的

32位的浮点数能表示的最小单位取决于尾数部分 (23位),换成10进位大约是小数点后7位也就是说,如果有个浮点数 1.0,那么下一个浮点数的精确值为 0.0000001192.

边长 100km 的正方形地图,如果坐标原点在中心,那么四个角上的点距离原点最远,勾股定理可算得这四个点与坐标原点的距离是 70.71067812 km,假设与这些顶点 5km 以内算作是游戏的角落区域,那么 (70.71067812km - 5km) * 0.0000001192 ≈ 0.000007832712831904km (约7.8毫米) 也就是说,在这些区域内放置的东西,被保存下来时,如果使用 32 位浮点数,是无法摆出两个物体相距 5 毫米 (<7.8毫米) 这样的布局的。这个最小误差值随着与坐标原点的距离越远就越大。


另:文章无版权,可随意转载;是否注明出处,亦无要求。



有两件事物,我愈是时常反覆地思索,就愈是感受到发自心底的由衷的赞美和无边的敬畏——这就是我头顶灿烂的星空,和我内心的道德准则。 - 康德
   
   

早些时候在知乎上看到这个有趣的题目,忍不住写两笔吧 :)


原题目:开放世界游戏中的大地图背后有哪些实现技术? 题目链接补充说明:诸如GTA,武装突袭之类的游戏中,开发者是如何实现超大地形的?对于这一问题有什么主流的解决方案?补充:例如一些开发者提到的浮点精度问题是如何解决的?又如果npc在玩家视野之外是如何运算的??


以下部分是我的答案:


首先肯定一下,这是一个非常有趣的问题。在这个答案里,我将尝试先回答主干问题,再对补充说明里的几个问题简单说一下。

下面是本文将涉及到的一些相关技术的列表,(需要说明的是,这些技术单独来看并不复杂,实际动手实现并理解各种取舍以后,在项目当中针对具体的需求去设计和搭配才是关窍之所在)


一、程序技术篇:算法和架构(Programming Algorithms & Architecture)

  1. 无限循环的平铺地图(Infinite Tiling)
  2. 可预测随机数和无限宇宙(Predictable Random)
  3. 精度问题解决方案(Precision Problem Solving)
  4. 超大地形的处理 (Terrain Visualization)

    4.1 古典算法(从 GeoMipMapping,Progressive Mesh 到 ROAM)4.2 层次的艺术(Quadtree 和 Chunked LOD)4.3 以GPU为主的技术(Paging,Clipmap 到 GPU Terrain)

  5. id tech 5 的 megatexture (超大地表上的非重复性海量贴图)

  6. 过程式内容生成 (Procedural Content Generation)

    6.1 过程式纹理(Procedural Texturing)6.2 过程式建模(Procedural Modeling)

二、内容制作篇:设计和创造(Content Design & Creation)

  1. 随机地图类游戏 (Diablo II) 中地图的拼接
  2. 无缝大世界 (World of Warcraft) 中区域地图的拼接
  3. 卫星地质数据的导入,规整化和再加工(一些飞行模拟类游戏)
  4. 超大地图的协同编辑:并行操作,数据同步,手动和自动锁的运用

三、异次元篇:我们的征途是星辰大海

  1. 终极沙盒(EVE):当规模大到一定程度——宇宙级别的混沌理论与蝴蝶效应
  2. 打通两个宇宙(EVE & Dust):发现更广阔的世界——宇宙沙盒游戏和行星射击游戏联动

一、程序技术篇:算法和架构(Programming Algorithms & Architecture)

1. 无限循环的平铺地图(Infinite Tiling)

我们就从最平淡无奇的无限循环平铺地图说起吧。这应该是最原始,也是最没有技术含量的开放世界构筑方式了。

技术上由于过于朴素,也没什么好说的,就是在同一个坐标系内像铺地砖那样展开,坐标对齐即可,就是接头处需要注意一下,不要穿帮就行。但是千万别因为简单就小看这个技术哟,上面列表里面的不少技术都是在循环平铺的基础上发展起来的,下面我们就来瞧一瞧吧。

按照维度的不同,循环平铺有下面三大类:

a. 在一维方向上扩展的横版卷轴游戏(以动作类游戏为主)和纵版卷轴游戏(以射击类游戏为主)。这些类型的游戏里,为了避免循环平铺给玩家带来的重复的疲劳,卷轴游戏会添加一些随机或动态的元素,比如超级玛丽里的背景上云朵的位置,分出多个层次以不同速率卷动的背景层,等等。

Mario

b. 在二维方向上循环平铺的固定视角2D游戏。这一类游戏里,比较典型的就是 Diablo。暗黑中的随机地图生成,在本质上,就是叠加了一定的随机性,约束和边界条件的循环平铺效果。

Diablo

c. 在 3D 游戏里循环平铺高度图,形成连绵不断的地形效果。这在早期的模拟飞行射击类游戏里比较常见,现在已经很难搜到图了,我在上大学的时候写的第一个地形渲染 demo 就是平铺的,可惜刚刚翻硬盘已经找不到了555。这一类游戏,在平铺时适当地辅以一些贴图的变化,可以在很省内存的条件下,做出非常不错的效果。

找不到游戏内的图,拿下面这个高度图来凑数吧。请大家脑补一下,把下面这个灰度图立体化之后,一块一块像地砖一样循环平铺以后,3D渲染出来的连绵起伏的直抵地平线(好吧,直抵远裁剪面)的山脉的壮观效果吧。

Tiling in 3D


2. 可预测随机数和无限宇宙(Predictable Random)

(本节内的描述和算法,部分参考了《Game Programming Gems I》 “2.0 Predictable Random Numbers” 一文,请感兴趣的同学自行查找原文通读)

有个传说中的游戏叫 Elite ,不知道有没有同学玩到过。据说这游戏运行在32K内存的机器上,其中16K还是只读的ROM。这游戏据说拥有难以匹敌的游戏深度:近乎无限个行星,每一个都有各自的名字和特征。

可预测随机数本身是游戏内运用非常广泛的一个技术,这里我们着重谈一下它在为游戏提供(微观上)更丰富的细节和(宏观上)更广阔的世界的作用。这一技术的最重要原则是,为了在一个游戏世界中给出无限空间的幻觉,我们需要满足两个分解条件,可以把它们成为宏无限(macro-infinite)和微无限(micro-infinite)”。前者涉及到问题的空间规模,后者则任意一个对象所支持的最小细节层次级别。


从实现上来说,如何设定随机种子是这个技术的核心。由于给定一个随机种子,生成的随机序列是完全可预测的,那么根据游戏内的一些时空的设定,通过对随机种子进行一些定制,得到在游戏内任意某个时刻和某个空间点上完全可预测的行为就是可行的了。

最简单的是使用以下几个元素与随机种子配合计算:

  1. 世界坐标(即 X Y Z 值,既可以表示空间中的某个点,也可以表示某个区域)
  2. 系统时间(可以用真实时间,也可以用游戏内设计者定义的时间,如果是前者的话需要考虑离线时的处理)
  3. 正态分布(在游戏里建一个查找表即可,这是最廉价的方案)

这些因素加上对应的随机序列,已经可以营造出宏观上比较有深度的一个宇宙空间了。理论上,如果所有的随机性都是由给定的随机种子产生,而这些随机种子要么是游戏定义的常量,要么是查表得到,要么是均匀流逝,要么是由更高层次的随机种子生成,那么这样一层一层上溯到尽头的话,任何一个游戏内的宇宙,都可以归因到一个初始的种子,这个种子,就是决定论中经典物理学的所谓的第一推动吧。其实如果真做到了这一点,我们大可以把这个种子交给玩家,在首次进入游戏的时候掷一个 2^64 骰子。这是真正的上帝创世的感觉,想象一下,上帝说,要有光,于是掷出了骰子,第一推动怦然落地,整个时空的巨大齿轮开始运转,在不同的时间点和空间点上,更多的随机序列被生成出来...

Elite

这幅图来自于游戏 Frontier:Elite II(出自这篇文章),下面配的字样是:“This picture doesn't even begin to show the scale of the universe.” 大家感受一下。


微观上本质上也是一样的,只是把发散的过程倒过来,变成了逐级收敛的过程。为了在某一个点上放大时,能得到尽可能细致,准确和一致的表现,我们需要对较低层次的世界定义更丰富的规则和约束,比如黑洞对周围的影响情况,双星体系的轨道,恒星的种类与行星个数之间的对应关系,不同恒星系结构下行星表面的大气构成,等等。这样才能较好地平衡多样性和独特性,带来更真实的模拟效果和更令人信服的游戏体验。


3. 精度问题解决方案

当足够大尺度的世界被创建出来时,就会自然而然地遇到精度的问题。同时这也是补充说明中提到的一个问题,这里我们简单介绍一下几种实践中的解决方案。

先描述一下问题吧,我们知道,IEEE754 中规定的32位浮点数中,有23位是用来表示尾数的。也就是说,对于接近1的浮点数,可能会带来 2E-24 左右的误差(大约是 0.0000001192)以现实单位计算的话,如果游戏世界是边长为100km的正方形,那么在这个正方形的最远角落里,我们的最小空间单位是约 7.8 毫米;而如果是中国这么大的面积的话,空间误差将达半米左右。那么可以想象一下,如果是宇宙级别的游戏,采用32位浮点数作为全地图精度,那么实际误差可能会有多么大。

在实践中,这种误差可能会带来以下这些影响:

  1. 无法将相邻的对象对齐。这种情况,场景美术(关卡设计师)应该会比较头疼,这对于游戏的编辑器来说是大问题了。物件没法在引擎编辑器里对齐;在不同的平台上,对齐也不一样;甚至不同的编译器,同一个编译器的不同版本编出来的引擎;对齐都不一样 ... 所以说处女座不要做 LD :P。
  2. 模型间的穿插和裂缝 本来封闭的墙角可能漏个洞,本来放在地上的石头变成了悬浮在空中。这实际上是上一种的变种。
  3. 骨骼动画的抖动 由于世界矩阵往往参与骨骼动画的运算,误差可能会被逐级放大,在那些最远离根骨骼的骨头上(也是玩家最容易注意到的地方),抖动可能会发生得非常剧烈。
  4. 物理模拟失真 一些柔体的模拟可能会直接失败,而刚体也可能会产生怪异的运动。碰撞系统也可能无法正常工作。

所有这些一旦发生,都是很容易觉察的。一旦你发现在一个很大的坐标上有这些问题,而接近原点处问题却消失了,那么很有可能就是精度在作怪。而需要注意的是,出现这种问题,只和游戏中出现的数字的规模和跨度有关,和游戏选择了什么样的长度单位(如用毫米还是公里做单位)无关。


那么怎样使用有限的坐标精度来描述较大尺度的世界呢?

最直接的方案是 使用双精度浮点数 (64 位),如果这是可接受的选择,那么就不必费心引入后面讨论的复杂度了。

其次是 区域划分法 。我看到 Milo 同学已提到,不过这里出于完整性的考虑,再简单说一下。正如 Milo 同学所说,“把世界划分成不同的区域,在区域内的计算使用其局部坐标系统。”相对应的跨区访问,需要对应的“本地A -> 世界 -> 本地B”的坐标转换。

还有一个方案是 节点中转法。正如移动电话的基站用来承载和协调整个通信网络那样,我们在游戏的给定活动区域使用静态信标,所有的逻辑上与之相关的单位,都以该信标的坐标作为参考单位,这样也可以做到把数据访问局部化。相距足够远的两个物体(相当于上面的跨区访问)交互总是通过静态信标来完成(正如移动电话网络中发生的那样),这样的好处是相关的复杂度可以隔绝在这个中转系统的内部。

此外凯丁同学提到了一个 坐标转换法,“所有位置信息都以角色位置为中心做一次转换”。这正是 《Game Programming Gems IV》 “4.0 Solving Accuracy Problems in Large World Coordinates” 文中的方案。这个方案可以解决部分问题(主要是渲染相关的问题),但是仍有一些问题需要考虑,比如:1. (上面提到的)编辑器内操作的物体,在序列化到文件中时,精度丢失的问题。2. 大部分物理模拟通常需要一个角色无关,摄像机无关的全局坐标系。等等。


4. 超大地形的处理 (Terrain Visualization)

终于说到对超大地形的处理了。可以说从上世纪九十年代起,超大地形的可视化,一直是3D游戏领域热门的话题。今天我们就借着这个机会,把相关的算法和实现理一理吧。

考虑到篇幅太长的话,俺的手指头招架不住,再一个不少对这个话题感兴趣的同学可能压根就不是程序员,一些实现细节可能我就只是简单提一下,贴代码什么的还是算了,尽量保证整篇文章的信息浓度适中吧。


总的来说,这十多年来,地形渲染技术的发展史就是一部生动的对现代GPU的开发,利用和改进史。整个过程大致可以分成三个阶段:一开始,GPU处理顶点能力很弱,这个时期的各种精巧算法(如一些VDPM和后期的ROAM),尽力在用CPU来降低顶点的总量,避免一不留神压垮图形系统;后来,图形系统的能力上去了,人们开始更多地考虑到把地形系统融入到通用的场景管理中去,如四叉树八叉树什么的就是在这个阶段被广泛应用的;再往后,GPU已经很强大了,CPU由于要承担更复杂的游戏逻辑,越来越成了整个系统的瓶颈,这个阶段,人们琢磨的更多的是,怎么利用GPU给CPU减负了,一直到如今,由 GPGPU 带动起来的异构计算,也都是这个路数。


由于内容比较杂,超大地形这个段落,按上面的描述,咱们分为三个小段分开来讲吧。让俺先沏上一杯碧螺春,为客官一一道来。

4.1 古典算法(从 GeoMipMapping,Progressive Mesh 到 ROAM)

GeoMipMapping 是从纹理的 MipMapping 技术演化来的一个地表处理技术,原理上是根据任何一小块地形在屏幕上显示的实际尺寸(主要跟与摄像机的距离和起伏程度有关)来选择对应密度的网格,然后把不同分辨率的网格之间以某种方式拼接起来(没有这一步的话就会有裂缝),本质上是一种比较粗糙的区域 LOD 算法。顺便说一下,由于那时候针对顶点级的处理很多,导致这种T型裂缝很常见,以至于有个专门的名字叫“T-Junction”,针对这个的处理在当时也有很多方案。

GeoMipMapping

这是俺刚刚到老硬盘里刨出来的大三时写的 GeoMipMapping 代码,编了一下居然还能跑起来。有点土,别介意:P 可以看到不同的 MipMap 级别是用不同的颜色渲染的,也可以看到接头处 T 型裂缝的处理。唉,这代码勾起了俺的青葱回忆啊,那就顺便再来两张 T 型裂缝的示意图和消除过程吧。

GeoMipMapping


GeoMipMapping


Progressive Mesh 是后来很流行的技术 Simplygon 的前身,原理上基本也是一致的,就是以某种方式渐变性地化简某个给定的 Mesh。

渐进式网格有两种:视点无关的 (View-Independent Progressive Mesh,VIPM) 和视点相关的 (View-Dependent Progressive Mesh,VDPM)。两者的区别就是,前者预先离线生成好所有的渐变过程,运行时直接用就行(也是后来 Simplygon 采用的方案),而后者随着摄像机的位置和角度的变化,生成对应的简化模型。两相对比,VIPM的好处是运行时运算开销低,简化模型的效果好,缺点是费内存(因为数据都存下来了,当然后来增量的方式能省一些),而VDPM在当时是不错的选择,因为跟VIPM相比不用费额外的内存,而且对于视点(就是摄像机)变化不剧烈的应用,不需要每帧处理和更新对应的简化模型(普通的MMO类的一般一秒一次就够了),此外由于一些简单的遮挡剔除和背面剔除,能够比VIPM裁掉多得多的顶点(一般能多裁1/3到一半吧,在当时这可是头等大事)。

总的来说,至少在当时,两者的应用都比较广泛,而到了后来,显存越来越大,总线却越来越紧张,VDPM这种典型的刷顶点的算法(比较费总线带宽)就逐渐失去了市场,这是后话了。

大家可以在这里看到一些 PM 在地形渲染上的应用。图咱就不上了,大家可以到 Simplygon 的网站上去看。


ROAM 可算作是上面提到的 VDPM 更进一步了。这个算法实际上借鉴了当时主流引擎的标配BSP的思路,想利用二叉树这个最简洁的空间描述数据结构,把(CPU端的)顶点消减发挥到极致。整个地表被组织成一个巨大的二叉树,有两个队列,一个是分割队列,一个是合并队列,分别用于处理摄像机移动时,增加进入视野的区域细节和消减退出视野的区域细节。精心设计的 ROAM 效果非常华丽(尤其是在线框模式下),你会看到在各种因素的影响(包括局部坡度,与摄像机的夹角,遮挡情况等等)下,各种三角形像魔术般的不断地变幻,生成和擦除超多的细节,效果非常魔幻。我印象很深的是当时连续打Quake3两个小时完全无感的我,调试这玩意的时候,每每不到十分钟眼就花了。

网上找了两张比较典型的 ROAM 大家感受一下吧。

ROAM 1


ROAM 2


4.2 层次的艺术(Quadtree 和 Chunked LOD)

其实用于空间管理的树状结构有四叉树和八叉树(还有上面的二叉树),但地表通常以前者居多。是因为,从小范围来看,变化剧烈的地形是3D的,适合八叉树在xyz三个方向上扩展;但当尺度大到一定规模之后,地形通常退化为相对扁平的2D空间,就像摊平了的地球表面那样,在竖直的Z方向上变化相对不大,而XY平面则是可能无限延伸的。

Quadtree 四叉树很直白,具体的细节我就不讲了。值得一提的是四叉树往往也同时用于场景管理的快速剔除和查找,从理论上来讲,四叉树是一个平面上最迅速的用于剔除空间,定位一个物体,内存开销也是相对较低的数据结构。当用于地形渲染时,顶点剔除的效率也很高,我印象中仅次于高度优化的 ROAM。内存开销低主要是因为四叉树是可以完美展开到一个位数组里的,这样的话意味着整个树的利用率达到了百分之百——所有的空间都用来存储数据而不是维持结构。

不过四叉树也不是啥都好,T型裂缝就比 GeoMipMapping 难处理,因为存在跨级的多段 T 缝,如下图:

Quadtree

除此之外还有一些细节问题,这里就不一一说明了,地形的四叉树渲染还是有很多细节需要细心处理的,此处暂且放下不表。


Chunked LOD 是一种杂合改良的 LOD,其实糅合了上面说的不少细节,本质上是一种分区块地消减细节的技术。所谓 Chunk 是批量处理的一种方式,只是一种粒度划分的单位而已,跟现在 Java 的 GC 里分区回收概念上差不多。

下面是典型的 Chunked LOD 后的效果:

Chunked LOD

顶点多次过滤优化后的效果:

Chunked LOD

效果在当时还是很惊艳的。通常不到50k的渲染数据量已经能有非常逼真的效果了。


4.3 以GPU为主的技术(从 Paging,Clipmap 到 GPU Terrain)

上面的基本上都是传统方案,这一节我们将逐渐过渡并挨个介绍一下以 GPU 为运算主体的算法。


所谓分页(Paging)实际上是仿效虚拟内存的运行机制的一种方法。由于地表的顶点数据都是静态数据,适合常驻显存。当世界尺度较大时,显存没法一次放入所有数据,那么系统就像虚拟内存那样,把那些暂时没有用到的数据交换出去。随着游戏的进行,Paging In/Out 也在不断进行,辅以一定的异步机制,加载到显存的延迟可以被很好地掩盖。玩家的直观感受就是:哇,海量的细节。

Paging


而 Clipmap 则比 Paging 更进一步,以金字塔的形式逐级把数据排列好,直接整体更新和渲染。从这里也可以看出 GPU 时代人们的思维方式的逐步变迁。从以前顶点级别(Vertex Level)的“锱铢必较”,到后来的一次多塞一点也无所谓,只要批次(Batch)少就 OK。下图可以看出 Clipmap 的基本思路。

Clipmap


所谓的 GPU Terrain Rendering 就是把高度图从内存里经由 2D Vertex Texture 搬到 VS 里去生成三角面,这样的好处是 CPU 和内存就被彻底解放出来了。只是访问上有一些限制,不像直接处理内存那样方便。具体的细节可以看这里:GPU Gems 2: Terrain Rendering Using GPU-Based Geometry Clipmaps

在 GPU 上做还有个巨大的好处是可以借助 Gaussian Noise 即时生成更多的细节了。直接拿一小块预生成的高斯噪点图在需要的时候叠加一下,就能在没太大额外开销的情况下,增加各种细节。如下图所示:

GPU Terrain


随着大家对 GPU 理解的深入,地形的处理又有很多的小技巧可以做,尤其是在 PS 里面,比如法线生成,动态uv展开,光照按需叠加/衰减什么的。不过呢据我所知没有什么非常别具一格的架构上的新思路了,所以就不再深入了。

5. id tech 5 的 megatexture (超大地表上的非重复性海量贴图)

megatexture 在当年(2007)是一个非常值得一提的技术。在这个技术出现之前,几乎所有的地表渲染用到的贴图都是若干张 blend 到一起后,以 tiling 的形式重复平铺在地表上的(包括比较典型的魔兽世界也是如此),这样的直接后果是图片的种类用多了耗资源,用少了又很容易感到单调和重复。而 megatexture 则是一张全局的超大贴图,从根本上避免了重复这个问题,理论上(实践上也是)能够生成非常壮丽和独特的地质风貌,是传统的刷地表无法创作出的效果。可以说这个技术让真正的全景地貌成为可能。


技术上的细节puzzy老师写过一个 pdf,强烈推荐感兴趣的同学搜来看一下(可以搜“ ID Tech 5 中"Megatexture"针对地形的D3D9 基本实现原理 - 姚勇”),珠玉在前,我就不啰嗦了。就来一张效果图吧(好吧我知道能坚持看到这儿的同学,这图基本上肯定都看过了)

megatexture

全局超大贴图对一个开放性世界的价值不言而喻。想象一下,跟拿乐高积木拼接出来的视觉效果(传统的 texture blending and tiling)相比,一幅万米画卷上,每个像素都可以随意描绘,是一种什么感受。 比如,你可以相对轻松地实现“整个世界的地貌瞬间被密集核弹蹂躏了一场之后”的效果。如果你想模拟整个生态环境的变迁,在不同粒度上的整体性修改更是无价之宝。


6. 过程式的内容 (Procedural Content Generation)

“过程式生成”是一个不是很恰当的翻译,实际上更贴近本意的说法是“以程序的手段生成”,这里我们简洁起见,仍使用过程式生成的字样吧。

过程式的内容生成是随机技术的在视觉效果上的一个重要衍生。这个技术虽然到最近才被广泛应用,但实际上从技术角度讲,在很久以前就已经有比较成熟的实现了。我手头的 2003 年出版的翻译版 Game Programming Gems III 中 就有 4.16 和 4.17 连续两篇文章以“程序手段生成的纹理”作为主题。这是构建超大规模的世界的一个重要的技术工具,尤其是与上面的 megatexture 技术结合起来,可以创造出非常令人震撼的视觉复杂度。

下面是 sourceforge 上一个开源的项目 PCity - Procedural Modeling and Rendering of Cities

1.6-pcity

可以看出,对于过程式生成来讲,只要有非常小的初始数据集(meta-data),可以在宏观上达到很大尺度和复杂度的视觉效果。

过程式生成有两大分支,一个是过程式纹理,另一个是过程式建模(上面的 PCity 属于后者),下面我们分别来谈一谈。

6.1 过程式纹理(Procedural Texturing)

人们发现,自然界中有很多视觉效果是可以用数学公式加上一些简单的随机性来模拟的,比如云彩,水流,火焰,木纹,大理石,草地,夜空,大气等等,程序生成的纹理效果大大丰富了普通纹理能表现的效果,就好像是物理引擎给游戏增加了活力一样。一个普通的噪点图,在不同的情境下,作为辅助参数来参与生成动态纹理,可以产生出近乎无穷无尽的变化。

这是过程式生成的云,出处在这里

proc_cloud

这是过程式生成的外观,使用了 Allegorithmic 公司的 Substance Designer,出处在这里

proc_texturing

这里是一些分解材质,相当于过程式纹理的图素,出处在这里

proc_texturing

proc_texturing

6.2 过程式建模(Procedural Modeling)

过程式建模特指以程序的手段动态建模。这是一个更大的话题,现在比较成熟的中间件的代表是 Speedtree,比如下面这个效果:

speedtree

完全不同风格的纹理,模型的任意杂合,随意生成,效果也非常真实,非常适合做恐怖游戏。在 Speedtree 的网站上还可以看到长成茶壶的树之类的奇葩。我还记得有一年的GDC,在 IDV 的 Speedtree 的展台看到的一段华丽视频,就是各种藤蔓植物在几秒钟之内长满了一个峡谷内的整个大坝,电影级的效果非常震撼,不知道现在网上是否还能找到。


过程式建模是一项非常迷人的技术,我本人也曾被深深吸引,在上面投入过一段时间的精力。2010年时,我在开发一款飞行射击类的 MMO,当时接触到了 Gamr7 的过程式建模技术,感觉很不错,在飞行类游戏中,地面物体的建模可以完全以程序方式生成,这个对当时的我来说吸引力太大了。那时我花了一个月把 Gamr7 的技术集成到自己的框架里,并在上海世博会期间,与 Bernard Légaut 先生 一起在世博会的法国企业馆展示了合作成果。摘两张当时的 PPT 吧。

wings of fate

截图中的素材基本上都是使用了过程式自动生成的(不是美术手放上去的),树是用 speedtree 生成的。

wings of fate

总得来说,过程式建模是一项潜力远远没有得到释放的技术,现有的工具还处于比较原始的阶段。在当年 PPT 的技术展望(Beyond the Tech)一节中,我写到“(过程式建模带来的)更高级的抽象使我们可以控制更高的复杂度,从而带来更丰富的细节 (Higher abstraction makes much more details and complexities manageable) ”时至今日,受限于技术的发展,这仍只在某个特定的主题(如 Speedtree 的植被模拟和一般的城市模拟)内有效。对于随机性的粒度,我们仍缺乏有效的手段去控制。当年展望时的两大 Expectation(一个是建立起模式和库抽象从而满足不同层次上的复用需求,另一个是如何统一过程式技术中的无序和有序,有效地控制随机性的粒度),现在据我所知仍是所缺甚多,颇为渺茫。当然了,对有志之士,这也不失为一大探索方向。

二、内容制作篇:设计和创造(Content Design & Creation)

聊完了程序方面的内容,我们来简单讲讲超大规模世界在设计和制作方面的一些情况。这方面因为我不是专家,只是做一下简单的介绍,不足之处,还请专业人士指正。

1. 随机地图类游戏 (Diablo II) 中地图的拼接

在暗黑二,暗黑三和类似的游戏“火炬之光”等游戏中,通过巧妙的拼接,理论上可以通过组合,生成近乎无限大的地图。

这是暗黑三第二章里所有地图的可能的部件形状:

diablo3

这是拼接之后的样子:

diablo3

除了拓扑结构上可以任意排列组合以外,在每一个分片上预留足够多的通用接口也很重要。比如一扇拱门,可以是闭合不可交互的状态,也可以通向下一个直角走廊,也可以是通往一个副本的入口。

diablo3

要注意标准化的组件如果太多也会让玩家觉得单调和重复感过强,火炬之光在这一点上就做得不错。下图是火炬之光生成好的地图样貌:

torch light

可以看到效果还是很不错的,一眼看过去已经不太有重复感了。

2. 无缝大世界 (World of Warcraft) 中区域地图的拼接

无缝世界类游戏的区域拼接和上面的随机生成类游戏的区域拼接是很不一样的。

wow

可以看出,不同的区域之间有着很长的接壤线和完全不规则的边缘。在这种情况下,为了简化制作,大部分边界区域以高山作为阻隔。你几乎不怎么会看到有建筑横跨两个不同的区域,原因也是在此。

在沙盘制作时,通常的做法是在整个世界地图(对应的世界编辑器)中规划好每个区域的范围,也就是分区分块。每个区域由不同的设计师在场景编辑器中分开制作。在制作当前场景时,与该场景接壤的几个场景的最新版本都会加载上来,编辑器中可以提供一些方便的工具,便于在接壤处对齐。主要是高度的对齐和贴图的融合。前者通常的选择是高度上用 Smooth 工具平滑过渡到邻接场景,后者通常最简单的处理方法是真正的过渡点两边使用同一种贴图即可,实际的美术风格过渡(如果需要的话)在邻接地图的接壤线附近完成。

一些贯穿不同地图的元素(如河流等)可能需要世界编辑器的参与来指定水平面的高度和区域范围之类的参数,但这一类元素通常不会太多,因为它们没有明显的 Gameplay 贡献,反而加剧了不同场景之间的耦合。

如果游戏有动态的天气/环境氛围系统,那么不同场景之间需要做一些平滑的过渡,这些程序用普通的插值实现就可以了,设计师一般只用关心当前场景内的表现即可。当然有的游戏这个过渡做的不好,玩家体验非常生硬,也是有的。

wow

总得来说,这一类无缝大地图的复杂度主要是在编辑器的协同方面(后面我们会再提到),实际的创作复杂度较前面的随机地图生成为低。


3. 卫星地质数据的导入,规整化和再加工(一些飞行模拟类游戏)

超大规模的开放性世界地图,还有一类是直接使用卫星地质数据以加强整个世界真实性的。据我所知,育碧出品的 Tom Clancy's H.A.W.X. I & II (就是国内翻译的 鹰击长空 I & II)就是使用了 GeoEye 的商业级高分辨率卫星地图。

既然用了真实的卫星地质数据,这一类游戏同样能生成非常震撼的效果,也就不用多说了。找两张截图大家感受一下吧:

hawx

这一类的缺点是不能模拟真实世界中没有的环境(当然拿去再创作的不算)。

hawx

这种真实数据的数据源就没什么好说的了,我简单说一下导入后的处理。通常导入后的贴图需要美术在色彩和明暗上二次加工一下,得到和游戏匹配的整体氛围。需要提供比较精确的工具给美术进行高度图和高分辨率纹理的拟合。此外通常这一类地质数据是没有 NormalMap 的,需要提供工具生成一下。

还有就是,河流和湖泊这一类水体的处理,3D游戏通常在渲染效果方面对水面特效照顾得比较多。如何生成跟真实环境相匹配的河流和湖泊是一大难点。因为一般游戏里是有一个绝对水平的特效面片的,而如果给真实环境中得来的高度数据上配一个这种特效面片,通常无法跟真实的贴图相吻合(尤其是在山脉和峡谷等地形中的水体)如何提取真实的高分辨率贴图中的水面信息,自动生成对应的3D水面,也是一大话题。当然,如果不怕费事,也可以由美术直接做出来了事。


4. 超大地图的协同编辑:并行操作,数据同步,手动和自动锁的运用

现在咱们回过头来聊一聊在 wow 这一类超大地图里,如何在多人团队内协同编辑的问题。


对于美术(这里专指负责场景的设计师)来说,常见的最简单做法是每人一块(或多块)区域地图,团队内维护一个公共的物件和贴图库。(物件和贴图可以由专门同事制作,需要时也可外包)在这种情况下,美术的并行化程度很大程度上取决于团队自身能力,对场景编辑器没有特殊的技术上的需求。

超大地图的场景编辑器在加载周边邻接的区域地图时,需要显式地标示出其版本和上次修改日期,这样可以把邻接区域的修正工作量降到最低。最好的做法是能够通过版本管理软件,在有同事修改了邻接区域以后自动更新并重新加载(当然可以稍有延时,不用那么即时),这样的并行工作效率可以达到最高。

真正的难题通常发生在策划那边,当需要编辑跨区任务或事件时,如果对 Ownership (也就是场景实体的所有权问题)管理不善。跨区系统可能会产生各种层出不穷的 bug。比如同一个 npc 承担了多个跨区职责时,其中的状态就可能会互相干扰,在杀掉某个 npc 这一类任务中更易出现,造成难以重现的 bug。这就需要提供明确的所有权管理机制,明确跨区访问的一般规则,提供简单的全局状态检测工具,在设计时就能提示出绝大多数潜在的冲突。当然,这些的先决条件是所有的区域数据,要么提供中央数据库管理,要么工具做到在团队网络内实时同步。


最后我们来说一下真正有趣的实践,就是“真正的”协同编辑。也就是任意个美术和任意个策划可以工作在任意个区域里。是的,你没看错,这才是终极的开发自由度。其实如果这是一个如典型的 WOW 那样的 MMORPG 的话,这就跟“所有的玩家登录到同一个服务器一起游戏”是同一个概念了。所不同的是,这里的“玩家”实际上全部是开发团队的成员,而且他们是有能力创造和修改这个游戏世界的。

只要想通了这个概念,实践上并不像想象中那么复杂。由于美术和策划对同一个地图关注的焦点不同,我们只要把他们工作有交集的部分处理好,他们就能一起愉快地玩耍了。实践上来看,两者的交集通常是 a. 整个区域的逻辑高度图和 b. 所有的相对碰撞关系。也就是说,美术和策划的工作内容里,只要不涉及到这两者,都可以随便搞,但如果影响到了这两者,编辑器需要有能力提示正在修改的人会影响到什么(或按默认行为自动处理),通常是不难做到的。举个例子,策划放好 npc 后,美术去调整高度,把 npc 站的广场弄成一个山坡,那么要么提示美术这么干可能会影响到策划的设计,要么自动把对应的 npc 都重新调整位置,吸附在新的地表高度(一般编辑器允许设置为吸附到地表)。

当两个美术在修改同一区域时,就涉及到锁的问题了。锁有两种,一种是在编辑时自动触发,场景地表以区域为单位,物件以 Instance 为单位,当编辑时自动把 Owner 设为当前编辑者,提交改动到服务器时可以选择继续锁或是释放锁。一种是手动锁,就是美术框住一片区域,主动加锁,这样有些时候更方便。编辑器制作者需要考虑的一些细节有:锁住的区域在其他开发者的机器上,需要比较显眼的提示信息;保险起见总是多锁一定的范围,以方便地表平滑等工具编辑时对周边区域的影响,等等。


三、异次元篇:我们的征途是星辰大海

上面两部分“程序技术篇”和“内容制作篇”已经把大规模开放世界讲得差不多了,下面的内容我取名叫“异次元篇”,也是随便侃侃,大家随便看看就好。

1. 终极沙盒(EVE):当规模大到一定程度——宇宙级别的混沌理论与蝴蝶效应

对于开放式世界来讲,如果没有真正与这个世界的尺度相配的开放式的交互,那么仍然是一个死气沉沉的世界。EVE,正是一个为了开放式交互而打造的超大的沙盒宇宙。

eve

在这个宇宙中,玩家拥有很高的自由度去探索,创造,建设,摧毁(针对自然环境而言),配合,领导,同盟,背叛(针对社会环境而言)。这游戏我就不展开介绍了,有兴趣的同学可以去看一下 EVEWiki。有趣的是,当沙盒大到一定程度时,它会在很多方面展现出一种自平衡的性质,就像经济学中那只“看不见的手”,自然生态学中地球这个大型生态系统的自我调节和自我修复。在我看来,这也是开放式游戏的最大的魅力之一,也让系统的复杂度进一步接近真实世界。

2. 打通两个宇宙(EVE & Dust):发现更广阔的世界——宇宙沙盒游戏和行星射击游戏联动

跟上面列举的诸多成功游戏范例不同的是,我接下来要说的,是一个虽然雄心勃勃,但却没有成功的例子。

EVE 的制作商 CCP,是一个来自冰岛的很有趣也很有追求的工作室。在 EVE 的大尺度宇宙成功地运行了若干年后,他们选择了一个更大的挑战——设计另外一个大型多人在线游戏,把新老两个宇宙之间联系起来,让两个游戏内的玩家可以互动,相互交谈,配合,雇佣,指派任务,火力支援或其他的互动,最终打通两个宇宙,让两个大型多人在线游戏之间达到有机的协同和交互。

eve

CCP 从一开始就没有掩饰这个雄心勃勃的计划,这是一个令骨灰级玩家们震惊和眩晕的设计,也是一个电子游戏行业从未有过先例的构想。

这个构想是如此令人敬畏和富有吸引力,以至于我在拿到 offer 后毫不犹豫地投身 CCP Shanghai 的怀抱。在游戏行业,我感到很幸运,能够有机会参与到这样一个项目中来。然而由于一些大大小小的原因,这个项目最终虽在 PS3 平台上线,却没有取得预期的成功。这里既然与主题无关,我就不打算谈论更多的细节了。

在 CCP 两年间,我只是一个很普通的工程师,这里的工作经历极大地拓宽了我的眼界,让我知道了什么是真正的 fearless,对先行者们,我始终满怀敬意,对于自己有机会能参与这样的一个项目,我也始终心怀感激。


谢谢你们,让我能在晚上凝视夜空的时候,脑海中浮现出更广阔的世界。


(全文完)Gu Lu2014-11-16


[2014-11-17] 补记:一开始看这个话题有趣,想着说两句。没想到一动笔就停不下来,一口气写了七八个小时我也是蛮拼的。其间或有错漏疏敝之处,让行家笑话了。如发现错误,请不吝指正,在此先行谢过。如引发了有趣的想法,也欢迎在评论中一起讨论。

[2014-11-18] 补记:今天中午有半个多小时 Blog 无法访问,后来联系 FarBox 才晓得是流量已经超上限,因为我用的是基础版,每个月100MB流量,可以用5年。结果今天一天的流量就把5年的配额全用完了……刚回到家以后亡羊补牢了一下,把 png 都换成了 jpg,省一点是一点吧 :) FarBox 反应很迅速,赞一下 :)

[2015-10-22] 评论中张翼同学问道:“如果游戏世界是边长为100km的正方形,那么在这个正方形的最远角落里,我们的最小空间单位是约 7.8 毫米”, 这个是怎么算出来的

32位的浮点数能表示的最小单位取决于尾数部分 (23位),换成10进位大约是小数点后7位也就是说,如果有个浮点数 1.0,那么下一个浮点数的精确值为 0.0000001192.

边长 100km 的正方形地图,如果坐标原点在中心,那么四个角上的点距离原点最远,勾股定理可算得这四个点与坐标原点的距离是 70.71067812 km,假设与这些顶点 5km 以内算作是游戏的角落区域,那么 (70.71067812km - 5km) * 0.0000001192 ≈ 0.000007832712831904km (约7.8毫米) 也就是说,在这些区域内放置的东西,被保存下来时,如果使用 32 位浮点数,是无法摆出两个物体相距 5 毫米 (<7.8毫米) 这样的布局的。这个最小误差值随着与坐标原点的距离越远就越大。


另:文章无版权,可随意转载;是否注明出处,亦无要求。

				<script>
					(function(){
						function setArticleH(btnReadmore,posi){
							var winH = $(window).height();
							var articleBox = $("div.article_content");
							var artH = articleBox.height();
							if(artH > winH*posi){
								articleBox.css({
									'height':winH*posi+'px',
									'overflow':'hidden'
								})
								btnReadmore.click(function(){
									articleBox.removeAttr("style");
									$(this).parent().remove();
								})
							}else{
								btnReadmore.parent().remove();
							}
						}
						var btnReadmore = $("#btn-readmore");
						if(btnReadmore.length>0){
							if(currentUserName){
								setArticleH(btnReadmore,3);
							}else{
								setArticleH(btnReadmore,1.2);
							}
						}
					})()
				</script>
				</article>
<div class="comment-edit-box d-flex">
	<a id="commentsedit"></a>
	<div class="user-img">
		<a href="javascript:void(0);" target="_blank">
			<img class="show_loginbox" src="//g.csdnimg.cn/static/user-img/anonymous-User-img.png">
		</a>
	</div>
	<form id="commentform">
		<input type="hidden" id="comment_replyId">
		<textarea class="comment-content" name="comment_content" id="comment_content" placeholder="想对作者说点什么"></textarea>
		<div class="opt-box"> <!-- d-flex -->
			<div id="ubbtools" class="add_code">
				<a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
			</div>
			<input type="hidden" id="comment_replyId" name="comment_replyId">
			<input type="hidden" id="comment_userId" name="comment_userId" value="">
			<input type="hidden" id="commentId" name="commentId" value="">
			<div style="display: none;" class="csdn-tracking-statistics tracking-click" data-mod="popu_384"><a href="#" target="_blank" class="comment_area_btn">发表评论</a></div>
			<div class="dropdown" id="myDrap">
				<a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
				<div class="txt-selected text-truncate">添加代码片</div>
				<svg class="icon d-block" aria-hidden="true">
					<use xlink:href="#csdnc-triangledown"></use>
				</svg>
				</a>
				<ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
					<li><a data-code="html">HTML/XML</a></li>
					<li><a data-code="objc">objective-c</a></li>
					<li><a data-code="ruby">Ruby</a></li>
					<li><a data-code="php">PHP</a></li>
					<li><a data-code="csharp">C</a></li>
					<li><a data-code="cpp">C++</a></li>
					<li><a data-code="javascript">JavaScript</a></li>
					<li><a data-code="python">Python</a></li>
					<li><a data-code="java">Java</a></li>
					<li><a data-code="css">CSS</a></li>
					<li><a data-code="sql">SQL</a></li>
					<li><a data-code="plain">其它</a></li>
				</ul>
			</div>  
			<div class="right-box">
				<span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
				<input type="submit" class="btn btn-sm btn-red btn-comment" value="发表评论">
			</div>
		</div>
	</form>
</div>

	<div class="comment-list-container">
	<a id="comments"></a>
	<div class="comment-list-box">
	</div>
	<div id="commentPage" class="pagination-box d-none"></div>
	
</div>

如果你玩过MMOARPG游戏,比如魔兽,你会发现人物行走会…

来自: zerokkqq的专栏



		<div class="recommend-item-box type_blog clearfix" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/weixin_41819299/article/details/80840286,BlogCommendESEnWordWeight_1,index_1&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/weixin_41819299/article/details/80840286" target="_blank" title="python应用——游戏地图最短路径 - 北落师门xy的博客(疑义相与析)">
			<h4 class="text-truncate oneline" style="width: 619px;">
					python应用——游戏<em>地图</em>最短路径 - 北落师门xy的博客(疑义相与析)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/3/F/8/3_weixin_41819299.jpg" alt="weixin_41819299" class="avatar-pic">
						<span class="namebox">
							<span class="name">weixin_41819299</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">06-28</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						169</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/weixin_41819299/article/details/80840286" target="_blank" title="python应用——游戏地图最短路径 - 北落师门xy的博客(疑义相与析)">
						<span class="desc oneline">一.题目要求参考下图完成游戏地图中从起点到目标点的最短路径寻找问题。&nbsp;&nbsp;二.设计思路先对游戏地图做了几个设定,以矩阵来模拟游戏地图。将可行的区域位置赋值0,障碍区赋值为inf。考虑到地图大小,将起始点...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/weixin_41819299">来自:	<span class="blog_title"> 北落师门XY的博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box type_blog clearfix" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/Jurbo/article/details/75532885,BlogCommendESEnWordWeight_2,index_2&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/Jurbo/article/details/75532885" target="_blank" title="游戏开发中的人工智能(七):A* 路径寻找算法 - 学愈进而愈惘">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游戏开发中的人工智能(七):A* 路径寻找算法 - 学愈进而愈惘				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/C/C/0/3_jurbo.jpg" alt="Jurbo" class="avatar-pic">
						<span class="namebox">
							<span class="name">Jurbo</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">07-20</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2209</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/Jurbo/article/details/75532885" target="_blank" title="游戏开发中的人工智能(七):A* 路径寻找算法 - 学愈进而愈惘">
						<span class="desc oneline">接上文 游戏开发中的人工智能(六):基本路径寻找及航点应用本文内容:介绍路径寻找算法的主力——A* 路径寻找方法。A* 路径寻找算法路径寻找是游戏软件AI 最基本的问题之一。A* 算法是当今游戏软件开...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/Jurbo">来自:	<span class="blog_title"> 学愈进而愈惘</span></a></span>
                    					</p>
		</div>
				</div>

<div class="recommend-item-box recommend-ad-box"><div id="kp_box_517" data-pid="59" data-track-view="{&quot;mod&quot;:&quot;kp_popu_517&quot;,&quot;con&quot;:&quot;,,&quot;}"><div class="mediav_ad"><newsfeed class="newsfeed QIHOO__WEB__SO__1541767084565_3" id="QIHOO__WEB__SO__1541767084565_3" style="display:block;margin:0;padding:0;border:none;width:900px;height:84px;overflow-y:hidden;overflow-x:hidden;position:relative;text-align:left;"><info-div id="QIHOO__WEB__SO__1541767084565_3-info" style="zoom:1"><info-div class="QIHOO__WEB__SO__1541767084565_3 singleImage clk" data-href="https://s1.milkjpg.com/s?type=2&amp;r=20&amp;mv_ref=blog.csdn.net&amp;enup=CAABOt4sBwgAAgcs3joA&amp;mvid=NDcyOTg3MDA5NTIzNzIwMDkxMTAwMTg&amp;bid=12b4c88d32ce9f65&amp;price=AAAAAFvlf7QAAAAAAAL1j6w1wLrHwg3nQA4XBQ==&amp;finfo=DAABCAABAAAA4ggAAgAAAH4EAAM/VC42yoojgwAIAAIAAAADCgADD6wBPcsCCVAIAAQAAAC4BgAGLbcIAAgAIpD0CgAJAAAAAAACEBgGAAoAAAA&amp;ugi=FcTgigEVyNtrTBUCFewCFfwCFQAAFc/SpNkGFoAoFcgBAA&amp;uai=FaixkwIlAhUEFp7ZsOitifyrHxXyCCXKjs+xASUAFRoA&amp;ubi=FcihShWCzLQCFaq6zRYV0o/tVhUEFRwWtILUghcWntnFz7fPgKwfNAIWsMCQgAglBhXp2KWnDxW+BRUANuPvwZunsNCngwEA&amp;clickid=0&amp;cpx=__OFFSET_X__&amp;cpy=__OFFSET_Y__&amp;cs=__EVENT_TIME_START__&amp;ce=__EVENT_TIME_END__&amp;csign=dff2bee3230ed290&amp;url=http%3A%2F%2Fwz1.pjmqd.pw" data-clk="https://max-l.mediav.com/rtb?type=3&amp;d=100&amp;b=12b4c88d32ce9f65&amp;p=2255956&amp;l=1136674&amp;s=1&amp;k=SMO86AAAAAA=&amp;i=8IHxNdf4HJCY&amp;v=47298700952372009110018&amp;x=__OFFSET_X__&amp;y=__OFFSET_Y__&amp;st=__EVENT_TIME_START__&amp;et=__EVENT_TIME_END__&amp;tc=&amp;turl=">
<info-div class="wrap">
    <info-div class="singleImage-img singleImage-img-left">
        <info-div class="img" style="background-image:url(https://s3m.mediav.com/galileo/608356-67c61cd54762588e5794182aeba75c92.jpg)"><info-div class="ads-tag"></info-div></info-div>
    </info-div>
    <info-div class="singleImage-body singleImage-body-left">
        <info-div class="singleImage-title">微又出的新赚钱方式,第一批虹桥人已经赚嗨了!</info-div>
        <info-div class="singleImage-desc">天傲投资 · 燨燚</info-div>
    </info-div>
		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/u013052238/article/details/80273042,BlogCommendESEnWordWeight_3,index_3&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/u013052238/article/details/80273042,BlogCommendESEnWordWeight_3,index_3&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/u013052238/article/details/80273042" target="_blank" title="游戏里的跨地图寻路算法 - zzz的专栏">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游戏里的跨<em>地图</em>寻路算法 - zzz的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/0/F/0/3_u013052238.jpg" alt="u013052238" class="avatar-pic">
						<span class="namebox">
							<span class="name">u013052238</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">05-10</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						299</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/u013052238/article/details/80273042" target="_blank" title="游戏里的跨地图寻路算法 - zzz的专栏">
						<span class="desc oneline">转自:http://www.cnblogs.com/lijiajia/p/7150162.html前段时间遇到一个跨地图寻路的需求,需要在任意两个地图之间自动寻路。我们的寻路算法用的是AStar,每个...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/u013052238">来自:	<span class="blog_title"> Zzz的专栏</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/kenden23/article/details/17000723,BlogCommendFromBaidu_4,index_4&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/kenden23/article/details/17000723,BlogCommendFromBaidu_4,index_4&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/kenden23/article/details/17000723" target="_blank" title="3D游戏技术 - 大型3D地图优化渲染技术 - 靖空间(专注,努力不会白费的!)">
			<h4 class="text-truncate oneline" style="width: 609px;">
					3D游戏<em>技术</em> - 大型3D<em>地图</em>优化渲染<em>技术</em> - 靖空间(专注,努力不会白费的!)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/B/F/B/3_kenden23.jpg" alt="kenden23" class="avatar-pic">
						<span class="namebox">
							<span class="name">kenden23</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">11-30</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1.7万</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/kenden23/article/details/17000723" target="_blank" title="3D游戏技术 - 大型3D地图优化渲染技术 - 靖空间(专注,努力不会白费的!)">
						<span class="desc oneline">技术简介:

如果需要渲染一个大型3D地图,由于数据量,需要渲染的东西非常多,所以尤其一些慢一点的机器就会变得非常卡。

如下面这些会造成帧率(FPS)下降的图:

这样的图:
还有这样的魔兽世界的图…

来自: 靖空间



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/baozi3026/article/details/4744005,BlogCommendFromBaidu_5,index_5&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/baozi3026/article/details/4744005,BlogCommendFromBaidu_5,index_5&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/baozi3026/article/details/4744005" target="_blank" title="游戏引擎十大核心竞争力 之 (一);场景分割(alpha纯预览版、持续更新) - baozi3026的专栏(智慧只是理论而不付诸实践,犹如一朵重瓣的玫瑰,虽然花色艳丽,香味馥郁,凋谢了却没有种子。 )">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游戏引擎十大核心竞争力 之 (一);场景分割(alpha纯预览版、持续更新) - baozi3026的专栏(智慧只是理论而不付诸实践,犹如一朵重瓣的玫瑰,虽然花色艳丽,香味馥郁,凋谢了却没有种子。 )				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/C/E/2/3_baozi3026.jpg" alt="baozi3026" class="avatar-pic">
						<span class="namebox">
							<span class="name">baozi3026</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">10-29</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						970</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/baozi3026/article/details/4744005" target="_blank" title="游戏引擎十大核心竞争力 之 (一);场景分割(alpha纯预览版、持续更新) - baozi3026的专栏(智慧只是理论而不付诸实践,犹如一朵重瓣的玫瑰,虽然花色艳丽,香味馥郁,凋谢了却没有种子。 )">
						<span class="desc oneline">&nbsp;游戏引擎中最关键的问题之一,是场景管理技术;其中,最基础的部分,就是场景分割。场景分割要解决的几个问题如下:游戏场景是一次载入还是需要实时的流载入 游戏场景场景过大而无法一次载入的时候,怎样一次载入...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/baozi3026">来自:	<span class="blog_title"> baozi3026的专栏</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/WangHaoDiablo/article/details/78309337,BlogCommendFromQuerySearch_6,index_6&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/WangHaoDiablo/article/details/78309337,BlogCommendFromQuerySearch_6,index_6&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/WangHaoDiablo/article/details/78309337" target="_blank" title="Unity3D 一种开放世界物件序列化方案 - bobo布偶猫舍铲屎官(布偶在手,女神我有!高品质布偶猫,带cfa证书,新浪微博 bobo布偶猫舍)">
			<h4 class="text-truncate oneline" style="width: 619px;">
					Unity3D 一种<em>开放</em><em>世界</em>物件序列化方案 - bobo布偶猫舍铲屎官(布偶在手,女神我有!高品质布偶猫,带cfa证书,新浪微博 bobo布偶猫舍)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/F/3/F/3_wanghaodiablo.jpg" alt="WangHaoDiablo" class="avatar-pic">
						<span class="namebox">
							<span class="name">WangHaoDiablo</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">10-22</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						332</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/WangHaoDiablo/article/details/78309337" target="_blank" title="Unity3D 一种开放世界物件序列化方案 - bobo布偶猫舍铲屎官(布偶在手,女神我有!高品质布偶猫,带cfa证书,新浪微博 bobo布偶猫舍)">
						<span class="desc oneline">开放世界游戏,尤为生存游戏,玩家自由建筑系统是一个几乎必不可少的功能。就算不是建筑,那些循环生成的资源,也需要在保存的时候序列化到文件中去。

比如一堵墙,需要在运行时保存他的位置,朝向和缩放等。
如果…

来自: BOBO布偶猫舍铲屎官



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/cordova/article/details/52651024,BlogCommendFromQuerySearch_7,index_7&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/cordova/article/details/52651024,BlogCommendFromQuerySearch_7,index_7&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/cordova/article/details/52651024" target="_blank" title="开放世界游戏中的大地图背后有哪些实现技术 - mr_厚厚的博客(学之愈深,愈是心生畏惧!)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					<em>开放</em><em>世界</em>游<em>戏中</em>的大<em>地图</em>背<em>后有</em><em>哪些</em><em>实现</em><em>技术</em> - mr_厚厚的博客(学之愈深,愈是心生畏惧!)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/C/0/E/3_cordova.jpg" alt="cordova" class="avatar-pic">
						<span class="namebox">
							<span class="name">cordova</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">09-24</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						4024</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/cordova/article/details/52651024" target="_blank" title="开放世界游戏中的大地图背后有哪些实现技术 - mr_厚厚的博客(学之愈深,愈是心生畏惧!)">
						<span class="desc oneline">原文:http://gulu-dev.com/post/2014-11-16-open-world#toc_10

一、程序技术篇:算法和架构(Programming Algorithms & A…

来自: Mr_厚厚的博客



<div class="recommend-item-box recommend-ad-box"><div id="kp_box_43" data-pid="60" data-track-view="{&quot;mod&quot;:&quot;kp_popu_43&quot;,&quot;con&quot;:&quot;,,&quot;}"><div class="mediav_ad"><newsfeed class="newsfeed QIHOO__WEB__SO__1541767084671_327" id="QIHOO__WEB__SO__1541767084671_327" style="display:block;margin:0;padding:0;border:none;width:900px;height:84px;overflow-y:hidden;overflow-x:hidden;position:relative;text-align:left;"><info-div id="QIHOO__WEB__SO__1541767084671_327-info" style="zoom:1"><info-div class="QIHOO__WEB__SO__1541767084671_327 singleImage clk" data-href="https://s1.milkjpg.com/s?type=2&amp;r=20&amp;mv_ref=blog.csdn.net&amp;enup=CAABOt4sBwgAAgcs3joA&amp;mvid=NDcyOTg3MDA5NTIzNzIwMDkxMTAwMTg&amp;bid=12b4c88d0e6bf668&amp;price=AAAAAFvlf7QAAAAAAAUjZdOqO+yYU6LYSPnszA==&amp;finfo=DAABCAABAAAAoAgAAgAAAJUEAAM/UVb6zRys8wAIAAIAAAADCgADIzam6/0/7OcIAAQAAACXBgAGLbcIAAgAGGoACgAJAAAAAAACEBQGAAoAAAA&amp;ugi=FcTgigEVyNtrTBUCFewCFfwCFQAAFc/SpNkGFoAoFcgBAA&amp;uai=FeTGlAIlAhUEFp7ZrPrr9M62RhXyCCXBm/OvBSUAFRoA&amp;ubi=FcLfRRWA27UCFdig4BYV6PuPVxUEFRwWwP786RYWntnB4fW607ZGNAIWqMCQgAglBhWii+2lBhW+BRUANvz6zMu+hMnlvAEA&amp;clickid=0&amp;cpx=__OFFSET_X__&amp;cpy=__OFFSET_Y__&amp;cs=__EVENT_TIME_START__&amp;ce=__EVENT_TIME_END__&amp;csign=856d66a46a9a0c19&amp;url=http%3A%2F%2Fa1.tsjxjt.cn" data-pv="https://s1.milkjpg.com/s?type=1&amp;r=20&amp;tid=NDcyOTg3MDA5NTIzNzIwMDkxMTAwMTg&amp;finfo=DAABCAABAAAAoAgAAgAAAJUEAAM/UVb6zRys8wAIAAIAAAADCgADIzam6/0/7OcIAAQAAACXBgAGLbcIAAgAGGoACgAJAAAAAAACEBQGAAoAAAA&amp;mv_ref=blog.csdn.net&amp;enup=CAABOt4sBwgAAgcs3joA&amp;mvid=NDcyOTg3MDA5NTIzNzIwMDkxMTAwMTg&amp;bid=12b4c88d0e6bf668&amp;ugi=FcTgigEVyNtrTBUCFewCFfwCFQAAFc/SpNkGFoAoFcgBAA&amp;uai=FeTGlAIlAhUEFp7ZrPrr9M62RhXyCCXBm/OvBSUAFRoA&amp;ubi=FcLfRRWA27UCFdig4BYV6PuPVxUEFRwWwP786RYWntnB4fW607ZGNAIWqMCQgAglBhWii+2lBhW+BRUANvz6zMu+hMnlvAEA&amp;ds=1&amp;price=AAAAAFvlf7QAAAAAAAUjZdOqO+yYU6LYSPnszA==,https://max-l.mediav.com/rtb?type=2&amp;d=100&amp;b=12b4c88d0e6bf668&amp;p=2265522&amp;l=1136674&amp;s=1&amp;z=1&amp;w=AAAAAFvlf7QAAAAAAAUjr+XxGh45x5pbjJlNMg==&amp;k=Y7CMGAAAAAA=&amp;i=5JyO4jf4HJNT&amp;v=47298700952372009110018" data-clk="https://max-l.mediav.com/rtb?type=3&amp;d=100&amp;b=12b4c88d0e6bf668&amp;p=2265522&amp;l=1136674&amp;s=1&amp;k=Y7CMGAAAAAA=&amp;i=5JyO4jf4HJNT&amp;v=47298700952372009110018&amp;x=__OFFSET_X__&amp;y=__OFFSET_Y__&amp;st=__EVENT_TIME_START__&amp;et=__EVENT_TIME_END__&amp;tc=&amp;turl=">
<info-div class="wrap">
    <info-div class="singleImage-img singleImage-img-left">
        <info-div class="img" style="background-image:url(https://s3m.mediav.com/galileo/571361-9e1b0a87b7594500d13b7454bb5e64dc.jpg)"><info-div class="ads-tag"></info-div></info-div>
    </info-div>
    <info-div class="singleImage-body singleImage-body-left">
        <info-div class="singleImage-title">虹桥退休教授巧用数学理论自创打新秘诀  神奇操作意外曝光</info-div>
        <info-div class="singleImage-desc">锦罡投资 · 燨燚</info-div>
    </info-div>
		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/scl_Unity3D/article/details/78763346,BlogCommendFromQuerySearch_8,index_8&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/scl_Unity3D/article/details/78763346,BlogCommendFromQuerySearch_8,index_8&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/scl_Unity3D/article/details/78763346" target="_blank" title="浅谈对象池技术在游戏中的应用 - scl_unity3d的博客">
			<h4 class="text-truncate oneline" style="width: 611px;">
					浅谈对象池<em>技术</em>在游<em>戏中</em>的应用 - scl_unity3d的博客				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/6/8/3/3_scl_unity3d.jpg" alt="scl_Unity3D" class="avatar-pic">
						<span class="namebox">
							<span class="name">scl_Unity3D</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">12-10</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1039</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/scl_Unity3D/article/details/78763346" target="_blank" title="浅谈对象池技术在游戏中的应用 - scl_unity3d的博客">
						<span class="desc oneline">说到做游戏,游戏的优化就至关重要,今天所说的就是关于游戏优化的一种方式——对象池技术。

对象池技术的主要应用于游戏中反复利用的游戏资源(比如:子弹,技能特效,怪物等等)
对象池的具体思想:
将使…

来自: scl_Unity3D的博客



		<div class="recommend-item-box type_hot_word">
								<div class="content clearfix oneline" style="width: 702px;">
			<h5 class="float-left">相关热词</h5>
			<div class="float-left">
								<span>
					<a href="https://blog.csdn.net/Tomorrow_csdn/article/details/75043867" target="_blank">
					开放的web服务</a>
				</span>
								<span>
					<a href="https://blog.csdn.net/eydwyz/article/details/65448171" target="_blank">
					开放认证模式</a>
				</span>
								<span>
					<a href="https://blog.csdn.net/zengke1993/article/details/53690500" target="_blank">
					coding开放</a>
				</span>
								<span>
					<a href="https://blog.csdn.net/liujian197905187511/article/details/6701938" target="_blank">
					开放架构</a>
				</span>
								<span>
					<a href="https://blog.csdn.net/rrrrroy_Ha/article/details/74925510" target="_blank">
					mysql开放</a>
				</span>
							</div>
		</div>
				</div>


		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/u010153703/article/details/46680941,BlogCommendFromQuerySearch_9,index_9&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/u010153703/article/details/46680941,BlogCommendFromQuerySearch_9,index_9&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/u010153703/article/details/46680941" target="_blank" title="游戏中小地图的实现 - 一只飞鸟的自白(花开有时,梦醒无期)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游<em>戏中</em>小<em>地图</em>的<em>实现</em> - 一只飞鸟的自白(花开有时,梦醒无期)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/F/7/2/3_u010153703.jpg" alt="u010153703" class="avatar-pic">
						<span class="namebox">
							<span class="name">u010153703</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">06-29</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2510</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/u010153703/article/details/46680941" target="_blank" title="游戏中小地图的实现 - 一只飞鸟的自白(花开有时,梦醒无期)">
						<span class="desc oneline">游戏中,某些场景会用到小地图。本文介绍了手游中小地图的制作要点。</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/u010153703">来自:	<span class="blog_title"> 一只飞鸟的自白</span></a></span>
                    					</p>
		</div>
				</div>



        <div class="recommend-item-box blog-expert-recommend-box" style="display: block;">
		<div class="d-flex">
			<div class="blog-expert-recommend">
				<div class="blog-expert">
					<div class="blog-expert-flexbox" data-track-view="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-track-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><a href="https://blog.csdn.net/cordova" target="_blank"><img src="https://avatar.csdn.net/C/0/E/3_cordova.jpg" alt="Mr_厚厚"><svg class="icon" aria-hidden="true"><use xlink:href="#csdnc-blogexpert"></use></svg></a></div><div class="info"><span data-track-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><a href="https://blog.csdn.net/cordova" target="_blank"><h5 class="oneline">Mr_厚厚</h5></a></span>  <p><span data-track-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="cordova" data-nick="Mr_厚厚">关注</span></span><span class="article-num"> 144篇文章</span></p></div></div></div><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-track-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><a href="https://blog.csdn.net/abv123456789" target="_blank"><img src="https://avatar.csdn.net/6/0/6/3_abv123456789.jpg" alt="Sunface撩技术"><svg class="icon" aria-hidden="true"><use xlink:href="#csdnc-blogexpert"></use></svg></a></div><div class="info"><span data-track-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><a href="https://blog.csdn.net/abv123456789" target="_blank"><h5 class="oneline">Sunface撩技术</h5></a></span>  <p><span data-track-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="abv123456789" data-nick="Sunface撩技术">关注</span></span><span class="article-num"> 718篇文章</span></p></div></div></div><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-track-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><a href="https://blog.csdn.net/jxw167" target="_blank"><img src="https://avatar.csdn.net/B/E/4/3_jxw167.jpg" alt="海洋_"><svg class="icon" aria-hidden="true"><use xlink:href="#csdnc-blogexpert"></use></svg></a></div><div class="info"><span data-track-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><a href="https://blog.csdn.net/jxw167" target="_blank"><h5 class="oneline">海洋_</h5></a></span>  <p><span data-track-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;con&quot;:&quot;https://blog.csdn.net/pizi0475/article/details/79135608&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="jxw167" data-nick="海洋_">关注</span></span><span class="article-num"> 296篇文章</span></p></div></div></div></div>
				</div>
			</div>
			<div class="blog-expert-load-new" data-index="3" style="display: block;">
				<svg version="1.1" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
				<path d="M142.5,57.5c-1.3-1.2-2.1-3.3-2.1-5.4c0-4.2,3.3-7.5,7.5-7.5h19.6c4.2,0,7.5,3.3,7.5,7.5s-3.3,7.5-7.5,7.5h-4.2
					C170.8,71.2,175,85,175,100c0,41.7-33.8,75-75,75c-4.2,0-7.5-3.3-7.5-7.5c0-4.2,3.3-7.5,7.5-7.5c33.3,0,60-27.1,60-60
					C160,83.7,153.8,68.7,142.5,57.5L142.5,57.5z M57.5,142.5c1.2,1.2,2.1,3.3,2.1,5.4c0,4.2-3.3,7.5-7.5,7.5H32.5
					c-4.2,0-7.5-3.3-7.5-7.5c0-4.2,3.3-7.5,7.5-7.5h4.2C29.2,128.8,25,115,25,100c0-41.7,33.7-75,75-75c4.2,0,7.5,3.3,7.5,7.5
					S104.2,40,100,40c-33.3,0-60,27.1-60,60C40,116.2,46.2,131.2,57.5,142.5z"></path>
				</svg>
				<span>换一批</span>
			</div>
		</div>
    </div>

		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/herm_lib/article/details/6414425,BlogCommendFromQuerySearch_10,index_10&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/herm_lib/article/details/6414425,BlogCommendFromQuerySearch_10,index_10&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/herm_lib/article/details/6414425" target="_blank" title="MMORPG无缝大地图服务器架构设计总结 - daemonh">
			<h4 class="text-truncate oneline" style="width: 611px;">
					MMORPG无缝大<em>地图</em>服务器架构设计总结 - daemonh				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/B/9/1/3_herm_lib.jpg" alt="herm_lib" class="avatar-pic">
						<span class="namebox">
							<span class="name">herm_lib</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">05-12</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						4603</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/herm_lib/article/details/6414425" target="_blank" title="MMORPG无缝大地图服务器架构设计总结 - daemonh">
						<span class="desc oneline">地图分进程架构和无缝大地图单进程架构有的游戏服务器,一个进程处理一张或多张地图上的逻辑,进入到不同进程的地图,数据须要一个进程间同步的过程。简单合理的同步做法是,先将数据同步到一个公共服务器;进入到目...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/herm_lib">来自:	<span class="blog_title"> daemonh</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/qq_14930205/article/details/78646121,BlogCommendFromQuerySearch_11,index_11&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/qq_14930205/article/details/78646121,BlogCommendFromQuerySearch_11,index_11&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/qq_14930205/article/details/78646121" target="_blank" title="游戏中的小地图 - 虾米的博客">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游<em>戏中</em>的小<em>地图</em> - 虾米的博客				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/C/8/F/3_qq_14930205.jpg" alt="qq_14930205" class="avatar-pic">
						<span class="namebox">
							<span class="name">qq_14930205</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">11-27</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						464</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/qq_14930205/article/details/78646121" target="_blank" title="游戏中的小地图 - 虾米的博客">
						<span class="desc oneline">游戏中的小地图</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/qq_14930205">来自:	<span class="blog_title"> 虾米的博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/OnafioO/article/details/53965563,BlogCommendFromQuerySearch_12,index_12&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/OnafioO/article/details/53965563,BlogCommendFromQuerySearch_12,index_12&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/OnafioO/article/details/53965563" target="_blank" title="漫谈游戏中的阴影技术(阴影技术比较) - n的专栏">
			<h4 class="text-truncate oneline" style="width: 611px;">
					漫谈游<em>戏中</em>的阴影<em>技术</em>(阴影<em>技术</em>比较) - n的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/6/4/B/3_onafioo.jpg" alt="OnafioO" class="avatar-pic">
						<span class="namebox">
							<span class="name">OnafioO</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">01-01</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1505</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/OnafioO/article/details/53965563" target="_blank" title="漫谈游戏中的阴影技术(阴影技术比较) - n的专栏">
						<span class="desc oneline">http://blog.sina.com.cn/s/blog_55288aa20100e2fk.html

随着硬件的越来越高端化,各种以前可望而不可及的效果越来越多的应用到网络游戏里。本篇文章是介绍…

来自: N的专栏



<div class="recommend-item-box recommend-ad-box"><div id="kp_box_622" data-pid="61" data-track-view="{&quot;mod&quot;:&quot;kp_popu_622&quot;,&quot;con&quot;:&quot;,,&quot;}"><div style="width: 100%;"><div><div style="padding:0px;"><div><iframe width="852" frameborder="0" height="60" scrolling="no" src="https://pos.baidu.com/s?hei=60&amp;wid=852&amp;di=u3565309&amp;ltu=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Fdetails%2F79135608&amp;cja=false&amp;pis=-1x-1&amp;drs=1&amp;cmi=4&amp;tlm=1541767084&amp;dri=0&amp;tcn=1541767085&amp;ccd=24&amp;cfv=0&amp;exps=111000,119011&amp;dai=1&amp;chi=1&amp;pss=2193x4119&amp;ps=2809x624&amp;pcs=1903x957&amp;dc=3&amp;psr=1920x1080&amp;ltr=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Flist%2F1&amp;col=zh-CN&amp;par=1920x1040&amp;tpr=1541767084836&amp;ant=0&amp;cpl=3&amp;ari=2&amp;ti=%E5%BC%80%E6%94%BE%E4%B8%96%E7%95%8C%E6%B8%B8%E6%88%8F%E4%B8%AD%E7%9A%84%E5%A4%A7%E5%9C%B0%E5%9B%BE%E8%83%8C%E5%90%8E%E6%9C%89%E5%93%AA%E4%BA%9B%E5%AE%9E%E7%8E%B0%E6%8A%80%E6%9C%AF%EF%BC%9F%20-%20%E7%97%9E%E5%AD%90%E9%BE%993D%E7%BC%96%E7%A8%8B%20-%20CSDN%E5%8D%9A%E5%AE%A2&amp;cdo=-1&amp;dtm=HTML_POST&amp;cce=true&amp;cec=UTF-8&amp;prot=2&amp;dis=0"></iframe><div id="mponpmpst" style="display:none;"></div></div></div></div></div><script type="text/javascript" src="//rabc1.iteye.com/production/res/source/xadxpv.js?jewb=dbwkm"></script></div><script>$(function(){csdn.track.viewCheck($("#kp_box_622"));});</script></div>


		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/bladeandsoul007/article/details/50837949,BlogCommendFromQuerySearch_13,index_13&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/bladeandsoul007/article/details/50837949,BlogCommendFromQuerySearch_13,index_13&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/bladeandsoul007/article/details/50837949" target="_blank" title="游戏的动画原理 - bladeandsoul007的博客">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游戏的动画原理 - bladeandsoul007的博客				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/1/A/3/3_bladeandsoul007.jpg" alt="bladeandsoul007" class="avatar-pic">
						<span class="namebox">
							<span class="name">bladeandsoul007</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">03-09</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						871</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/bladeandsoul007/article/details/50837949" target="_blank" title="游戏的动画原理 - bladeandsoul007的博客">
						<span class="desc oneline">游戏的动画原理

其实现在网上关于游戏编程的技术文章越来越多了,但是我发现关于最基本的了解游戏的文章还是比较少的。大多数文章是以 DirectX 作为开始教学起始的,因此,我觉得花点时间写…

来自: bladeandsoul007的博客



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/abv123456789/article/details/40949175,BlogCommendFromQuerySearch_14,index_14&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/abv123456789/article/details/40949175,BlogCommendFromQuerySearch_14,index_14&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/abv123456789/article/details/40949175" target="_blank" title="MMORPG大型游戏设计与开发(服务器 游戏场景 地图和区域) - 孙飞的博客(大道至简,技术如歌)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					MMORPG大型游戏设计与开发(服务器 游戏场景 <em>地图</em>和区域) - 孙飞的博客(大道至简,<em>技术</em>如歌)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/6/0/6/3_abv123456789.jpg" alt="abv123456789" class="avatar-pic">
						<span class="namebox">
							<span class="name">abv123456789</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">11-09</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2863</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/abv123456789/article/details/40949175" target="_blank" title="MMORPG大型游戏设计与开发(服务器 游戏场景 地图和区域) - 孙飞的博客(大道至简,技术如歌)">
						<span class="desc oneline">地图的数据以及区域的信息是场景的重要组成部分,这些数据同时存在客户端和服务器,而且都是由编辑器生成的。那么保存的文件数据结构是怎样的?一张3D的场景地图又是怎样处理这些数据的?同时告诉大家这里同样只是...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/abv123456789">来自:	<span class="blog_title"> 孙飞的博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/luyuncsd123/article/details/11559849,BlogCommendFromQuerySearch_15,index_15&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/luyuncsd123/article/details/11559849,BlogCommendFromQuerySearch_15,index_15&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/luyuncsd123/article/details/11559849" target="_blank" title="游戏常用算法 - luyuncsd123的专栏(部分内容搬迁到     1、http://www.cnblogs.com/beipiaoboy/    2、http://www.fbvoid.com/src/)">
			<h4 class="text-truncate oneline" style="width: 609px;">
					游戏常用算法 - luyuncsd123的专栏(部分内容搬迁到     1、http://www.cnblogs.com/beipiaoboy/    2、http://www.fbvoid.com/src/)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/B/A/F/3_luyuncsd123.jpg" alt="luyuncsd123" class="avatar-pic">
						<span class="namebox">
							<span class="name">luyuncsd123</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">09-11</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1.9万</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/luyuncsd123/article/details/11559849" target="_blank" title="游戏常用算法 - luyuncsd123的专栏(部分内容搬迁到     1、http://www.cnblogs.com/beipiaoboy/    2、http://www.fbvoid.com/src/)">
						<span class="desc oneline">算法一:A*寻路初探

译者序:很久以前就知道了A*算法,但是从未认真读过相关的文章,也没有看过代码,只是脑子里有个模糊的概念。这次决定从头开始,研究一下这个被人推崇备至的简单方法,作为学习人工智能的…

来自: luyuncsd123的专栏



			<div class="recommend-item-box recommend-box-ident recommend-download-box clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://download.csdn.net/download/leexinchao07/2373841,BlogCommendFromQuerySearch_16,index_16&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://download.csdn.net/download/leexinchao07/2373841,BlogCommendFromQuerySearch_16,index_16&quot;}" data-flg="true">
		<a href="https://download.csdn.net/download/leexinchao07/2373841" target="_blank">
			<div class="content">
				<div class="">
					<span class="type">下载</span>
					<h4 class="text-truncate oneline clearfix">
						MY MAP 游戏场景<em>地图</em>						</h4>
					<span class="data float-right">05-20</span>
				</div>
				<div class="desc oneline">
						游戏中的地图 支持eclipse 游戏中的地图 支持eclipse					</div>
			</div>
		</a>
	</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/XYK0318/article/details/51023409,BlogCommendFromQuerySearch_17,index_17&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/XYK0318/article/details/51023409,BlogCommendFromQuerySearch_17,index_17&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/XYK0318/article/details/51023409" target="_blank" title="游戏实例——简单小地图制作 - 游一法师(游历人生,笑傲江湖!)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游戏实例——简单小<em>地图</em>制作 - 游一法师(游历人生,笑傲江湖!)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/1/5/7/3_xyk0318.jpg" alt="XYK0318" class="avatar-pic">
						<span class="namebox">
							<span class="name">XYK0318</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">03-31</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2969</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/XYK0318/article/details/51023409" target="_blank" title="游戏实例——简单小地图制作 - 游一法师(游历人生,笑傲江湖!)">
						<span class="desc oneline">任何的学习,光看不练是学不好的。所以这次就总结回顾下怎么制作MMROPG类游戏中的小地图。在MMROPG类游戏里,主角在游戏世界里走动时,一般在屏幕右上角都会有一个区域来显示当前游戏场景的小地图。主角...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/XYK0318">来自:	<span class="blog_title"> 游一法师</span></a></span>
                    					</p>
		</div>
				</div>

<div class="recommend-item-box recommend-ad-box"><div id="kp_box_623" data-pid="62" data-track-view="{&quot;mod&quot;:&quot;kp_popu_623&quot;,&quot;con&quot;:&quot;,,&quot;}"><div style="width: 100%;"><iframe width="852" frameborder="0" height="60" scrolling="no" src="//pos.baidu.com/s?hei=60&amp;wid=852&amp;di=u3565311&amp;ltu=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Fdetails%2F79135608&amp;cmi=4&amp;cpl=3&amp;dtm=HTML_POST&amp;ti=%E5%BC%80%E6%94%BE%E4%B8%96%E7%95%8C%E6%B8%B8%E6%88%8F%E4%B8%AD%E7%9A%84%E5%A4%A7%E5%9C%B0%E5%9B%BE%E8%83%8C%E5%90%8E%E6%9C%89%E5%93%AA%E4%BA%9B%E5%AE%9E%E7%8E%B0%E6%8A%80%E6%9C%AF%EF%BC%9F%20-%20%E7%97%9E%E5%AD%90%E9%BE%993D%E7%BC%96%E7%A8%8B%20-%20CSDN%E5%8D%9A%E5%AE%A2&amp;pis=-1x-1&amp;ari=2&amp;col=zh-CN&amp;par=1920x1040&amp;tpr=1541767084836&amp;pss=2193x4185&amp;dai=2&amp;drs=1&amp;ant=0&amp;ccd=24&amp;pcs=1903x957&amp;ps=3309x624&amp;psr=1920x1080&amp;cce=true&amp;ltr=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Flist%2F1&amp;cja=false&amp;cec=UTF-8&amp;tlm=1541767084&amp;dis=0&amp;cfv=0&amp;dri=0&amp;exps=111000&amp;tcn=1541767085&amp;chi=1&amp;cdo=-1&amp;prot=2&amp;dc=3"></iframe></div><script type="text/javascript" src="//rabc1.iteye.com/production/dkjgal.js?cxpuwupg=g"></script></div><script>$(function(){csdn.track.viewCheck($("#kp_box_623"));});</script></div>


		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/qq_17758883/article/details/78249854,BlogCommendFromQuerySearch_18,index_18&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/qq_17758883/article/details/78249854,BlogCommendFromQuerySearch_18,index_18&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/qq_17758883/article/details/78249854" target="_blank" title="游戏中的随机地形生成算法(三) - ⎝⏠⏝⏠⎠">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游<em>戏中</em>的随机地形生成算法(三) - ⎝⏠⏝⏠⎠				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/9/5/1/3_qq_17758883.jpg" alt="qq_17758883" class="avatar-pic">
						<span class="namebox">
							<span class="name">qq_17758883</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">10-16</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						523</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/qq_17758883/article/details/78249854" target="_blank" title="游戏中的随机地形生成算法(三) - ⎝⏠⏝⏠⎠">
						<span class="desc oneline">在上篇教程中,我们已经把Map中的每个点都实实在在的画了出来,四个点形成一个正方形。其中,正方形的每条边都有一个中点。

那么,这节课我们来把该连在一起的点连起来,绘制我们的mesh。

...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/qq_17758883">来自:	<span class="blog_title"> ⎝⏠⏝⏠⎠</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/jxw167/article/details/63254557,BlogCommendFromQuerySearch_19,index_19&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/jxw167/article/details/63254557,BlogCommendFromQuerySearch_19,index_19&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/jxw167/article/details/63254557" target="_blank" title="游戏中水的渲染技术系列一 - 海洋个人博客(喜欢自由的飞翔!)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游<em>戏中</em>水的渲染<em>技术</em>系列一 - 海洋个人博客(喜欢自由的飞翔!)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/B/E/4/3_jxw167.jpg" alt="jxw167" class="avatar-pic">
						<span class="namebox">
							<span class="name">jxw167</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">03-18</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2889</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/jxw167/article/details/63254557" target="_blank" title="游戏中水的渲染技术系列一 - 海洋个人博客(喜欢自由的飞翔!)">
						<span class="desc oneline">笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,国家专利发明人;已出版书籍:《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/jxw167">来自:	<span class="blog_title"> 海洋个人博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/zjq2008wd/article/details/26138121,BlogCommendFromQuerySearch_20,index_20&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/zjq2008wd/article/details/26138121,BlogCommendFromQuerySearch_20,index_20&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/zjq2008wd/article/details/26138121" target="_blank" title="浅谈游戏开发中碰撞检测 - ron的专栏">
			<h4 class="text-truncate oneline" style="width: 611px;">
					浅谈游戏开发中碰撞检测 - ron的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/B/7/E/3_zjq2008wd.jpg" alt="zjq2008wd" class="avatar-pic">
						<span class="namebox">
							<span class="name">zjq2008wd</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">05-19</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1653</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/zjq2008wd/article/details/26138121" target="_blank" title="浅谈游戏开发中碰撞检测 - ron的专栏">
						<span class="desc oneline">本文以我自己设计植物大战僵尸碰撞检测算法为例进行分析,浅谈游戏开发中碰撞检测算法。本文所提及的碰撞算法与数据结构也可应用于跑酷等游戏中。...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/zjq2008wd">来自:	<span class="blog_title"> Ron的专栏</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/wangclisjuandn/article/details/45749243,BlogCommendFromQuerySearch_21,index_21&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/wangclisjuandn/article/details/45749243,BlogCommendFromQuerySearch_21,index_21&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/wangclisjuandn/article/details/45749243" target="_blank" title="游戏中缓存的设计(二)--内存缓存的实现 - wangclisjuandn的专栏">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游<em>戏中</em>缓存的设计(二)--内存缓存的<em>实现</em> - wangclisjuandn的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/7/8/1/3_wangclisjuandn.jpg" alt="wangclisjuandn" class="avatar-pic">
						<span class="namebox">
							<span class="name">wangclisjuandn</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">05-15</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						993</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/wangclisjuandn/article/details/45749243" target="_blank" title="游戏中缓存的设计(二)--内存缓存的实现 - wangclisjuandn的专栏">
						<span class="desc oneline">一般游戏中的缓存架构为:内存—分布式缓存(redis,memcache)。这里的内存缓存需要我们自己实现。

一,缓存需要考虑的几个问题

1,缓存的总大小

2,达到缓存最大值时的删除策…

来自: wangclisjuandn的专栏



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/qq_17758883/article/details/78180300,BlogCommendFromQuerySearch_22,index_22&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/qq_17758883/article/details/78180300,BlogCommendFromQuerySearch_22,index_22&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/qq_17758883/article/details/78180300" target="_blank" title="游戏中的随机地形生成算法(一) - ⎝⏠⏝⏠⎠">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游<em>戏中</em>的随机地形生成算法(一) - ⎝⏠⏝⏠⎠				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/9/5/1/3_qq_17758883.jpg" alt="qq_17758883" class="avatar-pic">
						<span class="namebox">
							<span class="name">qq_17758883</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">10-09</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1526</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/qq_17758883/article/details/78180300" target="_blank" title="游戏中的随机地形生成算法(一) - ⎝⏠⏝⏠⎠">
						<span class="desc oneline">本文以Unity为例。

我们首先明确一下思路,使用一个整形二维数组来存储地图信息,其中1代表障碍,0代表道路。
int[,] map;

我们还需要定义一个概率,来控制生成障碍的数量。
[Ran…

来自: ⎝⏠⏝⏠⎠



<div class="recommend-item-box recommend-ad-box"><div id="kp_box_624" data-pid="63" data-track-view="{&quot;mod&quot;:&quot;kp_popu_624&quot;,&quot;con&quot;:&quot;,,&quot;}"><div id="_14s4rexiwdoj" style=""><iframe width="852" frameborder="0" height="60" scrolling="no" src="https://pos.baidu.com/s?hei=60&amp;wid=852&amp;di=u3565450&amp;ltu=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Fdetails%2F79135608&amp;psr=1920x1080&amp;dai=3&amp;ccd=24&amp;cja=false&amp;cfv=0&amp;dri=0&amp;dtm=HTML_POST&amp;pss=2193x4661&amp;cpl=3&amp;cce=true&amp;cmi=4&amp;tcn=1541767085&amp;ti=%E5%BC%80%E6%94%BE%E4%B8%96%E7%95%8C%E6%B8%B8%E6%88%8F%E4%B8%AD%E7%9A%84%E5%A4%A7%E5%9C%B0%E5%9B%BE%E8%83%8C%E5%90%8E%E6%9C%89%E5%93%AA%E4%BA%9B%E5%AE%9E%E7%8E%B0%E6%8A%80%E6%9C%AF%EF%BC%9F%20-%20%E7%97%9E%E5%AD%90%E9%BE%993D%E7%BC%96%E7%A8%8B%20-%20CSDN%E5%8D%9A%E5%AE%A2&amp;par=1920x1040&amp;prot=2&amp;dc=3&amp;cec=UTF-8&amp;tlm=1541767084&amp;ps=3785x624&amp;col=zh-CN&amp;pis=-1x-1&amp;ant=0&amp;ltr=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Flist%2F1&amp;cdo=-1&amp;pcs=1903x957&amp;chi=1&amp;drs=1&amp;ari=2&amp;dis=0&amp;tpr=1541767084836&amp;exps=111000"></iframe></div><script type="text/javascript" src="//rabc1.iteye.com/common/js/f85at.js?gbtyay=xyh"></script></div><script>$(function(){csdn.track.viewCheck($("#kp_box_624"));});</script></div>


		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/cbbbc/article/details/45370941,BlogCommendFromQuerySearch_23,index_23&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/cbbbc/article/details/45370941,BlogCommendFromQuerySearch_23,index_23&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/cbbbc/article/details/45370941" target="_blank" title="游戏动画技术的发展 - cbbbc(博客博客)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游戏动画<em>技术</em>的发展 - cbbbc(博客博客)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/3/9/2/3_cbbbc.jpg" alt="cbbbc" class="avatar-pic">
						<span class="namebox">
							<span class="name">cbbbc</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">04-29</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1013</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/cbbbc/article/details/45370941" target="_blank" title="游戏动画技术的发展 - cbbbc(博客博客)">
						<span class="desc oneline">2d游戏中的动画,最简单直接的实现方式就是一帧一帧的静态图片依序播放,也被称作精灵动画(sprite)。

考虑到大量图片导致的内存消耗问题,发展出了一些2d动画精灵压缩方式。例如一个人物走动的动画…

来自: cbbbc



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/zhangakui002/article/details/46460241,BlogCommendFromQuerySearch_24,index_24&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/zhangakui002/article/details/46460241,BlogCommendFromQuerySearch_24,index_24&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/zhangakui002/article/details/46460241" target="_blank" title="游戏中随机地图的实现 - 啊逵的专栏">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游<em>戏中</em>随机<em>地图</em>的<em>实现</em> - 啊逵的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/8/8/2/3_zhangakui002.jpg" alt="zhangakui002" class="avatar-pic">
						<span class="namebox">
							<span class="name">zhangakui002</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">06-11</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						4820</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/zhangakui002/article/details/46460241" target="_blank" title="游戏中随机地图的实现 - 啊逵的专栏">
						<span class="desc oneline">游戏中随机地图的实现很多游戏都用到了随机地图,比如矮人要塞,CDDA,MineCraft,RimWorld。随机地图带给游戏更多的趣味性,每一次新建游戏都有不同的体验。

一般游戏中生成随机地形都是使用…

来自: 啊逵的专栏



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/wwMTww/article/details/53516652,BlogCommendFromQuerySearch_25,index_25&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/wwMTww/article/details/53516652,BlogCommendFromQuerySearch_25,index_25&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/wwMTww/article/details/53516652" target="_blank" title="RPG游戏滚动地图原理 - wwmtww的博客">
			<h4 class="text-truncate oneline" style="width: 619px;">
					RPG游戏滚动<em>地图</em>原理 - wwmtww的博客				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/B/A/2/3_wwmtww.jpg" alt="wwMTww" class="avatar-pic">
						<span class="namebox">
							<span class="name">wwMTww</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">12-08</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						523</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/wwMTww/article/details/53516652" target="_blank" title="RPG游戏滚动地图原理 - wwmtww的博客">
						<span class="desc oneline">RPG滚动地图实现原理</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/wwMTww">来自:	<span class="blog_title"> wwMTww的博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/fengsser/article/details/8231841,BlogCommendFromQuerySearch_26,index_26&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/fengsser/article/details/8231841,BlogCommendFromQuerySearch_26,index_26&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/fengsser/article/details/8231841" target="_blank" title="游戏优化 之 四叉树 - 游戏(fengsser(风色)的学习blog)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游戏优化 之 四叉树 - 游戏(fengsser(风色)的学习blog)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/A/5/3/3_fengsser.jpg" alt="fengsser" class="avatar-pic">
						<span class="namebox">
							<span class="name">fengsser</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">11-27</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1207</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/fengsser/article/details/8231841" target="_blank" title="游戏优化 之 四叉树 - 游戏(fengsser(风色)的学习blog)">
						<span class="desc oneline">版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明

http://wxsr.blogbus.com/logs/60788934.html
 
四叉树 (QuadTrees)可以说是…

来自: 游戏



			<div class="recommend-item-box recommend-box-ident recommend-download-box clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://download.csdn.net/download/xin5768/9653819,BlogCommendFromQuerySearch_27,index_27&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://download.csdn.net/download/xin5768/9653819,BlogCommendFromQuerySearch_27,index_27&quot;}" data-flg="true">
		<a href="https://download.csdn.net/download/xin5768/9653819" target="_blank">
			<div class="content">
				<div class="">
					<span class="type">下载</span>
					<h4 class="text-truncate oneline clearfix">
						<em>实现</em>类似<em>地图</em>标签的拖拽缩放						</h4>
					<span class="data float-right">10-14</span>
				</div>
				<div class="desc oneline">
						实现类似地图标签的拖拽缩放					</div>
			</div>
		</a>
	</div>

<div class="recommend-item-box recommend-ad-box"><div id="kp_box_626" data-pid="64" data-track-view="{&quot;mod&quot;:&quot;kp_popu_626&quot;,&quot;con&quot;:&quot;,,&quot;}"><div id="_wjxqq6vvvk" style=""><iframe width="852" frameborder="0" height="60" scrolling="no" src="https://pos.baidu.com/s?hei=60&amp;wid=852&amp;di=u3565587&amp;ltu=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Fdetails%2F79135608&amp;cmi=4&amp;pis=-1x-1&amp;pss=2193x5159&amp;tlm=1541767084&amp;ccd=24&amp;cce=true&amp;cja=false&amp;par=1920x1040&amp;cfv=0&amp;cdo=-1&amp;cpl=3&amp;chi=1&amp;ari=2&amp;ant=0&amp;prot=2&amp;dis=0&amp;pcs=1903x957&amp;tcn=1541767085&amp;ti=%E5%BC%80%E6%94%BE%E4%B8%96%E7%95%8C%E6%B8%B8%E6%88%8F%E4%B8%AD%E7%9A%84%E5%A4%A7%E5%9C%B0%E5%9B%BE%E8%83%8C%E5%90%8E%E6%9C%89%E5%93%AA%E4%BA%9B%E5%AE%9E%E7%8E%B0%E6%8A%80%E6%9C%AF%EF%BC%9F%20-%20%E7%97%9E%E5%AD%90%E9%BE%993D%E7%BC%96%E7%A8%8B%20-%20CSDN%E5%8D%9A%E5%AE%A2&amp;ltr=https%3A%2F%2Fblog.csdn.net%2Fpizi0475%2Farticle%2Flist%2F1&amp;dai=4&amp;dtm=HTML_POST&amp;col=zh-CN&amp;dri=0&amp;ps=4263x624&amp;exps=111000&amp;psr=1920x1080&amp;tpr=1541767084836&amp;cec=UTF-8&amp;dc=3&amp;drs=1"></iframe><span style="width:0px;height:0px;"></span></div><script type="text/javascript" src="//rabc1.iteye.com/production/wxzgt3.js?rme=jljjon"></script></div><script>$(function(){csdn.track.viewCheck($("#kp_box_626"));});</script></div>


		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/su749520/article/details/79936200,BlogCommendFromQuerySearch_28,index_28&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/su749520/article/details/79936200,BlogCommendFromQuerySearch_28,index_28&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/su749520/article/details/79936200" target="_blank" title="04 游戏开发-精灵 - 苏法迪的专栏">
			<h4 class="text-truncate oneline" style="width: 619px;">
					04 游戏开发-精灵 - 苏法迪的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/D/6/F/3_su749520.jpg" alt="su749520" class="avatar-pic">
						<span class="namebox">
							<span class="name">su749520</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">04-14</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						265</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/su749520/article/details/79936200" target="_blank" title="04 游戏开发-精灵 - 苏法迪的专栏">
						<span class="desc oneline">1.精灵

游戏中的元素,主人公,NPC之类的
通常与图片关联
通过动作(CCACTION)产生动画效果

package com.su.cocos2dhelloworld;

import or…

来自: 苏法迪的专栏



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/ZJU_fish1996/article/details/70121083,BlogCommendFromQuerySearch_29,index_29&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/ZJU_fish1996/article/details/70121083,BlogCommendFromQuerySearch_29,index_29&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/ZJU_fish1996/article/details/70121083" target="_blank" title="[图形学] 游戏中的场景管理 - 四叉树 八叉树 - (ง •̀_•́)ง(求您·!去学习吧)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					[图形学] 游<em>戏中</em>的场景管理 - 四叉树 八叉树 - (ง •̀_•́)ง(求您·!去学习吧)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/A/6/9/3_zju_fish1996.jpg" alt="ZJU_fish1996" class="avatar-pic">
						<span class="namebox">
							<span class="name">ZJU_fish1996</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">04-11</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2244</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/ZJU_fish1996/article/details/70121083" target="_blank" title="[图形学] 游戏中的场景管理 - 四叉树 八叉树 - (ง •̀_•́)ง(求您·!去学习吧)">
						<span class="desc oneline">提到物体的管理,那么我们的第一反应就是分门别类——把相同类别的东西归到一起。

        场景管理也是如此,把不同的物体归属到不同类别里,而相似性的判断是根据物体的空间相干性。一个直观的想法就是,…

来自: (ง •̀_•́)ง



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/guxuxin/article/details/39297355,BlogCommendFromQuerySearch_30,index_30&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/guxuxin/article/details/39297355,BlogCommendFromQuerySearch_30,index_30&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/guxuxin/article/details/39297355" target="_blank" title="单例模式在游戏中的运用 - 小新的博客">
			<h4 class="text-truncate oneline" style="width: 611px;">
					单例模式在游<em>戏中</em>的运用 - 小新的博客				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/6/9/B/3_guxuxin.jpg" alt="guxuxin" class="avatar-pic">
						<span class="namebox">
							<span class="name">guxuxin</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">09-15</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1283</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/guxuxin/article/details/39297355" target="_blank" title="单例模式在游戏中的运用 - 小新的博客">
						<span class="desc oneline">单例模式在游戏中的运用</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/guxuxin">来自:	<span class="blog_title"> 小新的博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/Koupoo/article/details/7678681,BlogCommendFromQuerySearch_31,index_31&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/Koupoo/article/details/7678681,BlogCommendFromQuerySearch_31,index_31&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/Koupoo/article/details/7678681" target="_blank" title="游戏中如何实现大地图 - slimapp(好泛滥)">
			<h4 class="text-truncate oneline" style="width: 619px;">
					游<em>戏中</em>如何<em>实现</em>大<em>地图</em> - slimapp(好泛滥)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/4/B/A/3_koupoo.jpg" alt="Koupoo" class="avatar-pic">
						<span class="namebox">
							<span class="name">Koupoo</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">06-20</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						612</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/Koupoo/article/details/7678681" target="_blank" title="游戏中如何实现大地图 - slimapp(好泛滥)">
						<span class="desc oneline">About the specific issue of a big seamless world (like WoW) vs. game engine scenes. Since all floati...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/Koupoo">来自:	<span class="blog_title"> SlimApp</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/Gnorth/article/details/9128329,BlogCommendFromQuerySearch_32,index_32&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/Gnorth/article/details/9128329,BlogCommendFromQuerySearch_32,index_32&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/Gnorth/article/details/9128329" target="_blank" title="游戏寻路算法的简单实现 - gnorth的专栏">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游戏寻路算法的简单<em>实现</em> - gnorth的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/0/4/C/3_gnorth.jpg" alt="Gnorth" class="avatar-pic">
						<span class="namebox">
							<span class="name">Gnorth</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">06-19</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						2980</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/Gnorth/article/details/9128329" target="_blank" title="游戏寻路算法的简单实现 - gnorth的专栏">
						<span class="desc oneline">提到寻路算法,大家都会想到A*算法。

在度娘找了不少代码,看了不少教程之后,尤其是这个文章中提到的总结:http://www.cppblog.com/christanxw/archive/2006/…

来自: Gnorth的专栏



<div class="recommend-item-box recommend-ad-box"><div id="kp_box_625" data-pid="65" data-track-view="{&quot;mod&quot;:&quot;kp_popu_625&quot;,&quot;con&quot;:&quot;,,&quot;}"><div id="_aeybcio63q6"><iframe width="852" frameborder="0" height="60" scrolling="no" src="https://rabc2.iteye.com/ykmczzhiga?ros=XR&amp;gsn=ZWT&amp;ns=LUWXWVXR&amp;vde=8KKGJ0U-0Td0Td2CF70y3J4E0yE5K0TdG9Q9RVYW0Td1IK93C50Td45K19CJ0TdY_SUWXRZ&amp;zsc=zSOzS&amp;ohzc=SSSRRT,SS_RRU&amp;nsc=R&amp;zkb=S_TROSRVR&amp;ndw=frkjynmqr&amp;zc=VYU_OXTV&amp;mom=srdzZ&amp;kbs=T&amp;dzb=SWVSYXYRZVZUX&amp;kxd=S&amp;zbyd=T&amp;nm=U&amp;zmc=S_RUO_WY&amp;nbs=R&amp;nks=W&amp;zcc=TS_UOWYXU&amp;wh4=gorg&amp;g48=ocg8l&amp;7i6=1lmrg&amp;swt=1"></iframe></div><script type="text/javascript" src="//rabc1.iteye.com/common/openjs/m022.js?hcuzbzy=bi"></script></div><script>$(function(){csdn.track.viewCheck($("#kp_box_625"));});</script></div>


		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/DOFYPXY/article/details/78998245,BlogCommendFromQuerySearch_33,index_33&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/DOFYPXY/article/details/78998245,BlogCommendFromQuerySearch_33,index_33&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/DOFYPXY/article/details/78998245" target="_blank" title="[BZOJ2159]Crash的文明世界 树型DP+第二类Striling数 - dofypxy的博客">
			<h4 class="text-truncate oneline" style="width: 619px;">
					[BZOJ2159]Crash的文明<em>世界</em> 树型DP+第二类Striling数 - dofypxy的博客				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/9/3/9/3_dofypxy.jpg" alt="DOFYPXY" class="avatar-pic">
						<span class="namebox">
							<span class="name">DOFYPXY</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">01-07</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						185</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/DOFYPXY/article/details/78998245" target="_blank" title="[BZOJ2159]Crash的文明世界 树型DP+第二类Striling数 - dofypxy的博客">
						<span class="desc oneline">听说形如xkx^k的都是Stirling数的套路?我怎么没听说过啊。。。 

有个性质:xk=∑i=1kS(k,i)∗i!∗(xi)xk=\sum_{i=1}k S(k,i)i!{x\choos…

来自: DOFYPXY的博客



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/liu_yude/article/details/45194813,BlogCommendFromQuerySearch_34,index_34&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/liu_yude/article/details/45194813,BlogCommendFromQuerySearch_34,index_34&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/liu_yude/article/details/45194813" target="_blank" title="游戏开发中常用的坐标系 - 彼得雷雷的工作室(记录学习过程,分享点滴经验,编程是门艺术,谁说工科生不懂艺术)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游戏开发中常用的坐标系 - 彼得雷雷的工作室(记录学习过程,分享点滴经验,编程是门艺术,谁说工科生不懂艺术)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/8/C/5/3_liu_yude.jpg" alt="liu_yude" class="avatar-pic">
						<span class="namebox">
							<span class="name">liu_yude</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">04-22</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1729</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/liu_yude/article/details/45194813" target="_blank" title="游戏开发中常用的坐标系 - 彼得雷雷的工作室(记录学习过程,分享点滴经验,编程是门艺术,谁说工科生不懂艺术)">
						<span class="desc oneline">1.坐标系

在前一小节中,我们可心通过建立2D或3D笛卡尔坐标系来确定物体的位置,然而在3D图形处理中我们会用到多种坐标系,这顷在特定的场合下是非常有用的。也就是说,使用它们可心简化我们开发图形程序…

来自: 彼得雷雷的工作室



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/zhanghefu/article/details/25829867,BlogCommendFromQuerySearch_35,index_35&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/zhanghefu/article/details/25829867,BlogCommendFromQuerySearch_35,index_35&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/zhanghefu/article/details/25829867" target="_blank" title="mangos地图管理 - 水上漂的专栏">
			<h4 class="text-truncate oneline" style="width: 611px;">
					mangos<em>地图</em>管理 - 水上漂的专栏				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/6/2/C/3_zhanghefu.jpg" alt="zhanghefu" class="avatar-pic">
						<span class="namebox">
							<span class="name">zhanghefu</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">05-14</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1678</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/zhanghefu/article/details/25829867" target="_blank" title="mangos地图管理 - 水上漂的专栏">
						<span class="desc oneline">

在魔兽中,

一组服务器为一个世界,一个世界内同时存在着多个游戏场景,

如东部王国,

卡利姆

多,

监狱副本,战场等。

每个游戏场景都对应着一幅地图,


来自: 水上漂的专栏



		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/ybn6775/article/details/79404915,BlogCommendFromQuerySearch_36,index_36&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/ybn6775/article/details/79404915,BlogCommendFromQuerySearch_36,index_36&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/ybn6775/article/details/79404915" target="_blank" title="游戏中的红点提示 - ybn6775的博客(技术笔记)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游<em>戏中</em>的红点提示 - ybn6775的博客(<em>技术</em>笔记)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/D/C/B/3_ybn6775.jpg" alt="ybn6775" class="avatar-pic">
						<span class="namebox">
							<span class="name">ybn6775</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">02-28</span>
					<span class="read-num hover-hide">
						<svg class="icon csdnc-yuedushu" aria-hidden="true">
							<use xlink:href="#csdnc-m-passwords-visible"></use>
						</svg>
						1000</span>
					</p>
				</div>
			</a>
				<p class="content" style="width: 702px;">
					<a href="https://blog.csdn.net/ybn6775/article/details/79404915" target="_blank" title="游戏中的红点提示 - ybn6775的博客(技术笔记)">
						<span class="desc oneline">1.&nbsp;&nbsp; UI界面红点提示结构设计需求描述:游戏中经常会出现层级较深的红点提示,这些UI层级形成树状结构,如图8所示,具体的需求就是叶节点上出现红点时,根节点到达叶节点的路径上经过的所有节点都需要出现...</span>
					</a>
                    						<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/ybn6775">来自:	<span class="blog_title"> ybn6775的博客</span></a></span>
                    					</p>
		</div>
				</div>




		<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/pizi0475/article/details/8036180,BlogCommendFromQuerySearch_37,index_37&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_387&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/pizi0475/article/details/8036180,BlogCommendFromQuerySearch_37,index_37&quot;}" data-flg="true">
		<div class="content" style="width: 702px;">
			<a href="https://blog.csdn.net/pizi0475/article/details/8036180" target="_blank" title="游戏中的光影效果 - 痞子龙3d编程(学无止境,三人行必有我师,把这几年收藏的文章都晒出来,大家共享吧!向原创者致敬!察而知不足,严谨,求真,务实;网络收藏夹)">
			<h4 class="text-truncate oneline" style="width: 611px;">
					游<em>戏中</em>的光影效果 - 痞子龙3d编程(学无止境,三人行必有我师,把这几年收藏的文章都晒出来,大家共享吧!向原创者致敬!察而知不足,严谨,求真,务实;网络收藏夹)				</h4>
			<div class="info-box d-flex align-content-center">
				<!-- <p class="avatar">
						<img src="https://avatar.csdn.net/2/D/0/3_pizi0475.jpg" alt="pizi0475" class="avatar-pic">
						<span class="namebox">
							<span class="name">pizi0475</span>
							<span class="triangle"></span>
						</span>
				</p> -->
				<p class="date-and-readNum">
					<span class="date hover-show">10-02</span>
					<span c
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值