7. [教學] Scratch 程式物件教學 - 控制

遊戲的核心是 "控制 (Script)" ，Scratch的 "控制" 又等同於在其他程式語言，舉如JAVA、C#、Object-C等。在Scratch "控制 (Script) " 是以物件化呈現，好讓不會程式的同學們也能立即上手。所以不會程式的同學們也別擔心，看完亮亮對Scratch "控制 (Script) "的介紹後，大家便能得心應手囉!

Scratch "控制 (Script) "總共分為九大類：開始執行、等待、重複執行、反復...次、訊息廣播與接收、如果(if)、條件成立觸發程式，否則...、等待直到條件成立、反覆執行，直到條件成立。

1. 開始執行：如何讓腳色或遊戲開始執行呢?Scratch幫各位準備了三種模式：當綠旗被點一下、當按下甚麼鍵(下圖)、當腳色被點一下。

實作練習：
"當綠旗被點一下"、"當按下甚麼鍵"、"當腳色被點一下"將三種方式拖曳至程式編輯區。

"當綠旗被點一下" → 腳色"重複執行"+"移動1步"，並且"碰到邊緣就反彈"。
"當按下空白鍵"→ 腳色的動作"旋轉15度"。
"當腳色被點一下" → 遊戲"全部停止"。

2. 等待：等待多少秒數後，才執行下個程式物件。可參閱前一篇6. [教學] Scratch 程式物件教學 - 外觀 外觀變換與等待之使用方式。

3. 重複執行：當遊戲開始，"重複執行"就會永遠執行被包覆的程式物件，當遊戲結束才停止。

實作練習：
無加"重複執行"："當綠旗被點一下"+"移動1步"

有加"重複執行"："當綠旗被點一下" 腳色"重複執行"+"移動1步"，並且"碰到邊緣就反彈"。

4. 反復...次：如果希望是以限定次數的方式執行程式物件，就該選擇"反復...次"。

實作練習：
"反復10次" + "重複執行"+"移動1步"，會發現腳色X值只移動10步就停止位移。

5. 訊息廣播與接收：腳色A執行完自己程式編輯區的物件後，要 "呼叫" 腳色B執行B的程式物件。因此，腳色A就需要透過 "訊息廣播"傳送指令，腳色B透過"訊息接收"接收腳色A的指令。

實作練習：

除了腳色1(小貓)，再透過 "開啟腳色檔案" 增加一隻腳色(蝙蝠)，當點擊小貓一下，蝙蝠開始展現飛翔的動畫，參閱下圖。

腳色1："當腳色1被點一下"執行"訊息廣播"，廣播訊息可自定義名稱，例如定義：變換裝扮。

腳色2：程式編輯區 → 造型 → 新增一個裝扮2。當 "接受到變換裝扮的訊息"，就開始"重複執行"→ "換下一個裝扮"。

6. 如果(if)："如果"條件成立，執行一次所包覆的程式物件。"如果"條件成立，就重複執行所包覆的程式物件。"條件"此空格可嵌入 "偵測" 或 "運算" 使用，實作練習參考上圖。

7. 條件成立觸發程式，否則...："如果"條件成立，執行一次所包覆的程式物件，"如果" 條件不成立，就執行一次另個程式物件。"條件"此空格可嵌入 "偵測" 或 "運算" 使用，實作練習參考上圖。

8. 等待直到條件成立：持續等待當條件被觸發後，才執行下個程式物件。"條件"此空格可嵌入 "偵測" 或 "運算" 使用，實作練習參考上圖。

9. 反覆執行，直到條件成立：一直反復執行，直到設立的條件成立才停止動作。"條件"此空格可嵌入 "偵測" 或 "運算" 使用，實作練習參考上圖。

亮亮小提醒：
如需刪除程式編輯區裡的程式物件，移除方式(一)按著滑鼠左鍵，拖曳程式物件離開程式編輯區、(二)選擇程式物件點擊滑鼠右鍵 → 刪除。

6. [教學] Scratch 程式物件教學 - 外觀

透過上一篇大家應該了解到如何讓腳色賦予動作了吧?!

如果還不清楚的同學可參閱此Link：5. [教學] Scratch 程式物件教學 - 動作

本章節將繼續介紹Scratch 程式物件-外觀，為什麼要介紹如何操控腳色外觀呢?舉例來說：當腳色在位移時，都使用同一張圖片讓他往前行走，請問各位這樣的遊戲或動畫大家會覺得腳色是在走動嗎?

