C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(十一)地图遮罩层的实现

核心提示： 作者：安啦，怎么可能嘛，C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(十一)地图遮罩层的实现(2)，这叫倒叙懂不？（啥叫倒叙其实俺也不太，，障碍物我用绿色区域描绘出来了，遮挡物则为两棵数，，？嘿嘿）不瞎扯啦

作者：安啦，怎么可能嘛，这叫倒叙懂不？（啥叫倒叙其实俺也不太。。。？嘿嘿）

不瞎扯啦，还剩一张图没讲呢，对啦，本节的主角就是它了：地图遮罩层。

首先来讲讲实现原理吧：我们可以从地图表现层（下文直接就称之地图好了）中看到，遮挡人物的只有一棵树。那么我们想要在此地图上实现遮罩效果，首先就得用Photoshop将这棵树给截出来，当然越精确越好，然后将它单独保存成一张背景透明的图片（通常Windows桌面RPG游戏中会将所有的遮挡物统一规格，例如50*50一张（如大于则分两张、三张…等等），然后将全部遮挡物图片放进一个庞大的二进制文件中，显然这对于Silverlight基于网页的游戏是不容许的），如果一张地图上有多个遮挡物，同样将他们都截取出来然后依次命名保存。准备工作做完后，我们就需要将遮罩层的图片放在顶层，将地图放在底层，人物等放在中间层。最后分别将遮罩层的所有图片布局到它们应该遮挡的位置上，这样就完成了所有的遮挡工作了。好了。下面我将用代码来实现它。

　 这里我以下图作为地图实例：

图片看不清楚？请点击这里查看原图（大图）。

很明显该地图有三处障碍物，两处遮挡物。障碍物我用绿色区域描绘出来了，遮挡物则为两棵数，我用Photoshop将它们分别截取了出来命名为：Mask1.png和Mask2.png。