返回網站

姓名動畫

Animate Your Name

2016年8月8日

歡迎前往

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

這個一小時程式設計(Hour of Code™)活動將一步步引導你使用Scratch讓你的英文名字動起來,製作一個動畫。趕快讓你的姓名動畫分享給朋友與家人吧!

聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDUMade w/ Code - Google。Scratch-TW僅進行中文化編輯與翻譯。
引用來源:https://scratch.mit.edu/hoc

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

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

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

  1. 請先閱讀以下的活動指引,留意活動需準備的事項,建議導引者自己完整實作一次。
  2. 下載導引者指南中文版,導引者可更了解如何籌備教學活動。
  3. 下載活動卡片中文版,可印發給學員們。
  4. 前往Scratch-姓名動畫-線上活動教學頁面,製作姓名動畫。

第1步
活動前準備

  • 確認活動場所是否有「網際網路連線」。這是一個需要電腦設備與網路連線的活動,務必事先確認。
  • 建議教師可準備投影設備(例如:投影機)以便讓學生看見操作畫面。
  • 學習註冊Scratch帳號,詳細步驟請查閱:Scratch教師版教學手冊-單元0, 12頁, Scratch帳號
  • 前往姓名動畫工作室,看看來自世界各地的創作,激發靈感。

第2步
開始程式設計

1. 註冊並登入Scratch

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

2. 播放活動簡介影片

引導學生前往:http://scratch.mit.edu/name,準備開始創作姓名動畫。

3. 選擇第一個字母

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

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

從角色庫中的字母類別中,選出一個字母:

為什麼Scratch中的人物稱為「角色(Sprite)」呢?這個字是我們從第一款電子遊戲(video game)引用來的。

技巧:如果你不想讓貓咪出現在你的程式中,你可以使用「剪刀」工具來刪除他。

先點擊「剪刀」圖示,再點一下貓咪。

下一步,加入顏色特效。

4. 加入顏色特效

讓「字母」被按一下時,改變它的顏色。

製作一則程式碼,如下示範:

現在,你可以用滑鼠按一下舞台上的字母,來看看顏色的變化:

下一步,新增一個音效

5. 新增一個音效

點選「音效」分頁,再點選「音效庫中的聲音」圖示:

選擇「zoop」或其他一個音效。

然後,點選「程式」分頁。
製作一則程式碼,如下示範:

滑鼠按一下你的字母來執行程式碼:

下一步,加入一個背景

6. 新增一個背景

點擊「a. 從範例庫中選擇背景」圖示,來開啓背景範例庫:

選擇你想要的背景,例如:boardwalk或是circles。

現在,新增你的下一個字母

7. 新增你的下一個字母

製作一個新的角色,來加入你英文名字中的第二個字母。

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

你可以運用繪圖工具來畫圖:

或是,使用「文字」工具來輸入字母:

想要選擇挑選字母來替代?點選「a. 從範例庫選擇角色」圖示來進行挑選。

下一步,讓字母旋轉

8. 讓它旋轉

讓你英文名字的第二個字母動起來。

製作一則程式碼來讓它旋轉,如下示範:

你可以增加一個「播放音效」積木。
嘗試不同的數值來調整旋轉。

技巧:點擊在「動作」類別中的這個程式積木,來重置角色的方向:

下一步,完成你的名字

9. 完成你的名字

嘗試運用不同的方式:加入你的英文姓名中的其他字母,並讓他們產生動畫效果。

  • 改變尺寸

加入以下程式碼:當你按一下字母時,讓字母變大然後再縮小。

  • 滑行

當你按一下字母時,讓字母在舞台上平順滑動:

技巧:當你在舞台上拖曳一個角色到你想要的位置時,程式面板上的「滑行到...」積木會自動更新角色目前位置的xy值。

你可以嘗試加入其他的程式積木,來看看有什麼效果。

下一步,分享你的專案

10. 分享你的專案

為你的程式專案輸入標題。

當你準備好要與他人分享你的程式專案時,點擊畫面上方的「分享」按鈕。

技巧:你需要註冊Scratch並登入,才可以在線上分享你的程式專案。

要增加備註與銘謝,點擊:

這個影片會告訴你如何編輯專案頁面(*記得開啟中文字幕):

太棒了!現在,你可以將姓名動畫專案的網址連結(URL),傳送給家人、朋友和其他人!

第3步
活動結束後

謝謝你的參與!
恭喜!你已經完成了一小時程式設計活動(Hour of Code),前往列印或下載完成證書:
注意-只能在空白處輸入英文姓名

協助學生分享

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

學習更多

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

第4步
分享與討論

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

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