返回網站

互動節日卡

Interactive Holiday Card

2016年8月23日

節慶快到了?結合趣味圖像與音效,來創作一張互動式的節日卡片吧!

這個一小時程式設計(Hour of Code™)活動將一步步引導你完成一個Scratch程式專案。

你還可以把互動節日卡送給你關心的人哦。

聲明:內容與圖像版權歸屬於 ScratchEd Team at the Harvard Graduate School of Education。Scratch-TW僅進行中文化編輯與翻譯。
引用來源:http://scratched.gse.harvard.edu/hoc/

使用Scratch,兒童與青少年可以編寫程式來創作專屬的遊戲、故事、動畫以及更多的可能性。透過這個活動,老師可以引導學生藉由探索程式設計的基礎概念,來創作一張互動式的節日賀卡。節日賀卡還能透過網際網路分享給朋友與家人。

為了協助老師將這個活動帶入教室、圖書館或其他學習場所,哈佛教育研究所的ScratchEd團隊提供了以下的教學素材與建議。老師也可前往:Create a Holiday Card⬀ (英文網站),閱讀詳盡說明。

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

  1. 請先閱讀以下的活動指引,留意活動前需準備的事項,建議老師自己完整實作一次。
  2. 下載互動卡片中文版活動講義,可印發給學生們。
  3. 前往Scratch線上活動教學頁面,進行程式創作。

第1步
活動前準備

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

project: 雪怪與麋鹿 (*僅於電腦上操作)

第2步
開始程式設計

1. 註冊並登入Scratch

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

2. 播放活動簡介影片

記得開啟中文字幕

引導學生前往:https://scratch.mit.edu/projects/editor/?tip_bar=hoc,準備開始創作互動卡片。

3. 為節日卡片找尋靈感

記得開啟中文字幕

第一次體驗Scratch,你將會創作一張互動式節日卡片。請回憶一下你最喜歡的節日,想到了什麼畫面跟聲音嗎?如果你需要額外的靈感,可以看看節日卡片工作室

有製作卡片的構想了嗎?

首先,刪除畫面中的貓咪。

4. 刪除貓咪

記得開啟中文字幕

在Scratch中,人物和物體都叫做「角色(Sprites)」。 要刪除角色,你可以先點擊「剪刀」再點選你想刪除的「角色」。 你能不能發現其他刪除角色的方法呢?

接下來,將一些節日角色加入到你的卡片裡面。

5. 新增角色

記得開啟中文字幕

一共有4種方法,可以將角色加到你的卡片。要新增角色,點擊其中一個圖示按鈕:

每個按鈕的功能:

  • a. 從角色庫選擇一個角色
  • b. 畫出你自己的角色
  • c. 上傳你自己的圖像或角色
  • d. 拍一張照片 (從網路攝影機)

接下來,讓你的角色動起來。

6. 讓角色動起來

記得開啟中文字幕

加入指令(程式碼)告訴角色們要做什麼事情,就可以讓你的角色動起來。使用Scratch,你的角色可以跳舞、唱歌、跳躍、講話、飛行還有更多更多。試玩不同類型的程式積木。或是看看下面的指令,可以讓你的角色:

  • 移動

記得開啟中文字幕

使用「移動」類別中的程式積木,讓你的角色開始移動。嘗試加入以下的程式碼,可以讓角色前後跳舞:

試試看還有什麼方式,可以讓角色移動呢?

  • 說些話

記得開啟中文字幕

使用「外觀」類別中的程式積木,讓你的角色開始說話。嘗試加入以下的程式碼,就可以讓角色分享節日祝賀:

在這個節日假期中,你的角色會說什麼祝賀語呢?

  • 製作音效

記得開啟中文字幕

新增音效到你的節日卡片,可由「Scratch音效庫選擇」、「從你的電腦上傳音效檔案」、「從麥克風錄下你自己的聲音」。嘗試加入「音效」類別中的程式積木,來幫你的角色加入音樂或聲音:

你會幫節日卡片加入什麼有趣的節日音效呢?

  • 改變色彩

記得開啟中文字幕

使用「外觀」類別中的程式積木,讓你的節日卡片中的影像產生不同的效果:

嘗試加入以下的程式碼,讓一個跳舞的角色加入色彩變換的效果:

你會幫你的卡片加入什麼酷炫的影像效果呢?

  • 改變造型

記得開啟中文字幕

角色可以有不同的「造型」-- 不同的外觀,就如同戲劇的演員會穿不同的服裝。嘗試幫你的角色加入造型:

造型變化能夠幫你的節日卡片加入動畫效果呢!嘗試加入「外觀」類別中的「切換造型」程式積木,來幫角色變換不同的造型:

接下來,為你的節日卡片加入一個背景影像。

7. 新增一個背景影像

記得開啟中文字幕

一共有4種方式可以將後景影像(又稱為:背景)加到你的卡片。要加入一個背景,可以嘗試點選以下其中一個按鈕:

每個按鈕的功能:

  • a. 從背景庫選擇一個背景
  • b. 畫出你自己的背景
  • c. 從電腦上傳影像
  • d. 拍一張照片(從網路攝影機)

接下來,將一些背景音樂加到你的節日卡片。

8. 新增背景音效

記得開啟中文字幕

新增音效到你的卡片,首先在你的程式專案加入一個音效檔案,接著使用「播放音效」或「播放音效直到結束」程式積木來設定音效要如何播放。

查看Scratch音效庫中的音效--你也可以輸入或錄下你專屬的節日音效。

你的卡片會發出什麼樣的聲音呢?

接下來,讓別人知道要如何與你的卡片互動。

9. 設定該專案

記得開啟中文字幕

其他人要如何學習與你的卡片互動呢?

當有人打開你的卡片時,給他們一些提示與說明。

Scratch 程式專案是從點擊綠色旗子來開始。試試看:加入「當被點一下」程式積木和一個 「說__2秒」程式積木,來告訴觀眾應該要怎麼做。

接下來,一起來分享你的節日卡片。

10. 分享您的專案

記得開啟中文字幕

當你準備好與他人分享你的程式計畫時,點擊螢幕上方的「分享」按鈕。

要把程式計畫透過網路與別人分享,你需要先建立一個Scratch帳號。如果你還沒有的話,請先建立一個(編按:建議先協助學生建立Scratch帳號並登入)。

分享程式計畫後,你可以到專案介紹頁面,加入標題、說明與其他附註事項。

太棒了!現在,你可以將節日卡片的網址連結,傳送給家人、朋友和其他人!

第3步
活動結束後

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

協助學生分享

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

學習更多

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

第4步
分享與討論

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

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