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,取得最新教學課程與活動資訊。