每個人的名字都敘說著不同的故事。如果名字有了生命可以跳舞,你的名字會如何變化呢?
這個一小時程式設計(Hour of Code™)活動將一步步引導你使用Scratch:讓你的英文名字動起來,製作一個動畫。然後,加入好朋友的名字,我們一起開舞會!
趕快製作你的姓名動畫,邀請朋友一起加入舞會吧!
聲明:內容與圖像版權歸屬於 SCRATCH.MIT.EDU 、 Made w/ Code - Google、與CARTOON NETWORK。
由Scratch-TW僅進行中文化編輯、翻譯與衍生創作,製作者:方毓賢(YU HSIEN FANG)。
引用來源:https://scratch.mit.edu/go/animate a name
使用Scratch,兒童與青少年可以編寫程式來創作專屬的遊戲、故事、動畫以及更多的可能性。透過這個一個小時的Scratch活動,參與者將藉由設計一個姓名動畫來獲得寫程式的經驗。完成的姓名動畫也可透過網路分享給其他人。
MIT Scratch Team團隊提供了以下的教學素材與建議,可協助老師將這個活動帶入教室、圖書館或其他學習場所:
準備好開始了嗎?我們的建議如下
第1步
活動前準備
project: 姓名一起動起來 Remix (*僅於電腦上操作),點紅色圖示來停止。
第2步
開始程式設計
1. 註冊並登入Scratch
引導學生前往Scratch網站,註冊Scratch帳號並登入。
<!> 請注意:
這個活動最後將運用「背包(backpack)」技巧,讓學習者藉由「分享專案並在專案中加入彼此的角色」,變成團體活動。請務必引導學習者註冊並登入Scratch。
2. 播放活動簡介影片 (開啟中文字幕)
引導學生前往:姓名一起動起來-教學範例,準備開始創作動畫。
3. 刪除角色
運用剪刀工具,刪除不想要的角色。
首先,使用「剪刀」工具來刪除舞台區中的Scratch貓咪。
先點擊「剪刀」圖示,滑鼠會變成剪刀的形狀,再點一下舞台區中的貓咪。
就可以刪除他。
<T> 小技巧:
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> 小技巧:
<!> 請引導者注意:
如果學習者尚未有座標概念,
這部分可能會有點困難,可以忽略「舞台座標」的介紹。
<C> 小挑戰:
12. 儲存並分享你的作品
恭喜!你已經完成了一個程式專案!
為你的程式專案取個名字(輸入標題)。
點一下,畫面右上方的「改編」或是「分享」
將程式作品分享給世界上的所有人!
這個影片會教你,如何進行分享。
(記得打開中文字幕)
<T> 小技巧:
13. 運用背包
運用背包功能:
角色與其中的程式碼
可以在程式專案之間進行複製與轉移
首先點一下,你剛剛創作的最能代表你的英文字母,例如:字母C
像下面這樣:
將角色存入背包
<T> 小技巧:
你可將「角色」、「造型」、「音效」、「舞台背景」等等...
都存入你的背包。
14. 兩人一小組、兩組變成一大組、兩大組變成一個更大的組...
進行團體活動:
將兩個人的字母集合在一起,變成一個小組專案
兩個小組專案也集合在一起,變成一個大組專案 ...
運用背包,加入自己的創作,改編他人的作品:
第一輪合併:
像是下面這樣子:
第二輪合併:
接下來,每兩個組別,依照上面的方法,繼續進行第三輪、第四輪合併...
直到所有人的字母都在一個程式專案裡面。
<T> 小技巧:
如果人數、組數無法被2整除,餘下的學習者或組別,
可雙數進行合併,或依照類似的規則,在最後一輪加入最大專案。
最終,齊心協力,讓所有的人字母集合在同一個程式專案。
15. 一起慶祝!讓所有字母都動起來
在最大改編的程式專案
用滑鼠點一下每一個字母
可以試著將畫面投影出來,讓所有人都看得到。
由引導者或選出一位學習者來進行,用滑鼠依序點擊每個字母,展示所有人的字母動畫!
點到字母,看完效果後
請每一位創作者回答:為什麼選擇這一個字母?
大家一起分享、慶祝,這個屬於我們的專案!
第3步
活動結束後
謝謝你的參與!
恭喜!你已經完成了一小時程式設計活動(Hour of Code)。
協助學生分享
每位學生完成姓名動畫專案後,請點擊畫面右上方的「分享」,這樣便會將學生創作的程式在Scratch平台上公開。學生只需要複製程式專案的網址,再將網址傳送給想要分享的朋友或家人,便可與大家分享「姓名一起動起來」程式專案。
學習更多
參考資源與連結:
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電子報
取得最新教學課程與活動訊息
Almost done…
We just sent you an email. Please click the link in the email to confirm your subscription!
OKSubscriptions powered by Strikingly