Scratch 初體驗
真理大學 資訊管理學系
王柳鋐
Last updated. 2019.12
Outline
- Let's teach kids to code
- Scratch 簡介
- 範例：生日卡片
- 練習：創作故事
- Movie Maker 簡介
Mitchel Resnink 讓我們教孩子寫程式吧
Digital Natives?
- Being technologically fluent
- Make things with language
國高中端：108課綱
大學端：深耕計畫
視覺化編程(程式設計)
Mitchel Resnink: 讓我們教孩子寫程式吧
Scratch
code.org
一小時玩程式:學習計算機科學
Scratch簡介
註冊/登入
建立新專案
案例分享
離線版: Scratch App
需先安裝
Adobe AIR
再下載安裝離線編輯器
操作環境
❶ 舞台區
❷ 角色區
舞台背景設定
❸ 程式積木區
積木分類
❹ 腳本區
範例：製作一張生日卡片
製作生日卡背景與變更色彩(1/7)
2.創建屬於
「舞台」或「某角色」的腳本
1.先選取「舞台」或「某角色」
3.創建過程：
運用各種程式元素組合
Algorithm
發音: Al-go-ri-thm
演算法: 完成一件工作的一系列步驟
Event
發音: e-vent
事件: 引起某些事情發生的動作
慶生會？
畢業旅行？
按下微波爐的「開始」按鈕？
按下遙控器開關？
程式可以設計成對
許多「事件」有回應
事件:互動
- 點擊綠旗（程式開始執行）
- 空白鍵
- 角色被點擊
- 當背景更換
- 聲音響度
- 收訊
- 廣播訊息
製作生日卡角色與問候(2/7)
2.創建屬於
「該角色」的腳本
1.「選擇」或「新增」「某角色」
3.創建過程：
運用各種程式元素組合
製作生日卡播放音樂(3/7)
2.創建屬於
「該角色」的腳本
1.「新增」兩個某角色
3.創建過程：
使用「播放音效」
製作生日卡添加動畫(4/7)
2.創建屬於
「該角色」的腳本
1.選擇角色
3.創建過程：
運用事件、外觀、控制
製作生日卡重複(5/7)
2.設定腳本
1.選擇角色
3.創建過程：
使用重複功能
Loop
發音: loop
迴圈: 重複做的動作
控制指令:流程
- 等待
- 等待直到
- 重複
- 重複直到
- 邏輯判斷
- 停止
- 分身
製作生日卡旋轉(6/7)
2.設定腳本
可針對不同事件
1.選擇角色
3.創建過程：
使用重複、旋轉
製作生日卡分享(7/7)
需先註冊帳號
Program
發音: Pro-gram
程式: 編程完成的演算法（可在3C裝置上執行）
programs!
練習:創作一個故事
創作故事程式開始(1/4)
1.選擇角色
2.點擊綠旗事件
3.開場動作:
背景、說出、移動...
創作故事顯示新角色、切換場景(2/4)
多重背景:可任意切換
綠旗事件:出場設定
創作故事對話、回話(3/4)
注意:滑行完需手動拉回原位
時間軸：背景切換
Abby廣播
Dinoaur1 對訊息回應
創作故事互動(4/4)
時間軸： 隱藏
背景切換後出現
被點擊時改變顏色
點擊後產生互動效果
透過「教程」學習製作程式
資料來源：Scratch 教程PDF檔
透過「教程」學習製作程式
變數 Variable
條件判斷 Conditionals
發音: Con-di-shun-uls
只在某些情況下才會執行的動作
發音: Va-ri-able
變數: 資料內容(可改變) 的存放空間
Scratch線上資源
Scratch 教程PDF檔
Movie Maker
Movie Maker下載安裝
注意事項
- 並非支援所有影音格式
- 影片檔(較無問題格式)：.avi .wmv
- 不支援：.mov
- 可使用線上轉檔網站服務
- 聲音檔：.wav, .au, .mp3
介面
四個軌道，依序為：
影片(含聲音)/照片
音樂
旁白
字幕
工具
片頭：標題
內容：素材/字幕綜合運用
片尾：參與名單
素材
範例一
- 剪輯:素材的運用
- 加上片頭:使用「標題」功能
- 加上片尾
影片製作範例剪輯(1/3)
分割:影片一分為二
修剪:設定起點、終點
視訊音量
影片製作範例標題-片頭(2/3)
動畫效果
影片製作範例參與名單-片尾(3/3)
範例二
- 主要影片:影音分離
- 補拍片段(或以照片代替)
準備工作optional(1/3)
0006 - 0010 我現在所站的位置是是芹壁的碧玉虎像
0011 - 0018 來芹壁呢 你可以看到 整個芹壁的閩東式建築之外 還可以看到另外一樣東西 還可以看到一種文化
0019 - 0026 那種文化就是戰地文化 在民國38年 我們知道國軍進駐之後
0027 - 0038 這個馬祖呢 整個就變成一個防固的堡壘 那芹壁這個地方 剛好芹壁朝向中國大陸的北礁半島
0039 - 0050 因此呢 在北礁半島這個地方如果用望遠鏡的話 可以看到這個聚落 因此為了政治作戰 為了政治因素
0051 - 0055 所以在這芹壁 在轉角的地方呢 都有這個反共的標語
0056 - 0100 而這種反共的標語也成為我們戰地文化的一個標誌
0101 - 0107 那在芹壁的這標語啊 大概有八組的標語
0108 - 0113 那我上面所看到牆上所看的標語 牆上所掛的這個 是檢肅匪諜
0114 - 0125 那這是其中的一個標語 那其中還有包括 消滅中華漢奸 光復大陸國土 或者消滅萬惡共匪 蔣公萬歲等等
0126 - 0136 所以我們在這個聚落裡面呢 大概就可以看到 很多個這樣一個據點
0137 - 0140 比如說我們在中山國中下面呢 有一個叫70據點
0141 - 0149 他幾乎是把那個岬角那個地方呢 全部簍空了 裡面做為這個火砲設計口
0150 - 0202 那在這聚落裡面呢 有很多的防空洞 那這些防空洞 大概年長這一輩的芹壁人有這樣的生活體驗
0203 - 0209 每次到了單號的時候 中共就會砲擊 就是砲彈會打到這個聚落
0210 - 0217 所以通常在晚上 大概五六點的時候呢 就要把晚飯都吃好了
0218 - 0221 那吃完晚飯就要躲到防空洞裡面
0222 - 0228 因此在年長的居民裡面呢 就有這樣一段的歷史的記憶在這裡影片逐字稿(含時間片段)
例: 6~10秒 我現在所站的位置......
Task: 51～55S換成標語特寫
準備工作optional(2/3)
影音分離
影片檔
聲音檔
視訊音量:靜音
錄製旁白/新增音效
準備工作optional(3/3)
做法摘要
- 影音分離:影片檔/音效檔各一
- 影片檔:視訊音量選擇「靜音」
- 影片檔:在51S處進行分割(0~51S, 51S~end)
- 第二短影片剪掉51~55S，置入補拍影片/照片(4秒長)
- 匯入音效檔
Task: 51～55S換成標語特寫
影片製作
- 腳本：文字稿
- 蒐集影片素材
- 照片的角色？
- 配音、配樂
- 過場動畫？
- 字卡的運用
- 片頭、片尾
98年北竿資訊志工得獎影片
（教育部數位關懷大賽短片競賽）
"閩東建築的屋頂另有玄機" 共11字
影片素材長度：10秒+6秒+10秒
靜止
靜止
內容
參考教學影片
感謝聆聽
deck
By Leuo-Hong Wang