該不會有同學在電腦前面點頭吧?其實改變腳色外觀也是賦予它生命的另一形式，因為可以讓玩家很直覺的反應此腳色就是在行走，而不是阿飄。

大家了解的他重要性後，就開始教學啦!

首先，我們先使用預設腳色1(小貓)，到程式編輯區點選 "造型"，如上圖所示。小貓原本就有兩款造型："造型1/造型2"， "造型1/造型2" 可自行更改名稱。

如果要複製造型，就選擇某一造型點選 "複製按鈕" ，就可多一項造型，現在就讓我們將 "造型1/造型2"各複製一個出來吧!( "造型3/造型4")結果如上圖所示。

選擇 "造型3/造型4" 點擊 "編輯按鈕" ，會立即出現繪圖編輯器，如果忘記繪圖編輯器如何使用的同學們，請參考此Link：3. [教學] Scratch 介面介紹 - 繪圖編輯器 。請將 "造型3/造型4" 橘色小貓變成咖啡色小貓，結果如上圖所示。

小貓的造型我們都在上述改變完成了，接著我們要透過程式物件改變牠的造型。可參閱亮亮為各位整理幾個常用外觀的表格，如上圖。

1. 裝扮轉換："裝扮轉換"共有兩種切換模式：指定切換造型、依順序切換造型 。 

實作練習：

指定切換造型：現在有四個裝扮了，現在亮亮希望小貓可以 "按下綠旗" 就 "重複執行"+"邊位移"+"碰到邊緣就反彈"+"等待0.3秒" 就 "變換造型"，造型順序為1 → 4 → 3 → 2，於程式編輯區結果，如下圖所示。

依順序切換造型：如果今天造型順序為1 → 2 → 3 → 4，利用上述方式是否要複製多個 "切換到造型..." 與 "等待幾秒"?所以建議：造型有順序性的請使用 "下一個造型"，可減輕各位使用外觀物件的數量，如下圖所示。

2. 秀出文字、想像方框：共有兩種方式：限定顯示幾秒、持續顯示。

實作練習：

限定顯示幾秒："說 您好! 顯示2秒" 物件拖曳到程式編輯區，並在程式編輯區使用滑鼠左鍵點擊兩下，就會發現小貓顯示對話框說您好!並於2秒後消失對話框。

持續顯示："想著 恩..." 物件拖曳到程式編輯區，並在程式編輯區使用滑鼠左鍵點擊兩下，就會發現小貓顯示想像框顯示恩....，直到全部停止。

3. 顯示與隱藏：顯示或隱藏腳色。

實作練習：

 "按下綠旗" 就 "重複執行"+"顯示"+"等待0.3秒"+"隱藏"+"等待0.3秒"，於程式編輯區結果，如下圖所示。

亮亮小提醒：
如需刪除程式編輯區裡的程式物件，移除方式(一)按著滑鼠左鍵，拖曳程式物件離開程式編輯區、(二)選擇程式物件點擊滑鼠右鍵 → 刪除。

5. [教學] Scratch 程式物件教學 - 動作

不知道大家對Scratch的介面是否有深入了解了呢?尚未了解的同學們可參考下列幾篇文章。

0. [教學] Scratch & Kinect 軟體下載與安裝

1. [教學] Scratch 介面介紹 - 工具列

2. [教學] Scratch 介面介紹 - 舞台編輯區

3. [教學] Scratch 介面介紹 - 繪圖編輯器

4. [教學] Scratch 介面介紹 - 程式編輯區

接下來亮亮要幫各位介紹 "Scratch程式物件" 部分，"Scratch程式物件" 總共可劃分成八大項：動作、外觀、聲音、畫筆、控制、偵測、運算與變數，本章節將由 "動作" 開始介紹。

動作部分可細分為七大項，分別為：移動、旋轉、轉向、移動到特定位置、設定座標、碰到邊緣就反彈、傳回所在位置與角度。

1. 移動："移動" 預設值為10，值為正，腳色向前移動；反之，值越大移動步伐越大；反之。

實作練習：

"移動" 物件拖曳到程式編輯區，並在程式編輯區使用滑鼠左鍵點擊 "移動物件兩下"，就會發現腳色(小貓)往前了10單位的步伐。

