地图的分块加载

做个备忘

 

目的：减低客户端等待地图加载时间、降低客户端内存消耗

 

实现实例：http://heptafish.0134.cn/demo3/test.html

 

思路：

将地图图片拆分成若干小图片，拆分工具见：

 

我们看看拆分后得到的小图片，其实就是一堆以X、Y索引为文件名的图片，我们加载的时候，就可以根据这个X、Y索引来做。

 

第一步、先加载地图的小地图图片，并一大图片的尺寸显示（“挥马赛克”），嘎嘎，是受到天书奇谈的启发。

第二步、计算角色所处的当前屏，得到当前屏的横纵坐标索引数组，优先加载当前屏的图片。

第三步、定义预加载的屏数，根据预加载屏数加载图片。

第四步、人物移动时，判断是否有不需要显示的（当前屏和预加载屏）的图片存在，若存在，则移除。