返回網站

姓名一起動起來 Name!

Animate Your Name

2017年2月22日

每個人的名字都敘說著不同的故事。如果名字有了生命可以跳舞,你的名字會如何變化呢?

這個一小時程式設計(Hour of Code™)活動將一步步引導你使用Scratch:讓你的英文名字動起來,製作一個動畫。然後,加入好朋友的名字,我們一起開舞會!

趕快製作你的姓名動畫,邀請朋友一起加入舞會吧!

聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDUMade w/ Code - Google、與CARTOON NETWORK。
由Scratch-TW僅進行中文化編輯、翻譯與衍生創作,製作者:方毓賢(YU HSIEN FANG)。
引用來源:https://scratch.mit.edu/go​/animate a name

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

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

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

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

第1步
活動前準備

  • 確認活動場所是否有「網際網路連線」。這是一個需要電腦設備與網路連線的活動,務必事先確認。
  • 建議教師可準備投影設備(例如:投影機)以便讓學生看見操作畫面。
  • 學習註冊Scratch帳號,詳細步驟請查閱:Scratch註冊指引。這個活動將運用「背包」變成團體活動,請務必協助學習者註冊Scratch帳號並登入。
  • 試玩姓名一起動起來 Remix  ,來激發靈感。

project: 姓名一起動起來 Remix (*僅於電腦上操作),點紅色圖示來停止。

第2步
開始程式設計

1. 註冊並登入Scratch

引導學生前往Scratch網站,註冊Scratch帳號並登入。​

<!> 請注意:
這個活動最後將運用「背包(backpack)」技巧,讓學習者藉由「分享專案並在專案中加入彼此的角色」,變成團體活動。請務必引導學習者註冊並登入Scratch。

2. 播放活動簡介影片 (開啟中文字幕)

引導學生前往:姓名一起動起來-教學範例,準備開始創作動畫。

3. 刪除角色

運用剪刀工具,刪除不想要的角色。​

首先,使用「剪刀」工具來刪除舞台區中的Scratch貓咪。

先點擊「剪刀」圖示,滑鼠會變成剪刀的形狀,再點一下舞台區中的貓咪。
就可以刪除他。

<T> 小技巧:

  • Scratch中的人物又都稱為「角色(Sprite)」。這個字是我們從第一款電子遊戲(video game)引用來的。
  • 你也可將剪刀移動到「角色區」來刪除角色。

4. 選擇第一個字母

運用Scratch角色庫,選擇一個角色。​

選擇一個英文字母來開始吧!從你的名字、姓名開頭字母、或是一個喜愛的字,挑選出「第一個字母」。

點擊「a. 從範例庫中選擇角色」按鈕:

點擊「字母」分類,從角色範例庫中,選出一個字母:
例如:A,或是其他的字母。

現在,在舞台區中,字母是不是出現了呢?

做得好!

5. 加入顏色特效

滑鼠點一下角色,角色就會改變顏色

首先,滑鼠點一下「角色區」中的字母(A),再點一下「程式」分頁。

藍色外框表示,你選到了那個角色,例如:字母(A)。

加入以下的程式積木:

程式積木如下:
將兩片積木組合,黏疊在一起。

現在,使用滑鼠在字母(A)上點擊一下:

字母A的顏色有沒有什麼不同呢? 很好!

試試看多點幾次!

6. 加入聲音效果

滑鼠點一下角色,角色就會發出聲音

首先,滑鼠點一下「角色區」中的字母(A),再點一下「程式」分頁。

藍色外框表示,你選到了那個角色,例如:字母(A)。

運用Scratch音效庫,加入一個音效。​

點選「音效」分頁,再點選「喇叭」圖示:

點擊「效果」分類,從音效範例庫中,選出一個音效:
例如:zoop,或是其他的音效。

加入以下的程式積木:​

最後的程式積木如下:

現在,使用滑鼠在字母(A)上點擊一下:

除了顏色改變,是不是也發出了聲音呢?

多加入幾個不同的聲音試試看!

6. 新增一個背景

運用Scratch背景庫,加入一個新場景。​

選擇一個新的舞台場景,點擊「a. 從範例庫中選擇背景」圖示,來開啓背景範例庫:

從背景範例庫中,選出一個圖片:
例如:circles,或是其他的圖片。

現在新的背景背景,是不是換成上面的樣子?

或是你選擇的圖片呢?

<T> 小技巧:

同一個舞台可以加入許多的背景,怎麼切換背景呢?

先點一下「舞台」,再點一下「背景」

像下面這樣,就可以找到舞台內的背景圖喔!

8. 新增其他字母

以其他方式,加入新的角色:

除了從Scratch角色庫選擇,你還有不同的方式可以加入新的角色:

你可以自己畫出字母,點擊「b.畫新角色」圖示:

你可以運用繪圖工具來畫出新角色,例如:字母B,或是其他字母。
像是這樣子:

接下來,你也可以運用「T文字工具」來打字輸入字母,例如:字母C,或是其他字母。
像是這樣子:

<!> 文具工具,目前只能輸入英文。

<T> 小技巧:

點選「c.上傳角色檔案」:你可以從電腦中上傳圖片。

點選「d.從相機拍攝新角色」:你可以從電腦上的網路攝影機(WebCam)拍一張照片哦!

