返回網站

我的虛擬寵物 PET

Create a Virtual Pet

2016年7月13日

寵物是許多大朋友、小朋友的好夥伴。現在,透過Scratch,你也可以創作屬於你的虛擬寵物!

這個一小時程式設計(Hour of Code™)活動將一步步引導你使用Scratch製作一個寵物養成遊戲
趕快一起來創作你專屬的寵物角色吧,它的名字叫什麼呢? 再加入聲音、動畫與更多效果!

 

你還可以將這個遊戲分享給朋友與家人噢!

聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDU
由Scratch-TW僅進行中文化編輯與翻譯,編譯者:方毓賢(YU HSIEN FANG)
引用來源:https://scratch.mit.edu/go​

使用Scratch,兒童與青少年可以編寫程式來創作專屬的遊戲、故事、動畫以及更多的可能性。透過這個一個小時的Scratch活動,參與者將藉由設計一個虛擬寵物來獲得寫程式的經驗。完成的寵物養成遊戲也可透過網路分享給其他人。

MIT Scratch Team團隊提供了以下的教學素材與建議,可協助老師將這個活動帶入教室、圖書館或其他學習場所:

準備好開始了嗎?我們的建議如下

  1. 請先閱讀以下的活動指引,留意活動需準備的事項,建議導引者自己完整實作一次。
  2. 下載教育者指南中文版,導引者可更了解如何籌備教學活動。
  3. 下載活動卡片中文版,可印發給學員們。
  4. 前往Scratch-虛擬寵物-線上教學頁面,製作寵物遊戲。
  5. 如果遇到困難,可參考由ThinkinViz協力製作的Scratch Project: 虛擬寵物-教學案例

第1步
活動前準備

  • 確認活動場所是否有「網際網路連線」。這是一個需要電腦設備與網路連線的活動,務必事先確認。
  • 建議教師可準備投影設備(例如:投影機)以便讓學生看見操作畫面。
  • 學習註冊Scratch帳號,詳細步驟請查閱:Scratch註冊指引
  • 前往虛擬寵物工作室虛擬寵物-教學案例,看看來自世界各地的創作,激發靈感。

project: 虛擬寵物-教學案例 (*僅於電腦上操作)

第2步
開始程式設計

1. 註冊並登入Scratch

引導學生前往Scratch網站,註冊Scratch帳號並登入。​

2. 看看程式作品成果

引導學生前往:http://scratch.mit.edu/pet,準備開始創作虛擬寵物。

3. 選擇一個你喜愛的寵物

你可以選擇任何東西當寵物!從角色範例庫中選擇一個人物來開始

點擊「a. 從範例庫中選擇角色」按鈕,來選擇一個新的角色:

點選佈景主題下的「動物」,挑選一個你喜歡的動物:(例如:猴子)

想要刪除某個角色嗎?你可以使用「剪刀」工具來刪除它。

小技巧:Scratch中的人物又都稱為「角色(Sprite)」。這個字是我們從第一款電子遊戲(video game)引用來的。

4. 選擇舞台背景

要讓你的寵物住在哪裡呢?
點選「a. 從範例庫中選擇背景」。​

選擇要使用的背景,例如: garden rock(花園裡有石頭)。

5. 介紹你的寵物

將你的寵物移動到舞台上適合的位置。​

滑鼠點一下,你的虛擬寵物,再點一下「程式」分頁。

加入以下的程式積木:

現在,試試看用滑鼠,點一下小猴子,看看有什麼效果。

小技巧:要如何找到位置的座標?在舞台上移動滑鼠,在預覽視窗下可以看到游標位置的 x 與 y

讓寵物被點擊時發出聲音

點一下「音效」分頁,再點一下喇叭的圖示。

從音效範例庫中,選擇一個適合的聲音,例如: boing,點一下「確定」。

點一下「角色區」中的小猴子,再點一下「程式」分頁。

將原本的程式積木修改為:

現在,試試看用滑鼠,點一下小猴子,是不是發出了聲音呢?

將原本的程式積木再修改為:

這樣,試試看用滑鼠,再點一下小猴子,他有沒有說「哈囉」跟「Oo ooo」呢?

6. 讓寵物動起來

如果你的角色有一個以上的造型,就可以透過「切換造型到...」,來產生動畫效果。​

滑鼠點一下「角色區」的小猴子,再點一下「造型」分頁。

滑鼠點一下「角色區」中的小猴子,再點一下「程式」分頁。

加入以下的程式積木:

現在,試試看用滑鼠,點一下小猴子,看看有什麼效果。

7. 點心時間

準備一些點心,讓寵物不會餓肚子。​

點擊「a. 從範例庫中選擇角色」按鈕,來選擇一個新的角色:

選擇一種食物,例如:香蕉,點一下「確定」。

接下來,用滑鼠點一下「角色區」的香蕉,對香蕉寫一些程式。

加入以下的程式積木:

這段程式碼的意思是:當「香蕉」被滑鼠點擊時,就會告訴你的寵物:「點心時間到囉」!

將原本的程式積木再修改為:​

小技巧:記得用 「移到最上層」積木,讓食物(香蕉)始終都在寵物(小猴子)的前方。

8. 開始吃點心

當寵物收到「點心時間」的訊息,就可以開始吃點心囉!

在舞台區,用滑鼠將「香蕉」放到舞台的左下角。

請注意觀察香蕉位置的「X座標」與「Y座標」。

將「香蕉」最後的「X座標」與「Y座標」,記錄下來,例如:(-175, -114)。

讓小猴子知道,可以開始吃香蕉了!

滑鼠點一下「角色區」中的小猴子,再點一下「程式」分頁。