2. 旋轉："旋轉" 分為順時、逆時針。預設值為15度，值為正，腳色往順時/逆時旋轉；反之。值越大旋轉幅度越大；反之。另外，如果腳色被旋轉到無法立刻復原時，可透過滑鼠左鍵點擊程式編輯區的腳色兩下，如上圖。

實作練習：

"旋轉-順時針" 物件拖曳到程式編輯區，並在程式編輯區使用滑鼠左鍵點擊 "旋轉物件兩下"，就會發現腳色(小貓)順時針轉了15度。

3. 轉向："轉向" 分為上下左右、自定義兩種模式。可自定義腳色朝哪個面向執行動作。

實作練習：

腳色朝左方移動5步。 "轉向" 與 "移動" 物件拖曳到程式編輯區，"轉向" 物件選擇(-90)向左，，如上圖。底下接著"移動"物件5步。

4. 移到特定座標：有三種定義方式：直接移動至指定位置、移動至特定目標位置、平滑移動至特定目標，請看上圖說明。

實作練習：

直接移動至指定位置： "移到：X:0 Y:0" 物件拖曳到程式編輯區，並且將腳色拖曳到舞台左下方，接著透過滑鼠左鍵點擊 "移到：X:0 Y:0" 物件，就可看到程式編輯區的腳色名稱 "腳色1" 底下的X與Y值變為0。

移動至特定目標位置：舞台編輯區增加一位新腳色(腳色2)至舞台中。"移到" 物件拖曳到 "腳色1" 的程式編輯區，指定對象為"腳色2"。透過滑鼠左鍵點擊 "移到" 物件，即可看到 "腳色1" 與 "腳色2" 位置一致。

平滑移動至特定目標：前面兩個方式都是直接跳到指定座標上，如果他是某個時間範圍之內移動到指定目標就開始用此物件。"在1秒內，滑行到X=0，Y=0" 物件拖曳到程式編輯區，將腳色拖曳到舞台左下方，接著透過滑鼠左鍵點擊 "在1秒內，滑行到X=0，Y=0" 物件。

5. 設定座標：設定座標位置(X,Y)、定義座標位置(X,Y)增量/減量。

實作練習：

設定座標位置(X,Y)：單一指定X或Y給予特定座標值。 "將X座標增加為10" 物件拖曳到程式編輯區，透過滑鼠左鍵點擊兩下。

定義座標位置(X,Y)增量/減量：單一指定X或Y座標值增量/減量。 "將X座標設定為0" 物件拖曳到程式編輯區，透過滑鼠左鍵點擊兩下，即可發現 "腳色1" 的X座標增加10。

6. 碰到邊緣就反彈：當腳色碰到邊緣，就轉向執行動作，如上圖範例。

7. 傳回所在位置與角度：三個物件旁邊都有可打勾區域，如果打勾可立即在舞台上看到目前腳色的X/Y座標或方向。

亮亮小提醒：
如需刪除程式編輯區裡的程式物件，移除方式(一)按著滑鼠左鍵，拖曳程式物件離開程式編輯區、(二)選擇程式物件點擊滑鼠右鍵 → 刪除。

4. [教學] Scratch 介面介紹 - 程式編輯區

遊戲中的主角/配角要如何讓他們有生命?就需要靠「程式」讓他們活起來。但對於未曾經學過「程式」的人來說，想立即做自己的遊戲就相對困難。就像是亮亮踏入體感復健遊戲開發兩年來，發現最困難的是如何與醫療背景人員進行溝通，讓他們能立即了解程式人員的想法。因此，如果有一套工具能幫助醫療背景者先自行製作體感遊戲的原型(Prototype)，再與程式人員進行討論，這樣不僅能快速了解彼此想法，還能讓彼此間溝通更加順利。

"Scratch是一套簡易軟體，
能使不會程式的使用者輕鬆上手。"

所以如果需要讓主角/配角賦予生命力，就必需將程式物件區裡的物件拖曳到程式編輯區給主角/配角使用。現在就讓我們直接實作賦予主角/配角生命力吧! 

實作內容：讓角色1(小貓)持續往前走，如果碰到邊緣就往回走。

步驟：

1. 點選 "舞台編輯區" 的角色- 角色1(小貓)。

2. 點選 "程式物件區" → "控制" → "當綠旗被點一下" 拖曳至程式編輯區中。

3. 點選 "程式物件區" → "動作" → "移動10步" 拖曳至程式編輯區中。

4. 點選 "程式物件區" → "動作" → "碰到邊緣就反彈" 拖曳至程式編輯區中。

