返回網站

飛起來吧!FLY

Make it Fly!

2016年7月13日

飛起來是很多人小時候的夢想。現在,透過Scratch,讓你的夢想成真!

這個一小時程式設計(Hour of Code™)活動將一步步引導你使用Scratch製作一個飛行遊戲
趕快選擇一個你喜歡的人物,一起飛行,維護世界和平。

 

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

聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDU 與 Cartoon Network。
由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/fly,準備開始創作飛行遊戲。

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

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

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

點選佈景主題下的「飛翔」,挑選一個你想要的角色:

找不到想要的嗎?

點擊「b. 畫新角色」,你也可以畫出自己的角色:

利用小畫家編輯器,來畫出你想要的角色:

想要有一個看起來像你的角色嗎?
到Powerpuff Yourself網站製作一個卡通角色:https://powerpuffyourself.com/

然後點擊「c. 上傳角色檔案」,把你的卡通角色加入到Scratch。

在Powerpuff Yourself網站上,可以製作出類似下圖的卡通角色:

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

小技巧:Scratch中的人物又都稱為「角色(Sprite)」。

4. 準備起飛

加入一段程式碼(積木組合​),讓你的角色說一段話:

你可以加入任何你想說的一段話。

然後,點一下「綠色旗子 ⚑」
來開始執行程式:

角色說話的樣子:

5. 加入景物

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

加入要讓角色飛過的景物,像是:大樓或是樹木。

選擇:大樓或是樹木。

把「大樓」或是其他角色,用滑鼠拖曳到舞台的右側,如下圖:

小技巧:點一下「放大」或「縮小」工具,再點選角色,可以調整角色的大小。

6. 移動景物

讓景物移動,這樣一來,你的角色看起就像在飛行。

加入下面這段程式積木:

小技巧:確認這段程式碼,加入到「大樓」、「樹木」、或是其他景物。

x 是角色在舞台上,由左而右,水平方向上的位置。​

然後,點一下「綠色旗子 ⚑」來執行程式,
讓角色開始飛行:

7. 變換景物

如果你的大樓或是景物有一個以上的「造型」,你就可以在外觀之間進行變換。

點一下「造型」分頁,來看看角色內有幾種造型。

小技巧:你也可以增加、刪除、或是編輯各種造型。

讓景物移動,並且每次變換一種造型,這樣一來,你的飛行遊戲看起就更生動了。

最後,程式積木如下圖:

編輯「大樓角色」中的程式碼,加入「下一個造型」

然後,點一下「綠色旗子 ⚑」來執行程式,
來看看效果:

8. 為天空上色

你可以改變天空的顏色。
點選「a. 從範例庫中選擇背景」。

選出一個單色,例如:「blue sky2」或是「purple」。

你還可以使用「油漆桶」將圖形上色,來改變天空的顏色。

小技巧:使用單色的背景,可以幫助你的角色看起來更像在飛行。

9. 讓人物移動

當你按著鍵盤上的方向鍵時,讓​人物跟著移動。

滑鼠點一下,你的飛行人物,再點一下「程式」分頁。

加入以下的程式積木:

現在,試試看按一下鍵盤上的「⬆︎:向上方向鍵」、「⬇︎:向下方向鍵」,看看有什麼效果。

小技巧:在y座標改變[ _ ],輸入負值(例如:-10),會讓人物往舞台下方移動。

  • 小挑戰:可以控制人物左右移動嗎? 請嘗試看看!

提示:在x座標改變[ _ ],會讓人物往舞台水平移動(向左、向右)。
最下面的空格可以填入什麼呢?

10. 在天空中加入一些物體

在天空中加入:雲朵、愛心、獨角獸、幽浮或是任何漂浮的東西!

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

加入天空中飄浮的物體,像是:雲朵 (Clouds) 或是愛心 (Heart)。

選擇:雲朵(Clouds),加入為新角色。
並用滑鼠點一下「角色區」中的雲朵圖示

  • 小挑戰:為什麼要用滑鼠點一下雲朵呢?

加入以下的程式積木,讓雲朵飄浮起來。

然後,點一下「綠色旗子 ⚑」來執行程式,
來看看效果:

11. 加入愛心還有音效

點擊「a. 從範例庫中選擇角色」按鈕,來選擇並加入「愛心 (Heart)」。

在「愛心」中,加入一段程式積木,跟雲朵的程式碼一樣
如下圖:

你可以讓飛行人物碰到愛心時,發出聲音。
在「飛行人物」中,加入一段程式積木,如下圖:

然後,點一下「綠色旗子 ⚑」來執行程式,
試試看用方向鍵,移動人物去碰觸愛心

看看發生了什麼事:

12. 蒐集愛心並記錄得分

你可以讓飛行人物碰到愛心時,就可以獲得1分。
變成一個真正的飛行遊戲
比賽看看誰的得分高!​

這裡開始有點複雜,仔細聽老師的解說,要跟上喔!

加入「變數」,來記錄得分。

就跟很多遊戲一樣,抓到一個怪物就會增加經驗值的分數。

經驗值或分數是一種可能會不斷改變的資料,

在程式裡面,我們用「變數」來記錄這個資料。

在「資料」類別中,點擊「製作一個變數」,並把它命名為「得分(score)」:

將「飛行人物」中,
碰到愛心發出聲音的程式碼,
修改為下面的程式碼:

小技巧:記得先用滑鼠點一下「飛行人物」。

然後,點一下「綠色旗子 ⚑」來執行程式,
試試看用方向鍵,移動人物去蒐集愛心

你獲得了幾分呢?

小技巧:如果遇到困難,Scratch Project 範例: 飛起來吧-教學案例

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/fly)⬀

飛起來吧-教學案例 (Scratch Project by ThinkinViz)⬀

飛起來吧-活動卡片中文版⬇︎

飛起來吧-教育者指南中文版⬇︎ (Credits: 楊上萱、郭麗芬、蔡凱如、孫賜萍 - 軟體自由協會)

一小時程式設計完成證書

第4步
分享與討論

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

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