C# 開發 WPF/Silverlight 動畫與遊戲系列教程（十一）地圖遮罩層實現（二）—— 原理與素材準備

實現原理

從地圖表現層見到遮擋物（如樹木） → 用 Photoshop 精確剪裁 → 存為背景透明 PNG → 多個遮擋物依序命名儲存。將遮罩層置頂層、地圖底層、角色中層。將所有遮罩圖片佈局至對應遮擋位置。完成遮擋工作。

範例地圖

三處障礙物（綠色區域），兩棵樹（遮擋物）。已剪裁為 Mask1.png、Mask2.png。

剪裁出的兩棵樹素材圖。