返回網站

來跳舞吧 Dance!

Let's Dance

2017年4月7日

男孩:「阿弟」跟女孩:「花妹」正在街邊跳舞。你也喜歡舞蹈嗎?你最喜歡的舞步是什麼呢?

這個牛刀小試(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團隊提供了以下的教學素材與建議,可協助老師將這個活動帶入教室、圖書館或其他學習場所:

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

  1. 請先閱讀以下的活動指引,留意活動需準備的事項,建議導引者自己完整實作一次。
  2. 下載教育者指南中文版,導引者可更了解如何籌備教學活動。
  3. 下載活動卡片中文版,可印發給學員們。
  4. 前往ThinkinViz協力製作的來跳舞吧-教學範例頁面,創作春天的故事。
  5. 如果遇到困難,可參考由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>小挑戰:

  1. 發揮創意,加入更多角色一起跳舞。
  2. 運用上面的所有技巧,改變等待秒數、切換到不同的造型、改變移動的距離,來看看有什麼不同的效果。
  3. 加入更多積木,讓角色們的舞步更多元、有趣!

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電子報
取得最新教學課程與活動訊息