我們要再寫一些程式碼,告訴小猴子什麼時候,可以去吃香蕉。

加入以下的程式積木:

現在,用滑鼠點一下「香蕉」,小猴子有沒有跑去吃香蕉呢?很好!

喔,但是小猴子就停在香蕉那裡了,吃完了香蕉,小猴子要再回到石頭上。

將原本的程式積木再修改為:

現在,再用滑鼠點一下「香蕉」,小猴子吃了香蕉後,有回到石頭上嗎?很好!

成功的話,會像下面這個樣子:

9. 遊戲時間

除了吃點心,小猴子還喜歡玩遊戲,特別是蹦跳床。

點擊「a. 從範例庫中選擇角色」按鈕,來選擇一個新的角色:​

選擇一種玩具:

點選「物品」分類,往下找到:蹦跳床

點一下「確定」。

接下來,用滑鼠點一下「角色區」的蹦跳床,對它寫一些程式。

加入以下的程式積木:

小技巧:這裡的做法跟「香蕉」是一樣的哦!

移動蹦跳床

用滑鼠將「舞台」上的蹦跳床,放置到舞台的下方。

請觀察並記下來,蹦跳床所在的「x座標」與「y座標」,例如:(-14, -116)。

完成的樣子如下圖:

小技巧:跟放置香蕉相似的做法。

讓小猴子在蹦跳床上玩耍。

滑鼠點一下「角色區」中的小猴子,再點一下「程式」分頁。

我們要再寫一些程式碼,告訴小猴子什麼時候,可以去玩蹦跳床。

加入以下的程式積木:

現在,用滑鼠點一下「蹦跳床」,小猴子會先移動到蹦跳床,上下跳四次,然後再回到石頭上。

你成功了嗎?很好!

成功的話,會像下面這個樣子:

10. 加入更多動作

小挑戰:再加入一個鼓,讓小猴子打玩耍!

你要怎麼做呢?

利用以下的程式碼,讓小猴子會打鼓。

提示:請運用「點心時間」與「遊戲時間」的做法哦!

在鼓裡面,加入以下的程式積木:

在小猴子裡面,加入以下的程式積木:

現在,用滑鼠點一下「鼓」,小猴子會先移動到鼓,打一下,然後再回到石頭上。

你成功了嗎?很好!

成功的話,會像下面這個樣子:

11. 照顧你的寵物

寵物也會餓肚子的,這要怎麼寫程式呢?

我們可以用「變數」來觀察寵物的狀態,例如:飢餓、無聊等。

讓我們來觀察小猴子的飢餓程度吧!

首先,點一下「資料」,「製作一個變數」

輸入變數名稱:「飢餓狀態」,點下確定。

在小猴子裡面,加入以下的程式積木:

接下來,用滑鼠點一下「角色區」的小猴子,再點一下「程式」分頁。

我們要在裡面在寫一些程式,讓小猴子會隨著時間變餓,吃了香蕉就變飽。

每過「10秒」,小猴子的飢餓狀態,就會增加1,他會越來越餓。

在小猴子裡面,將原本的程式碼修改如下:

要好好照顧小猴子:只要小猴子去吃香蕉,就會降低飢餓狀態哦!

將這個「程式積木」加到,當我接收到「點心時間」,如下圖的位置。

好了,用滑鼠點一下「綠色旗子」,開始照顧你的的小猴子吧!

成功的話:虛擬寵物遊戲,會像下面這個影片哦!

小挑戰:你也可以加入,口渴、無聊等等的寵物狀態,來好好的照顧寵物。

12. 儲存並分享你的寵物

恭喜!你已經完成了虛擬寵物遊戲!

為你的程式專案取個名字(輸入標題)。

點一下,畫面右上方的「分享」

將虛擬寵物遊戲分享給世界上的所有人!

這個影片會教你,如何進行分享。
(記得打開中文字幕)

小技巧:

  • 你需要註冊Scratch並登入,才可以在線上儲存與分享你的程式專案。
  • 你也可以儲存程式專案到你的電腦中:點選「檔案」選單,再選擇「下載到您的電腦」。

第3步
活動結束後

謝謝你的參與!
恭喜!你已經完成了一小時程式設計活動(Hour of Code),前往列印或下載完成證書:
注意-只能在空白處輸入英文姓名

協助學生分享

每位學生完成寵物遊戲後,點擊畫面右上方的「分享」,這樣便會將學生創作的遊戲在Scratch平台上公開。學生只需要複製程式專案的網址,再將網址傳送給想要分享的朋友或家人,便可讓大家一起玩寵物養成遊戲。

學習更多

  • 學生們可前往:Scratch-TW/學習者專區,進行另外其他的Scratch活動。
  • 老師們可前往:Scratch-TW/教育者專區,下載完整的教學指引手冊,規劃更完整的Scratch程式設計課程。
  • 找尋更多Scratch程式教育資源,可前往:ScratchEd查看來自世界各地教育者分享與討論的事項。

參考資源與連結:

https://scratch.mit.edu/go​ (Scratch 2016 Things to Try)⬀

Scratch-虛擬寵物-線上教學(scratch.mit.edu/pet)⬀

虛擬寵物-教學案例 (Scratch Project by ThinkinViz)⬀

虛擬寵物-活動卡片中文版⬇︎

虛擬寵物-教育者指南中文版⬇︎ (Credits: 林宏名、陳以嬿、蔡凱如、孫賜萍 - 軟體自由協會)

一小時程式設計完成證書

第4步
分享與討論

留言分享你的Scratch作品網址
歡迎討論、一起學習

訂閱Scratch-TW電子報
取得最新教學課程與活動訊息