This work is a derivative of “Scratch Creative Computing Curriculum Guide” by the ScratchEd team at the Harvard Graduate School of Education, used under CC BY-SA. This work is is a derivative of "X&Y BUG" by Dylan Ryder, used under CC BY-SA. 本教學課程為CCCG的翻譯衍生創作。中文化教材由方毓賢(YU HSIEN FANG)以創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權。
加入角色、造型、背景與音效來創作一個互動式Scratch遊戲。這個程式專案可以幫助其他人深入學習「X座標」與「Y座標」、並且知道如何運用XY座標創作遊戲。
動手開始吧
- 新建一個程式專案。刪除貓咪。
- 加入「小瓢蟲」角色、一種食物、一個按鈕。
- 加入「xy-grid」背景到舞台中。
加入程式碼！
Part 1
點選「小瓢蟲」，加入讓「角色回應按鍵動作」的程式碼，讓你的小瓢蟲動起來。
Step1. 點選「小瓢蟲」
Step2. 當遊戲開始時，讓小瓢蟲縮小50%，並且移動到舞台正中央(x:0, y:0)。
程式碼如下：
小技巧：將「x 座標」與「y 座標」勾選，可以顯示「小瓢蟲」角色的所在位置。見下圖：
Step3. 設定「鍵盤方向鍵」來控制「小瓢蟲」的移動方式。
程式碼如下：
問題挑戰：下面的程式碼，還需要哪兩個程式積木呢？
小技巧：在程式積木上按右鍵，點下「新增註解」，來解釋這段程式碼。
Step4. 新增變數資料，來記錄得分。
步驟：點選「資料」→ 點選「製作一個變數」→ 輸入「得分」→ 點選「確定」。示意如下圖：
Step5. 如果得分等於10，就說「你贏了！」
程式碼如下：
Part 2
點選「食物」角色，加入「讓角色隨機出現」的程式碼，讓食物出現在舞台上。
Step6. 點選「食物」：香蕉。
小技巧：將「x 座標」與「y 座標」勾選，可以顯示「香蕉」角色的所在位置。見下圖：
Step7. 當遊戲開始時，讓香蕉縮小50%，並且「隨機」移動到舞台上的位置。
加入兩段程式碼如下：
小技巧：你可以自己命名廣播的訊息。點選「廣播」積木上的▼，再點選「新訊息...」命名一個新訊息為「移動食物」。
小技巧：使用「隨機」積木就像丟骰子一樣。上面的程式碼，會在區間內隨機選一個數字，再乘以10。
小技巧：我們可以讓食物在舞台上移動到更多的位置。試試看將「0」用負值取代，例如：「-15或-20」。
Part 3
製作「FEED」按鈕，讓「小瓢蟲」能吃東西，如果小瓢蟲移動到「香蕉」上，就能吃到香蕉並獲得1分。
Step8. 點選「按鈕」角色，切換到「造型」頁面，利用打字工具「𝚻」，在按鈕上面寫上「FEED」。
Step9. 當按下「FEED按鈕時」，程式會判斷「小瓢蟲」與「香蕉」的位置，如果位置相同，小瓢蟲就能吃到香蕉並且得一分。
程式碼如下：
問題挑戰：觀察上面的程式碼，如果小瓢蟲吃到香蕉，接下來香蕉會再次出現在舞台上嗎？如果小瓢蟲跟香蕉的位置不一樣，又會發生什麼事情呢？
小技巧：點選「音效」頁面，來加入新的音效！
程式完成
趕快試玩看看吧！
- 如果遇到困難，可以看看這個由ThinkinViz製作的範例程式（蟲蟲任務X&Y）。
更多嘗試
- 運用「隱藏」積木，讓食物看不見。
- 運用「造型」來改變角色的外觀。
- 在每一個程式積木堆，加入註解。
分享討論
訂閱
- 訂閱Scratch-TW，取得最新教學課程與活動資訊。