9. 讓字母旋轉

滑鼠點一下角色,角色就會旋轉

首先,滑鼠點一下「角色區」中的字母(B),再點一下「程式」分頁。

藍色外框表示,你選到了那個角色,例如:字母(B)。

加入以下的程式積木:​

最後的程式積木如下:

現在,滑鼠點一下字母B

字母B是不是開始旋轉了呢?酷!

10. 讓字母放大與縮小

滑鼠點一下角色,角色就會改變外觀尺寸

首先,滑鼠點一下「角色區」中的字母(C),再點一下「程式」分頁。

藍色外框表示,你選到了那個角色,例如:字母(C)。

加入以下的程式積木:​

最後的程式積木如下:

現在,滑鼠點一下字母C

字母C是不是先放大然後再縮小呢?

做得好!

11. 讓字母滑行

滑鼠點一下角色,角色就會在舞台上移動

首先,滑鼠點一下「角色區」中的字母(C),再點一下「程式」分頁。

藍色外框表示,你選到了那個角色,例如:字母(C)。

加入以下的程式積木:​

最後的程式積木如下:

現在,滑鼠點一下字母C

字母C是不是往左移動再回到原本的位置

並且尺寸先放大然後再縮小呢?

<T> 小技巧:

  • 當你在舞台上拖曳一個角色到你想要的位置時,程式面板上的「滑行到...」積木會自動更新角色目前位置的xy值。
  • 這是舞台的座標分配。
    你可以參考這個概念,來設定角色的位置。

<!> 請引導者注意:

如果學習者尚未有座標概念,

這部分可能會有點困難,可以忽略「舞台座標」的介紹。

<C> 小挑戰:

  1. 選擇字母:讓學習者選擇「一個」最能代表自己的字母,為什麼?
  2. 倒數計時:保留10分鐘,讓學習者對這個字母進行自由創作。
  3. 唯一限制:程式積木的開頭必須是「當角色被點擊」,可以有好幾段程式碼。
    範例:我選擇的是Y,因為我的名字開頭是Y,角色Y有四段程式碼,每一段都是「當角色被點擊」開頭。

12. 儲存並分享你的作品

恭喜!你已經完成了一個程式專案!

為你的程式專案取個名字(輸入標題)。

點一下,畫面右上方的「改編」或是「分享」

將程式作品分享給世界上的所有人!

這個影片會教你,如何進行分享。
(記得打開中文字幕)

<T> 小技巧:

  • 你需要註冊Scratch並登入,才可以在線上儲存與分享你的程式專案。
  • 你也可以儲存程式專案到你的電腦中:點選「檔案」選單,再選擇「下載到您的電腦」。

13. 運用背包

運用背包功能:
角色與其中的程式碼
可以在程式專案之間進行複製與轉移​

首先點一下,你剛剛創作的最能代表你的英文字母,例如:字母C
像下面這樣:

將角色存入背包

  1. 以滑鼠左鍵,點一下「背包」
  2. 以滑鼠左鍵按著要存入的角色
  3. 將角色拖入到背包區

<T> 小技巧:

你可將「角色」、「造型」、「音效」、「舞台背景」等等...

都存入你的背包。

14. 兩人一小組、兩組變成一大組、兩大組變成一個更大的組...

進行團體活動:
將兩個人的字母集合在一起,變成一個小組專案

兩個小組專案也集合在一起,變成一個大組專案 ...

運用背包,加入自己的創作,改編他人的作品:​

第一輪合併:

  1. 引導者先將所有學習者,每兩人分成一組,例如:小明與小青,進行第一輪合併
  2. 讓小明當作主專案,將專案的分享網址,傳給小青
  3. 小青打開網址,進入小明的程式專案
  4. 小青打開他的背包,把他的代表字母,拉進小明的程式
  5. 小青按下右上角的改編、儲存與分享,變成一個新專案(裡面有兩個字母)。

像是下面這樣子:

第二輪合併:

  1. 引導者先將所有組別,每兩小組配對,例如:A組與B組,進行第二輪合併
  2. B組進入他們自己的程式專案,將「所有人」的代表字母,都拉進背包裡面。
  3. 讓A組的程式當作主專案,將專案的分享網址,傳給B組
  4. B組打開網址,進入A組的程式專案
  5. B組打開他們的背包,把「所有人」的代表字母,拉進A組的程式
  6. B組按下右上角的改編、儲存與分享,變成一個新專案(裡面有四個字母)。

接下來,每兩個組別,依照上面的方法,繼續進行第三輪、第四輪合併...
直到所有人的字母都在一個程式專案裡面。

<T> 小技巧:

如果人數、組數無法被2整除,餘下的學習者或組別,
可雙數進行合併,或依照類似的規則,在最後一輪加入最大專案。

最終,齊心協力,讓所有的人字母集合在同一個程式專案。

15. 一起慶祝!讓所有字母都動起來

在最大改編的程式專案

用滑鼠點一下每一個字母​

可以試著將畫面投影出來,讓所有人都看得到。
由引導者或選出一位學習者來進行,用滑鼠依序點擊每個字母,展示所有人的字母動畫!

點到字母,看完效果後
請每一位創作者回答:為什麼選擇這一個字母?
大家一起分享、慶祝,這個屬於我們的專案!

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