C# 開發 WPF/Silverlight 動畫與遊戲教學 (41-3)：迷你雷達地圖完善與優化

迷你雷達地圖核心實現與效能優化

透過遮罩機制實現迷你雷達地圖的可視區域限制，完美移植主遊戲地圖的「托盤式」移動邏輯，並採用分層更新策略大幅提升效能。

一、遮罩與座標同步機制

在雷達面板上覆蓋遮罩層，僅顯示遮罩區域內的地圖與物件。主角座標與雷達地圖圖片移動採用即時更新，確保導航精準度。

二、分層更新策略

• 高頻更新 (即時)：主角座標、地圖背景位移
• 低頻更新 (500ms 間隔)：怪物、NPC、傳送點等動態物件的增減與位置同步

後台執行緒處理低頻更新，避免阻塞 UI 執行緒。

三、彈性的物件呈現系統

雷達物件類型定義為 UIElement，支援任意視覺元素：

if (sprite == Leader) {
    miniMap.MiniMap.Children.Add(new TextBlock() {
        Name = string.Format("Obj{0}", sprite.Name),
        Text = Leader.VSName,
        FontSize = 10,
        Foreground = new SolidColorBrush(Color.FromArgb(255, 206, 241, 190)),
    });
} else {
    miniMap.MiniMap.Children.Add(new Rectangle() {
        Name = string.Format("Obj{0}", sprite.Name),
        Width = 6,
        Height = 6,
        RadiusX = 3,
        RadiusY = 3,
        Stretch = Stretch.Fill,
        Fill = new SolidColorBrush(Color.FromArgb(255, 184, 105, 167)),
        StrokeThickness = 1,
        Stroke = new SolidColorBrush(Color.FromArgb(255, 88, 88, 88))
    });
}

主角顯示為綠色文字，怪物顯示為粉色描邊圓矩形。可擴充 ToolTip 顯示物件名稱等資訊。

四、版本更新記錄 (09.11.20)

1. 修正魔法裝飾特效位置偏移問題
2. 修正障礙物可被穿透的 Bug

下一節將講解全景迷你尋路地圖製作，敬請期待。