來跳舞吧 Dance!

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

這個牛刀小試(ThingsToTry)程式設計活動將一步步引導你使用Scratch：控制人物的動作、加入音樂節奏，來開一場舞會！

播放你喜歡的音樂、編排舞步動作，發揮創意來一場熱舞吧！

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

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

• 「活動卡片(Activity Cards)」可用於獲得以Scratch來創作時的概念與構想。
  活動卡片中文版⬇︎ (Credits: Fred Wong)
  活動卡片英文版⬇︎
• 「教育者指南(Educator Guides)」可用於幫助規劃與執行實體教學活動。
  教育者指南中文版⬇︎ (Credits: 吳浩安、姚坤池、蔡凱如、孫賜萍  - 軟體自由協會)
  教育者指南英文版⬇︎

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

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

• 確認活動場所是否有「網際網路連線」。這是一個需要電腦設備與網路連線的活動，務必事先確認。
• 建議教師可準備投影設備（例如：投影機）以便讓學生看見操作畫面。
• 學習註冊Scratch帳號，詳細步驟請查閱：Scratch註冊指引。
• 試玩來跳舞吧 Remix，來激發靈感。

1. 註冊並登入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。
• 引導者回到基礎專案，打開背包，將所有學習者創作的角色加入到舞台中
• 點一下綠色旗子，來一場舞蹈大會！

謝謝你的參與！
恭喜！你已經完成了一個牛刀小試(Things To Try)程式設計活動。

協助學生分享

每位學生完成姓名動畫專案後，請點擊畫面右上方的「分享」，這樣便會將學生創作的程式在Scratch平台上公開。學生只需要複製程式專案的網址，再將網址傳送給想要分享的朋友或家人，便可與大家分享「來跳舞吧」程式專案。

學習更多

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

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

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