形狀配對拼圖
這篇文章會介紹，如何在 Scratch 裡使用變數、定位、圖像效果、重複無限次、數學計算...等積木，實作一個形狀配對拼圖的小遊戲 ( 三角形拖拉到三角形的位置、正方形拖拉到正方形的位置 )。
角色設定
在角色編輯區，刪除貓咪角色，使用繪畫，繪製新角色 ( 參考：造型與繪圖 )。
使用「圓形」工具，畫出一個圓形，對齊畫布的中心點，將角色命名為「圓形」。
積木程式原理
從左側積木清單裡，新增 x 和 y 兩個變數，選擇「僅適用當前角色」。
若勾選「僅適用當前角色」，表示變數數值變化時，不會影響到其他角色。
設定點擊綠旗的動作：
- 設定圖像幻影為 70 ( 在舞台上呈現半透明 )。
- 設定 x 和 y 兩個變數為 0，作為拼圖配對時的座標比對。
- 定位到 (x, y)。
- 建立自己的分身。
編輯當分身產生時的動作：
- 將分身定位到隨機的位置 ( x：-200～200、y：-150～150 )。
- 將分身的圖像幻影改為 0 ( 完全不透明 )。
點擊綠旗執行後，畫面上就會看見一個半透明的圓形 ( 本尊 )，和一個完全不透明的圓形 ( 分身 )。
從左側積木清單裡，新增一個名為 n 的變數，選擇「僅適用當前角色」。
若勾選「僅適用當前角色」，表示變數數值變化時，不會影響到其他角色。
繼續編輯分身產生的程式：
- 設定變數 n 為 0，作為判斷是否配對到正確的位置。
- 使用重複無限次積木，每次重複判斷是否碰到滑鼠以及滑鼠是否按下 ( 滑鼠點擊分身 )。
- 如果滑鼠點擊分身，使用「重複...直到」積木，直到「滑鼠放開或 n=1」為止。
- 每次重複使用定位積木，將分身定位到滑鼠的位置 ( 被滑鼠拖曳 )。
- 判斷如果 (「分身 x 座標 - 變數 x」的絕對值 +「分身 y 座標 - 變數 y」的絕對值 ) < 30，表示分身非常靠近本尊，就將 n 改為 1，並讓分身滑行到本尊 (x, y) 的位置。
完成後，切換到「專案頁面」，點擊綠旗，就可以用滑鼠將圓形拖曳到正確的位置，當接近到一定程度，就會被自動吸附到正確位置。
因為程式裡有使用「滑鼠拖拉角色」的程式，如果在程式編輯頁面，會被預設的拖拉行為干擾，所以要切換到「專案頁面」。
在角色面板裡，複製圓形角色，並使用繪畫功能，將角色改成正方形和三角形 ( 參考：造型與繪圖 )。
分別將正方形和三角形的 x 更改為 -100 和 100。
完成效果
完成後，切換到「專案頁面」，點擊綠旗，就可以開始進行形狀配對拼圖遊戲。
範例解答
範例解答：形狀配對拼圖
延伸練習
如果已經熟悉了形狀配對拼圖的原理，還可以嘗試更多好玩的作法：
- 加入判斷拼圖完成機制，在拼圖完成後，提示拼圖已經完成 ( 解答 )。
繼續閱讀
如果已經熟悉了形狀配對拼圖的程式，就可以繼續閱讀「台灣地圖拼圖」的文章。
文章連結：台灣地圖拼圖
意見回饋
如果有任何建議或問題，可傳送「意見表單」給我，謝謝～