Silverlight动画及游戏系列教程（Game Course）：（十六）

C#开发WPF/Silverlight动画及游戏系列教程（Game Course）：（十六）2010-01-26 博客园深蓝色右手C#开发WPF/Silverlight动画及游戏系列教程（Game Course）：（十六）牵引式地图移动模式②

精灵控件让游戏开发更美好！有了它，离完善牵引式地图移动模式可谓一步之遥。只剩下最后一个环节了，大家加油吧。

上一节，（C#开发WPF/Silverlight动画及游戏系列教程（Game Course）：（十五）精灵控件横空出世！② ）我在界面线程中通过时时设置Canvas.SetLeft（Spirit, mapleft + Spirit.X）;和Canvas.SetTop（Spirit, maptop + Spirit.Y）;来实现主角跟随着地图移动。从该公式我们可以分析出影响主角在窗口中显示位置的两个因素：第一个为地图图片（Image Map）相对于窗口的位置（Canvas.GetLeft（Map），Canvas.GetTop（Map）），它是在鼠标牵引地图移动的时候时时改变的，与主角在地图上的走动无关；第二个则为主角自身的X，Y坐标属性（Spirit.X，Spirit.Y），当主角在地图上走动时，它是时时更改的。由此可以得到一个结论：要实现主角在此模式地图上的移动，只需要在它走路的时候时时更新它的坐标Spirit.X和Spirit.Y即可，这样界面线程中会同步更新主角在窗口中的位置而达到完美的游戏动画衔接。

找到了切入点，那么实现起来就简单多了。

这里，我们首先需要对前面章节中的A*寻路方法进行一些改进。在前面的章节中，由于地图是固定死不动的，且尺寸相当于窗口大小，这样我们简单的将地图和窗口示为一体。因此，在A*寻路过程（AStarMove（））中同时实现了主角相对于地图的移动，即基于对象依赖属性为PropertyPath（"Canvas.Left"）， PropertyPath（"Canvas.Top"）的Storyboard动画。但是在牵引式地图移动模式中就不能这样做了，根据前面分析的原理，则必须改为基于对象依赖属性为PropertyPath（"X"），PropertyPath（"Y"）的Storyboard动画。此时的动画或许将之理解为从寻路得到的路径序列点中连续取出坐标的计时器更加贴切，因为它只负责改变Spirit的X，Y属性而不负责在界面中更新Spirit的位置实现动画。但是这已经足够了，因为它已经满足了原理中更新精灵坐标Spirit.X和Spirit.Y的目的（剩下的任务交由界面线程去做就好了，代码与上一节中的一样，我们不需要理会）。那好，接下来就看我如何对A*寻路再次进行改造（可别怕，目前的A*寻路Storyboard动画方法已经是很成熟的了，只需要对它的几个关节进行修改即可以达到不同的使用目的，其实在第九节、第十节中已经对其进行过修改了）。

首先定义两个函数SpiritGameX、SpiritGameY用于将主角在地图坐标系中的坐标换算成游戏寻路坐标系中的坐标：

int GridSize = 20; //单位格子大小
int SpiritCenterX = 4; //主角脚底离主角图片左边的距离（寻路坐标系中）
int SpiritCenterY = 5; //主角脚底离主角顶部的距离（寻路坐标系中）
//将主角的坐标换算成游戏坐标系中的坐标（缩小操作）
int GameSystemX {
 get { return （（int）（Spirit.X） / GridSize） + SpiritCenterX; }
}
int GameSystemY {
 get { return （（int）（Spirit.Y） / GridSize） + SpiritCenterY; }
}