5. 點選 "程式物件區" → "控制" → "重複執行" 拖曳至程式編輯區中。

6. 點選 綠旗執行。

結果測試完發現角色1(貓)碰到邊緣後，除了會左右相反外，上下也相反了…原因是…

程式編輯區角色1(小貓)的旁邊有三個按鈕：

1. 第一個按鈕 (允許旋轉)：當小貓碰到邊緣就被允許選轉，選了此鈕會發現，當小貓碰到邊緣後，除了會左右相反外還會上下相反。

2. 第二個按鈕 (只允許左、右翻轉)：當小貓碰到邊緣就被允許左右翻轉。

3. 第三個按鈕 (不允許旋轉)：當小貓來回碰到邊緣都無翻轉發生(與預設值相同方向)。

3. [教學] Scratch 介面介紹 - 繪圖編輯器

前一篇Scratch 介面介紹 - 舞台編輯區有小小提到，使用者除了可使用「開啟腳色檔案」從中選取內建腳色外，還可透過「自行繪製腳色」繪製您獨一無二的遊戲，那該如何正確使用繪圖編輯器呢? 現在就讓我們來學習使用一下吧!!

首先，假設今天使用了內建(小猴)作為主角，並希望將小猴的外在顏色作改變。
作法：舞台編輯區點擊小猴 → 程式控制編輯區 → 選擇"造型" → 編輯。
即可看到繪圖編輯器，如下圖。

繪圖編輯器主要分為兩部分介紹(一)改變腳色狀態、(二)繪圖工具，相關按鈕應用：

(一)改變腳色狀態

放大腳色：將腳色變大。

縮小腳色：將腳色變小。

腳色逆時針旋轉：腳色以逆時針方式作旋轉，每次旋轉30度。

腳色順時針旋轉：腳色以順時針方式作旋轉，每次旋轉30度。

腳色左右翻轉：腳色以鏡像方式左右翻轉。

腳色上下翻轉：腳色以顛倒方式上下翻轉。

(二)繪圖工具

筆刷工具：筆刷工具可自行點選筆刷大小與顏色。(似小畫家筆刷功能)

橡皮擦：可選擇橡皮擦大小，擦去繪圖區不要的地方。(似小畫家橡皮擦功能)

填色工具：可自行選擇要單色或漸層。注意：漸層使用方式之滑鼠左鍵點選色塊會改變"顏色交換區"上方的顏色；滑鼠右鍵點選色塊會改變"顏色交換區"下方的顏色。

方形工具：分為空心與實心兩種方塊，空心的方塊可自行在空心處上色。

橢圓工具：分為空心與實心兩種方塊，空心的橢圓可自行在空心處上色。

線段工具：線段工具可自行點選筆刷大小與顏色。(似小畫家畫線功能)

文字輸入工具：文字工具可自行點選筆字型、字型大小與顏色。(似小畫家文字輸入功能)

挑選工具：將要移動的腳色使用挑選工具圈選起來，即可立即移動、修改與刪除。

蓋章工具：如果要複製腳色，點選蓋章工具後將要複製地方圈選起來，即可點選空白處做複製。

色彩選取工具：不確定物件上的顏色時，能使用色彩選取工具點選腳色上的顏色，即可發現"顏色交換區"的顏色=腳色上的顏色。

2. [教學] Scratch 介面介紹 - 舞台編輯區

本章節主要介紹Scratch 的舞台編輯區，

下列文述請對照上圖表格(工具/工具使用方式)：

01. 複製舞台的角色：將舞台中的「猴子」複製多個，可透過滑鼠選擇複製鈕，再對舞台裡的「猴子」蓋一下，就會多出一隻角色。也可直接選擇舞台上的「猴子」，按滑鼠右鍵 → 複製。

02. 刪除舞台的角色：將舞台中的「猴子」刪除，可透過滑鼠選擇刪除鈕。也可直接選擇舞台上的「猴子」，按滑鼠右鍵 → 刪除。

03. 放大/縮小舞台的角色：將舞台中的「猴子」放大縮小，可透過滑鼠選擇放大/縮小鈕。也可直接選擇舞台上的「猴子」，按滑鼠右鍵 → 縮放角色。

04. 旋轉舞台的角色：將舞台中的「猴子」選轉方向，可透過滑鼠點選程式編輯區角色圖(如下圖紅框區)。也可直接選擇舞台上的「猴子」，按滑鼠右鍵 → 旋轉角色。

