ios 高德地图加载瓦片地图_cocos creator主程入门教程——瓦片地图

这一篇介绍瓦片地图，在开发模拟经营类游戏、SLG类游戏、RPG游戏，都会使用到瓦片地图。瓦片地图地面是通过一个个地砖拼起来的，又分为45度角和90度角两种。45度角俗称2.5D，每个格子都是菱形，而90度角每个格子都是正方形。

瓦片地图一般包括以下图层(不一定同时存在，例如一般RPG游戏没有背景和自由装饰层)：

1.背景层(大图拼接的背景)

2.地形层(瓦片格子拼接的地形)

3.建筑层(按瓦片格子摆放的建筑、地面物品、角色)

4.自由装饰层(云朵、烟雾)

除此以外，还需要提供隐藏的层用于编辑数据，控制游戏逻辑，例如阻挡、摆放区域等，称为数据层。其中需要瓦片布局的有3种图层：地形层、建筑层、数据层。

先来说说背景层BgLayer，背景层在美术设计里是张完整的大图，为了避免连续内存太大导致加载失败，把大图打碎成等大小的小图拼接。一般出于性能考虑，小图长宽选择为1024、512、256、128。

设置背景需要提供背景的小图数组，列数，每张小图的宽高

1public setPieces(fileArr: Array, colCount: number, pieceW: number, pieceH: number, loadAtOnce: boolean = true): void {}

如果是在H5平台，要考虑资源的逐步加载。所以在H5平台该方法最好只是做占位，提供方法进行资源加载

1public loadPiece(file: string) {}

除了加载外，由于玩家在移动地图时只看到背景的一部分，不在视窗内的应该裁剪掉，所以还要提供方法对背景进行裁剪