C#開發WPF/Silverlight動畫及游戲系列教程(Game Course)：(九) 2D游戲角色在地圖上的移動
本節將運用前兩節的知識到實際的2D游戲人物在地圖上移動中，同時也算是對前面八節的內容進行一次綜合運用吧。
那麼先從最底層的地圖講起。首先我將一張地圖添加進游戲窗口中，這裡我同樣使用Image控件：
Image Map = new Image();
private void InitMap() {
Map.Width = 800;
Map.Height = 600;
Map.Source = new BitmapImage((new Uri(@"Map\Map.jpg", UriKind.Relative)));
CarrIEr.Children.Add(Map);
Map.SetValue(Canvas.ZIndexProperty, -1);
}
我將一個800*600名叫Map.jpg的地圖圖片添加進項目Map文件夾中，然後將它的Canvas.Zindex屬性設置為-1，這樣它就相當於地圖背景的作用了。有了這張地圖以後，我們需要對它進行障礙物設置：
從上圖可以看到，理想的狀態下，障礙物為我用藍色填充的區域，這是理想狀態下障礙物的設置。但是實際運用中，就拿本教程來講，因為GridSize設置為20，那麼我們最終得到的障礙物將是這樣的：
