他們是「熊熊遇見你」卡通裡的「大大」、「阿極」跟「胖達」。
今天,他們正在玩捉迷藏,不定時地會出現在草原上或樹林旁。
一起來玩捉迷藏吧!
這個Scratch牛刀小試(Things To Try)活動將一步步引導你
使用Scratch製作一個「捉迷藏遊戲」:使用滑鼠和熊熊們一起玩捉迷藏,點擊熊熊會獲得一分。
你獲得幾分呢?
你還可以把捉迷藏遊戲分享給親友哦!
聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDU 與CARTOON NETWORK。
由Scratch-TW進行中文化編輯、翻譯與衍生創作,製作者:方毓賢(YU HSIEN FANG)。
引用來源:https://scratch.mit.edu/go/hide and seek
使用Scratch,兒童與青少年可以編寫程式來創作專屬的遊戲、故事、動畫以及更多的可能性。透過這個一個小時的Scratch活動,參與者將藉由設計一個遊戲作品來獲得寫程式的經驗。完成的遊戲作品也可透過網路分享給其他人。
MIT Scratch Team團隊提供了以下的教學素材與建議,可協助老師將這個活動帶入教室、圖書館或其他學習場所:
- 「活動卡片(Activity Cards)」可用於獲得以Scratch來創作時的概念與構想。
活動卡片中文版(2016.12版)⬇︎ (Credits: YU HSIEN FANG)
活動卡片英文版(2016.12版)⬇︎
活動卡片中文版(舊版)⬇︎ (Credits: YU HSIEN FANG)
活動卡片英文版(舊版)⬇︎ - 「教育者指南(Educator Guides)」可用於幫助規劃與執行實體教學活動。
教育者指南中文版(2016.12版)⬇︎ (Credits: 林亮穎、蔡凱如、孫賜萍 - 軟體自由協會)
教育者指南英文版(2016.12版)⬇︎
教育者指南中文版(舊版)⬇︎ (Credits: YU HSIEN FANG)
準備好開始了嗎?我們的建議如下
- 請先閱讀以下的活動指引,留意活動需準備的事項,建議導引者自己完整實作一次。
- 下載教育者指南中文版(2016.12版)、或教育者指南中文版(舊版),導引者可更了解如何籌備教學活動。
- 下載活動卡片中文版(2016.12版)、活動卡片中文版(舊版),可印發給學員們。
- 前往ThinkinViz協力製作的捉迷藏遊戲 - 熊熊遇見你-教學範例頁面,創作遊戲作品。
- 如果遇到困難,可參考由ThinkinViz協力製作的Scratch Project: 捉迷藏遊戲 - 熊熊遇見你 Remix 。
第1步
活動前準備
- 確認活動場所是否有「網際網路連線」。這是一個需要電腦設備與網路連線的活動,務必事先確認。
- 建議教師可準備投影設備(例如:投影機)以便讓學生看見操作畫面。
- 學習註冊Scratch帳號,詳細步驟請查閱:Scratch註冊指引。
- 試玩捉迷藏遊戲 - 熊熊遇見你 Remix ,來激發靈感。
project: 捉迷藏遊戲 - 熊熊遇見你 Remix (*僅於電腦上操作),點紅色圖示來停止。
第2步
開始程式設計
1. 註冊並登入Scratch
引導學生前往Scratch網站,註冊Scratch帳號並登入。
2. 播放活動簡介影片 (開啟中文字幕)
<Q> 想一想:
你有玩過捉迷藏遊戲嗎?
捉迷藏需要什麼角色呢:一個人當鬼、許多人躲起來?
你喜歡找人、還是躲起來呢?
引導學生前往:捉迷藏遊戲 - 熊熊遇見你-教學範例 ,準備開始創作遊戲。
3. 讓角色隱藏再顯示
使用程式積木,讓角色「隱藏」再「顯示」
首先,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
程式積木如下:
將四片積木組合,黏疊在一起。
現在,移動滑鼠到「這堆積木」的上面,點一下。
觀察看看:胖達是不是「先消失、再出現」呢? 太棒了!
試試看:多按幾下,發生了什麼事?
<T> 小技巧:
- Scratch中的人物又都稱為「角色(Sprite)」。這個字是我們從第一款電子遊戲(video game)引用來的。
- 改變等待秒數中的數字:試試看輸入「0.1」秒、「5」秒,看看效果有什麼不同。
4. 讓角色不停的「隱藏再顯示」
遊戲開始後:
角色會消失再出現
不斷重複。
首先,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
最後的程式積木如下:
好,現在用滑鼠點一下綠色旗子:
胖達,是不是在舞台上,不停的消失、再出現、消失、再出現
酷!一閃一閃亮晶晶!
<T> 小技巧:
- 滑鼠點一下紅色停止符號,就可以停止程式。
5. 找到角色時,讓角色有一些反應
如果用滑鼠點擊角色:
讓角色發出聲音並說話
首先,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
最後的程式積木如下:
現在,用滑鼠點一下綠色旗子:
在舞台區,當胖達出現的時候
用滑鼠在上面點一下
胖達是不是發出了聲音:Yeah~
並且說「你找到我了!」
非常好!
<Q> 小問題:
嘗試改變「說道」的秒數,例如:1秒、5秒,來觀察不同的效果。
請試試看,你覺得多少的秒數,比較剛好呢?
6. 運用隨機時間,讓角色隨機消失與出現
運用「隨機」概念:
讓角色隱藏與顯示的秒數
每次可能都不一樣
同樣地,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
最後的程式積木如下:
好,用滑鼠點一下綠色旗子:
現在,胖達消失的時間長度
是不是就變得不一樣了呢? 做得好!
<Q> 小問題:
- 改變「隨機選數」積木中的兩個數字,
1. 如果兩個數字一樣,代表什麼意思呢?
2. 如果範圍變大,例如改為 1到10,結果又會有什麼不同呢?
3. 把兩個等待的秒數都使用「隨機選數」取代,結果又會如何呢?
7. 運用隨機位置,讓角色在不同位置消失與出現
運用「隨機位置」概念:
讓角色在舞台上位置
每次可能都不一樣
同樣地,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
最後的程式積木如下:
滑鼠點一下綠色旗子,來開始遊戲:
如果你操作正確,現在,胖達消失的時間長度每次不一樣,
胖達出現的位置每次也都不一樣!
越來越像捉迷藏了吧?
8. 複製程式碼,讓其他角色也有相同的行為
運用「複製程式碼」:
在角色間拖拉積木
讓不同的角色擁有相同的程式碼
首先,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
<T> 小技巧:
- 把要複製的程式積木,用滑鼠左鍵按住,拖拉到角色區的角色上面,再放開左鍵。
現在,用滑鼠點一下角色區的「大大(grizz)」
他所有的程式碼是否與「胖達(panda)」相似呢?
<T> 小技巧:
- 使用這樣的技巧,有時候可以節省很多的時間哦!
現在,點一下綠色旗子,來開始程式:
胖達與大大都開始捉迷藏了
用滑鼠跟他們一起玩吧!
<C> 小挑戰:
- 你知道怎麼樣讓「阿極(ice bear)」也有類似的程式碼嗎?
9. 躲在物體的後面
運用「定位到_位置」:
將角色移動到另一個角色的位置
運用「圖層」的概念:
讓角色隱藏在另一個角色下面
首先,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
加入以下的程式積木:
讓「阿極(ice bear)」也擁有類似的顯示、隱藏行為。
點一下綠色旗子,開始遊戲看看效果
再按一下紅色停止符號。
接著,滑鼠點一下「角色區」中的阿極(ice bear),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:阿極(ice bear)。
加入以下的程式積木:
最後的程式積木如下:
我們將阿極玩捉迷藏的地方設定到一棵樹1(tree1)的位置
「阿極」與「大大」、「胖達」不同:
他不會隨機出現在舞台的任何位置,只會在tree1的位置隱藏又出現。
現在點一下綠色旗子,來開始遊戲:
觀察阿極
是不是一直都會在樹1(tree1)的位置,出現又消失呢?
做得好!
<Q> 小問題:
咦?是不是哪裡怪怪的:
阿極沒有躲在樹的後面,要怎麼讓他躲在樹後面呢?
首先,滑鼠點一下「角色區」中的樹1(tree1),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:樹1(tree1)。
加入以下的程式積木:
最後的程式積木如下:
現在點一下綠色旗子,來試試看效果:
阿極是不是躲在樹1後面了呢?
太棒了!
10. 躲在物體的附近
運用「定位到_位置」:
將角色移動到另一個角色的位置
運用「移動」積木:
讓角色移動到另一角色的附近
接著,滑鼠點一下「角色區」中的阿極(ice bear),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:阿極(ice bear)。
加入以下的程式積木:
最後的程式積木如下:
<T> 小技巧:
「移動」積木的數值,一般來說:
輸入一個範圍,例如:-50至50。
負值(-50)會讓角色往左移動,正值(50)會讓角色往右移動。
點擊綠色旗子,來執行遊戲:
阿極是不是躲在樹1後面
而且會在附近隨機左右移動?酷!
<C> 小挑戰:
- 你能不能讓「大大」也躲到樹3(tree3)後面的附近呢?
就像阿極一樣!你會如何修改呢?
如果大大會出現在樹3(tree3)的前面,你要怎麼修改呢?
11. 記錄得分
使用變數,來記錄得分:
當滑鼠點擊到任何一隻熊熊,就獲得一分
在「資料」類別中,點擊「製作一個變數」,並把它命名為「得分(score)」:
點一下「資料」,
點一下「製作一個變數」,
輸入:「得分」作為變數名稱,
點一下「確定」。
接下來,滑鼠點一下「角色區」中的胖達(Panda),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:胖達(Panda)。
修改原本的程式積木為:
最後的程式積木如下:
接下來,滑鼠點一下「角色區」中的大大(grizz),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:大大(grizz)。
修改原本的程式積木為:
最後的程式積木如下:
接下來,滑鼠點一下「角色區」中的阿極(ice bear),再點一下「程式」分頁。
藍色外框表示,你選到了那個角色,例如:阿極(ice bear)。
修改原本的程式積木為:
最後的程式積木如下:
現在,點一下綠色旗子,來執行程式:
用滑鼠與熊熊們捉迷藏:點擊每一隻熊熊吧!
找到一隻熊熊獲得一分,你總共獲得幾分呢?
<T> 小技巧:
要停止遊戲,請按下紅色停止按鈕(在綠色旗子的右邊)。
<C> 小挑戰:
- 發揮創意:加入新角色、音效與更多有趣的效果!
- 改變得分:點擊「胖達」得一分、「大大」得兩分、「阿極」得三分,你要怎麼修改呢?
- 倒數計時:運用「偵測」類別中的「計時器」與「計時器重置」的積木,來設計倒數計時。當時間歸零,遊戲就停止 (進階技巧:Scratch小學堂 - 倒數計時)。
12. 儲存並分享你的作品
恭喜!你已經完成了一個遊戲!
為你的程式專案取個名字(輸入標題)。
點一下,畫面右上方的「改編」或是「分享」
將遊戲作品分享給世界上的所有人!
這個影片會教你,如何進行分享。
(記得打開中文字幕)
<T> 小技巧:
- 你需要註冊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 Project by ThinkinViz)⬀
捉迷藏遊戲 - 熊熊遇見你 Remix (Scratch Project by ThinkinViz)⬀
捉迷藏遊戲-活動卡片中文版(2016.12版)⬇︎ (Credits: YU HSIEN FANG)
捉迷藏遊戲-活動卡片中文版(舊版)⬇︎ (Credits: YU HSIEN FANG)
捉迷藏遊戲-教育者指南中文版(2016.12版)⬇︎ (Credits: 林亮穎、蔡凱如、孫賜萍 - 軟體自由協會)
捉迷藏遊戲-教育者指南中文版(舊版)⬇︎ (Credits: YU HSIEN FANG)
第4步
分享與討論
留言分享你的Scratch作品網址
歡迎討論、一起學習
訂閱Scratch-TW電子報
取得最新教學課程與活動訊息