Return to site

蟲蟲任務
X&Y

你會如何運用X軸與Y軸,
來創作一個互動遊戲呢?

· 兒童程式教學,Scratch中文,開放教材

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座標創作遊戲。

動手開始吧

  1. 新建一個程式專案。刪除貓咪。
  2. 加入「小瓢蟲」角色、一種食物、一個按鈕。
  3. 加入「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按鈕時」,程式會判斷「小瓢蟲」與「香蕉」的位置,如果位置相同,小瓢蟲就能吃到香蕉並且得一分。
程式碼如下:

問題挑戰觀察上面的程式碼,如果小瓢蟲吃到香蕉,接下來香蕉會再次出現在舞台上嗎?如果小瓢蟲跟香蕉的位置不一樣,又會發生什麼事情呢?

小技巧:點選「音效」頁面,來加入新的音效!

程式完成

趕快試玩看看吧!

更多嘗試

  • 運用「隱藏」積木,讓食物看不見。
  • 運用「造型」來改變角色的外觀。
  • 在每一個程式積木堆,加入註解。
All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly