男孩:「阿弟」跟女孩:「花妹」正在街邊跳舞。你也喜歡舞蹈嗎?你最喜歡的舞步是什麼呢?
這個牛刀小試(ThingsToTry)程式設計活動將一步步引導你使用Scratch:控制人物的動作、加入音樂節奏,來開一場舞會!
播放你喜歡的音樂、編排舞步動作,發揮創意來一場熱舞吧!

聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDU 、CARTOON NETWORK、Lily@ThinkinViz。
由Scratch-TW進行中文化編輯、翻譯與衍生創作,製作者:方毓賢(YU HSIEN FANG)。
引用來源:https://scratch.mit.edu/go/Let's Dance
使用Scratch,兒童與青少年可以編寫程式來創作專屬的遊戲、故事、動畫以及更多的可能性。透過這個一個小時的Scratch活動,參與者將藉由創作角色的舞步動作來獲得寫程式的經驗。完成的作品也可透過網路分享給其他人。
MIT Scratch Team團隊提供了以下的教學素材與建議,可協助老師將這個活動帶入教室、圖書館或其他學習場所:
準備好開始了嗎?我們的建議如下
- 請先閱讀以下的活動指引,留意活動需準備的事項,建議導引者自己完整實作一次。
- 下載教育者指南中文版,導引者可更了解如何籌備教學活動。
- 下載活動卡片中文版,可印發給學員們。
- 前往ThinkinViz協力製作的來跳舞吧-教學範例頁面,創作春天的故事。
- 如果遇到困難,可參考由ThinkinViz協力製作的Scratch Project: 來跳舞吧 Remix。
第1步
活動前準備
- 確認活動場所是否有「網際網路連線」。這是一個需要電腦設備與網路連線的活動,務必事先確認。
- 建議教師可準備投影設備(例如:投影機)以便讓學生看見操作畫面。
- 學習註冊Scratch帳號,詳細步驟請查閱:Scratch註冊指引。
- 試玩來跳舞吧 Remix,來激發靈感。
project: 來跳舞吧 Remix (*僅於電腦上操作),點綠色旗子開始;點紅色圖示停止。
第2步
開始程式設計
1. 註冊並登入Scratch
引導學生前往Scratch網站,註冊或登入Scratch帳號。
2. 播放活動簡介影片 (開啟中文字幕)
引導學生前往:來跳舞吧-教學範例,準備開始創作動畫。
3. 加入音樂
按下綠色旗子,開始重複播放音樂。
首先,跳舞一定要配合音樂,所以我們把音樂設定在舞台的背景播放。
滑鼠點一下「舞台」
藍色外框表示,你現在選擇的是舞台,例如下圖:

點一下「背景」分頁。現在,我們有三個不同的背景:選一個你喜歡的,例如:street。

接著,點一下「音效」分頁,點一下喇叭小圖示,加入一首音樂:

點一下「音樂循環」類別,選擇:dance celebrate,來加入這首音樂。

接著,點一下「程式」分頁。
加入以下的程式積木:

程式積木如下:

現在,使用滑鼠點一下綠色旗子:
是不是開始播放一首音樂了呢? 很好!
<T> 小技巧:
- 你也可以加入新的舞台背景:

4. 舞台效果
變換背景顏色,讓畫面更動感
滑鼠點一下「舞台」
藍色外框表示,你現在選擇的是舞台,例如下圖:

滑鼠點一下「程式」分頁:
加入以下的程式積木:

程式積木如下:

現在,使用滑鼠點一下綠色旗子:
音樂開始播放,舞台的顏色也跟著變化了!
5. 加入舞步動作
改變一系列的造型
現在,我們要開始讓角色開始跳舞:
藉由改變角色的外觀造型,讓他們動起來
滑鼠點一下角色區的「GIRL」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁。
加入以下的程式積木:

程式積木如下:

現在,點一下綠色旗子
女孩是不是動起來,開始跳舞了!
你還可以加入更多的動作哦
<T> 小技巧:
- 加入以下的程式積木
可以設定角色出現在舞台上的「位置」與「大小」:

6. 重複跳舞
運用循環積木,讓角色重複舞步動作
女孩紙跳了一輪的舞步,我們可以用寫程式的方式,讓她多跳幾次。
同樣的,滑鼠點一下角色區的「GIRL」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁。
修改以下的程式碼:

完成的程式積木如下:

現在點一下綠色旗子:
音樂開始播放、背景顏色開始變換
花妹的舞步總共會重複五次才停下來!
7. 互動舞步
設定按鍵,來改變角色的造型
除了角色自己跳舞,我們也可以用鍵盤來控制他們的動作。
同樣的,滑鼠點一下角色區的「GIRL」
確認藍色框框的位置,如下圖:

再點一下程式分頁。
加入以下的程式積木:


程式積木如下:

現在點一下綠色旗子:花妹開始跳舞
試著按下鍵盤的向右鍵、向左鍵
女孩的動作是不是跟著改變了呢?酷!
8. 接力跳舞
運用廣播積木,一個角色跳完、換另一個角色跳舞
我們可以用程式的方式,讓阿弟在花妹停止舞步後,接力開始跳舞。
首先,我們要讓女孩跳舞結束後,發出一個訊息。
滑鼠點一下角色區的「GIRL」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁。
修改以下的程式碼:

完成的程式積木如下:

現在,在女孩跳完5次舞步後,會發出一個訊息:「換男生」。
接下來,我們要設定男孩的動作:
滑鼠點一下角色區的「BOY」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁。
加入以下的程式積木:

完成的程式積木如下:

好!很期待效果吧?
點一下綠色旗子,觀察看看:
女孩結束舞步後,是不是換男孩開始跳舞呢?
太棒了!
9. 影子效果
運用分身積木,創造動作一樣的影子
現在,我們要開始加入特殊的動作效果囉!
每個人都有影子,而且影子會跟著我們做任何動作,如何用程式做到呢?
首先,滑鼠點一下角色區的「BOY」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁。
修改以下的程式積木:

最後的程式積木如下:

現在,先點一下綠色旗子,看看影子的效果:
女孩跳舞玩,換男孩跳舞...
哦!男孩的背後出現了黑色的影子!
咦?影子沒有跟著跳舞
這是因為:我們沒有告訴影子(分身)要做什麼動作
所以,我們要再加入以下的程式積木:
加入以下的程式積木:

新加入的程式積木:

你發現了嗎?內容與原本的一樣
如此,影子就會跟原本的角色做出一樣的動作囉!
再點一下綠色旗子,觀察看看:
男孩的影子有沒有跟著跳舞呢?
Good Job!
<C> 小挑戰:
你知道要如何設定男孩在舞台上出現的位置嗎?
YES!跟步驟5介紹小技巧是類似的做法
你能不能讓男孩一開始:
- 出現在舞台的右下方 (x: 140, y: -50)
- 尺寸是[ 60% ]
- 造型是[ 正面 ]
請先自己嘗試看看,再看下方的參考積木哦
新加入的程式積木如下:

10. 痕跡效果
運用蓋章積木,製作角色移動的痕跡
現在,我們幫狗狗設計舞步。
狗狗不太會跳舞,
但是會很帥氣的製作很多影分身!
首先,滑鼠點一下角色區的「dog2」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁:
加入以下的程式積木:

程式積木如下:

現在,點一下綠色旗子,來看看效果:
哦!狗狗往右邊移動,而且出現了10個分身的痕跡。好酷!
現在,請你再點一次綠色旗子:
發生了什麼事情呢?
狗狗還是往右邊移動,但是原本的痕跡都還在,沒有消失。
我們嘗試修改一下程式積木
修改以下的程式積木:

完成的程式積木如下:

現在,再點一次綠色旗子!
狗狗往右邊移動,出現許多痕跡,然後最後就消失了!
11. 加入律動
讓角色不停地上下移動,更有動感效果
跳舞的時候,通常會隨著音樂在原地自由地擺動,加入律動效果讓角色更生動!
滑鼠點一下角色區的「GIRL」
確認藍色框框的位置,如下圖:

再點一下「程式」分頁。
加入以下的程式積木:

程式積木如下:

現在,點一下綠色旗子,看看效果:
女孩除了跳舞的動作
也會不停的上下律動!
<C>小挑戰:
- 發揮創意,加入更多角色一起跳舞。
- 運用上面的所有技巧,改變等待秒數、切換到不同的造型、改變移動的距離,來看看有什麼不同的效果。
- 加入更多積木,讓角色們的舞步更多元、有趣!
12. 儲存並分享你的作品
恭喜!你已經完成了一個程式專案!
為你的程式專案取個名字(輸入標題)。

點一下,畫面右上方的「改編」或是「分享」
將程式作品分享給世界上的所有人!
這個影片會教你,如何進行分享。
(記得打開中文字幕)
<T> 小技巧:
- 你需要註冊Scratch並登入,才可以在線上儲存與分享你的程式專案。
- 你也可以儲存程式專案到你的電腦中:點選「檔案」選單,再選擇「下載到您的電腦」。
給引導者的建議:
這個教案可以讓學習者創作自己專屬的跳舞角色,還可以運用「背包」技巧,讓所有人一起開一場虛擬舞會。
- 引導者建立一個基礎專案(有跳舞背景與音樂)
- 學習者設計「一個」自己專屬的跳舞角色,可以是男孩、女孩、狗狗、貓咪、或是恐龍。
*這個角色必須使用「當⚑被點擊」的積木作為舞步動作的開頭。 - 讓學習者將自己的跳舞專案在Scratch平台上公開分享,並把專案的網址傳給引導者
- 引導者進入每一個學習者的跳舞專案,將每一個跳舞角色加入背包內
*背包的使用可以參考:姓名一起動起來-步驟13。 - 引導者回到基礎專案,打開背包,將所有學習者創作的角色加入到舞台中
- 點一下綠色旗子,來一場舞蹈大會!
第3步
活動結束後
謝謝你的參與!
恭喜!你已經完成了一個牛刀小試(Things To Try)程式設計活動。
協助學生分享
每位學生完成姓名動畫專案後,請點擊畫面右上方的「分享」,這樣便會將學生創作的程式在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)⬀
來跳舞吧 - 活動卡片中文版⬇︎ (Credits: FRED WONG)
來跳舞吧 - 教育者指南中文版⬇︎ (Credits: 吳浩安、姚坤池、蔡凱如、孫賜萍 - 軟體自由協會)
第4步
分享與討論
留言分享你的Scratch作品網址
歡迎討論、一起學習
訂閱Scratch-TW電子報
取得最新教學課程與活動訊息