障礙物構建完成 第六章提到角色移動以左上角定位不真實，需定義腳底座標。邏輯如下： int count = 1; Image Spirit = new Image

代碼與上節差異不大，修改處以黃底標示（..... 表未變）。主要針對主角真實腳底座標在雙座標系間換算進行佈局調整，可與上節代碼對比理解。 測試成果 移除障礙物

地圖引擎兩大核心 地圖實現（切割、合成、呈現） 地圖物件實現（尋路、遮罩、傳送點） 為激發興趣，先講尋路。經典 A* 為尋路思維集大成者，衍生算法眾

引用尋路元件與變量初始化 using QX.Game.PathFinder; Rectangle rect; private IPathFinder Path

尋路邏輯實作 = 0; i--) { output = string.Format(output + {0} + path[i].X.T

融合兩種動畫機制 結合第一節 Storyboard 移動與第四節 DispatcherTimer 幀動畫，實現點擊移動同時播放跑步動畫。 後台代碼第一部分：D

三大待解決問題 停止狀態切換：主角抵達目的地後應切換為站立動畫。可在 dispatcherTimer_Tick 中判斷 storyboard.GetCur

圖片截取法 以主角向右施法動畫為例。先用 Photoshop 將 10 幀 150×150 圖片合併為一張 1500×150 大圖（見下圖），存放專案 bin\

動畫邏輯與測試 宣告 count 記錄當前圖片索引，建立 Image 控件 Spirit（150×150），加入 Carrier。建立 DispatcherTi

DispatcherTimer 動畫特點 與 CompositionTarget 同屬幀動畫，但可輕鬆配置參數。 完整實作代碼 Rectangle rect;

DispatcherTimer 初始化細節 宣告 DispatcherTimer，執行緒優先級設 Normal（標準），共 10 級可調。 註冊 Ti

CompositionTarget 動畫原理 官方描述：CompositionTarget 依每幀回調創建自訂動畫。實際上基於每次介面重繪觸發，與視窗重繪率同步

邏輯判斷與測試 取得方塊 X、Y 位置，與目標 moveTo 比較判斷 +speed 或 -speed。Ctrl+F5 測試，方塊確實動了。 問題與解決 移

系列前言 自 QXGame (WPF GAME ENGINE) 發布以來備受關注，遂萌生寫教程念頭。本系列將帶領大家用純 C# 開發 WPF/Silverlig

介面容器佈局 建立名為 Carrier 的 Canvas（800×600，銀色背景），註冊滑鼠左鍵點擊事件。選擇 Canvas 因其支援子元素絕對定位，便於處理

翻頁動畫整體流程 完整繪製第 3、4 頁。繪製完成後，B、C 區域覆蓋第 4 頁原本可見部分。 計算對稱線與 B、C 裁切區域。 繪製 B 區域（

對稱線數學模型 a = 45 + (45 * x) / PAGE_WIDTH h = x * Tan(a) 角度 a 隨 x 變化：x=0 時 a=45°；

C 區域繪製流程 繪製 C 區域時使用背景圖片 pageUndersideImage 輔助。第 5 頁圖片繪製於此緩衝區，再貼近 B 區域繪製。 B、C 區域

說明：作者曾參與電子雜誌專案，需模擬真實翻頁效果。本文翻譯自 CodeProject 文章，原文網址：https://www.codeproject.com/K

動畫幀繪製流程 每幀動畫在 timer1_Tick 中繪製至緩衝區的 CurrentShownBitmap，隨後呈現於螢幕。 核心計算方法 private G