注意： 如果角色需要回至到預設角度，可透過滑鼠左鍵點選程式編輯區角色圖(如下圖紅框區)兩下。

05. 執行程式：執行程式有兩種方式：一、按下綠旗，二、滑鼠左鍵點選程式編輯區的程式物件兩下，即可。

06. 程式中斷：結束程式有兩種方式：一、按下紅色按鈕，二、滑鼠左鍵點選程式編輯區的程式物件兩下，即可。

07. 自行繪製角色：於下章節繪圖編輯區介紹。

08. 開啟角色檔案：覺得舞台上只有一個角色太空虛，可以點選開啟角色檔案，裡面有內建的其他角色，包含：Animals、People...etl.。或也可自建立資料夾與角色。

09. 隨機產生角色：隨機產生角色在舞台上，讓人驚奇感。

10. 製作遊戲背景：預設的背景為白色，如要改舞台背景樣式，點選舞台圖示，再至程式編輯區 → 背景 → 匯入/自行繪製。

1. [教學] Scratch 介面介紹 - 工具列

此章節主要是介紹 Scratch 介面部分，首先讓我們看看下圖。

亮亮主要將Scratch介面分成五部分，分別為：工具列、程式物件區、程式編輯區、繪圖區
與舞台編輯區等，依序開始介紹囉!

工具列：

工具列主要有三種功能，切換1.語言模式、2.儲存遊戲場景、3.遊戲上傳至Scratch Web與4.學習範本檔案。

1. 語言模式：英文不好的朋友們，不用擔心因為看不懂英文導致學習上有任何困難，Scratch1.4版本也推出了中文化的部分，只要點選地球圖式的按鈕即可切換成中文語言。

2. 儲存遊戲場景：辛辛苦苦做的遊戲場景，如果沒有好好保存留給好朋友們炫耀一番，實在是太對不起自己了，切記要記得做儲存遊戲場景的動作唷!儲存遊戲場景有兩種方式：直接點選項磁片的圖案和檔案→存檔。

3.遊戲上傳至Scratch Web：如果想分享給網友卻沒有平台可以分享嗎? Scratch Web提供了這樣的功能，讓大家輕輕鬆鬆上傳自己的作品。

4. 學習範本檔案：對於許多新使用者而言面對一套新軟體，相信一定有許多程式或物件的編輯使用無法一時釐清，造成腦袋裡有了自己夢想的遊戲場景，手卻還是遲遲在鍵盤/滑鼠上總是很難下手啊!!!沒關係，在檔案→開啟舊檔→範例，就可找到想學習的類型檔案囉!

0. [教學] Scratch & Kinect 軟體下載與安裝 ( 10/03 更新)

What's Scratch?

                    

Scratch是由美國麻省理工學院媒體實驗室(MIT Media Lab)所開發的一種新的程式語言。學習Scratch簡單上手、開發快速、無需任何程式經驗，例如：JAVA、C語言、Object-C等。只需透過您的雙手一鍵到底，即可快速開發屬於您獨一無二的遊戲，且還可上傳自己開發的遊戲至Scratch官方網站 http://scratch.mit.edu/ 與全世界的開發者一同分享創作。

如果要將Kinect體感偵測器與Scratch一同使用，

就必須安裝下列驅動程式/軟體。

Kinect 體感偵測器驅動軟體：

Kinect for Xbox360：安裝KinectSDK-v1.5-Setup.exe

Kinect for Windows：安裝KinectRuntime-v1.5-Setup.exe

Scratch 軟體下載：

lKinect2Scratch15Final：Scratch能夠接收到體感偵測器所偵測的骨架資訊，必須要透過中介軟體做彼此資訊上溝通橋梁。

官方下載：http://scratch.saorog.com/ 。

注意：

按下Download後必須填寫基本資料，才會在Mail收到Kinect2Scratch15Final的軟體。

lScratchInstaller1.4：Scratch主要安裝檔。官方下載：http://scratch.mit.edu/scratch_1.4/。

lChirpCompiler-setup：使用Scratch所做的動畫/遊戲，如果要製做成執行檔，就必需透過ChirpCompiler轉成執行檔(.exe)，後續亮亮會將繼續撰寫如何轉檔教學部分。

上述所有軟體壓縮檔下載連結：https://www.dropbox.com/sh/e0rk6saurlq3lpd/ewJ9tyY43u

Shine.