###### tags: Scratch教學 Scratch教學08 === ## :computer:Scratch 08 影分身之術 <iframe src="https://scratch.mit.edu/projects/965399972/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> :::info ### [:bulb:先連結Scratch官網並登入](https://scratch.mit.edu/)或開啟桌面Scratch 3應用程式![scratch3icon](https://hackmd.io/_uploads/BkDl8Ctp6.png =30x40) ::: * 說明:角色會隨著滑鼠移動,當角色被點擊時,會產生好幾個分身的影分身之術效果。 * 使用技巧: 追蹤滑鼠、點擊角色、重複、滑行、隨機數、建立分身、外觀改變、廣播訊息 :::success ### :bulb:操作順序 1. 加入舞台背景(自訂或下載老師提供的背景) 2. 加入角色(自訂或下載老師提供的忍者) 3. 角色追蹤滑鼠 4. 角色被點擊角色分身產生並進行廣播訊息(連結舞台更換背景用) 5. 角色分身滑行設定(產生多個分身散發的情況) 6. 舞台更換背景設定 ::: ### 1. 加入舞台背景 :::danger 自訂背景:可選擇內建之背景或是下載老師提供的👉[**背景庫**](https://drive.google.com/drive/folders/1S3B8brfuxmGy0qNZQ1p49cArz62P5unq?usp=drive_link) ::: 點選舞台加入舞台背景,為了讓背景有動態的效果,請至少加入兩至三張的背景圖。(原始空白的背景圖請記得刪除) ![stage01](https://hackmd.io/_uploads/ryWmSjt66.png) ![stage02](https://hackmd.io/_uploads/r1jXrjt66.png) ![stage03](https://hackmd.io/_uploads/S1wvwoYTa.png) ![stage04](https://hackmd.io/_uploads/SyyODjKpp.png) ### 2. 加入角色 :::danger 自訂角色:可選擇內建之角色或是下載老師提供的👉[**角色庫**](https://drive.google.com/drive/folders/1qUYWoS-2SQOIKtVBgbDa7ZJ4KSCYR5ug?usp=sharing) ::: 點選角色區,可以加入內建的角色或是上傳自己的圖檔 ![role01](https://hackmd.io/_uploads/HJPQjsta6.png) ![role02](https://hackmd.io/_uploads/By74ojKTa.png) 若角色太大可以調整尺寸來改變大小 ![role03](https://hackmd.io/_uploads/BJ5VjoYaT.png) 預設的角色(貓咪)可以直接刪除或是隱藏 ![role04](https://hackmd.io/_uploads/B1iOooKTT.png) ### 3. 角色追蹤滑鼠 :::danger 🧱使用積木:事件、控制、動作 ::: **說明:當程式開始執行時(綠旗被點一下),角色會跟著滑鼠移動。** * 角色跟著滑鼠移動可使用"定位"積木,讓積木直接定位滑鼠的位置,會了讓角色持續跟著滑鼠移動,讓定位的動作重複進行(無限次數) ![shadow01](https://hackmd.io/_uploads/HJeSQhFpa.png) ### 4. 角色被點擊角色分身產生並進行廣播訊息(連結舞台更換背景用) :::danger 🧱使用積木:事件、控制、外觀 ::: **說明:當角色被點擊時,產生分身且每個分身顏色會變化。** 1. 放入「當角色被點擊」積木。 2. 角色定位後,使用「重複 10 次」積木,每次重複產生角色自己的分身。 3. 加入圖像效果顏色變化,使分身產生顏色變化。(見下方tips說明) 4. 發出廣播訊息(為了呼叫舞台更換背景用) 5. 恢復圖像效果,將顏色設為0(圖片原本的顏色) ![shadow02](https://hackmd.io/_uploads/r1so5ptpa.png) ### 5. 角色分身滑行及收回設定(產生多個分身散發的情況後再回到原身) :::danger 🧱使用積木:控制、動作 ::: **說明:當角色產生分身時會往外滑行1秒後再回到原身並消失。** 1. 加入"當分身產生"的積木 2. 讓分身"滑行1秒到隨機位置" 3. 等待1秒後 4. 讓分身"滑行1秒到鼠標位置" 5. 刪除分身(讓分身消失) ![shadow03](https://hackmd.io/_uploads/rJw4C6Y6a.png) :::info :bulb:tips:「圖像效果」積木可以讓角色添加視覺特效,包含顏色改變、魚眼、漩渦、像素化、馬賽克、亮度和幻影等特效 * 圖像效果-顏色:數值範圍 0~200,是以圖像自身的顏色為0,進行顏色變化,如下方的色環說明 ![圖像效果數值](https://hackmd.io/_uploads/HkbgLaFaT.png =300x300) * 圖像效果-魚眼、漩渦:數值範圍 -100~2^30,圖像如魚眼及漩渦狀變形,數值越大,效果越明顯 * 圖像效果-像素化:數值範圍無限制,讓角色變成格點狀,數值越大,格點越大 * 圖像效果-馬賽克:數值範圍無限制,讓角色變成像馬賽克拼貼,數值越大,角色會越小 * 圖像效果-亮度:數值範圍-100~100,讓角色變亮(正)或變暗(負) * 圖像效果-幻象:數值範圍 0~100,調整角色的透明度,0為不透明,100為全透明。(若有設定記得設定回復效果,否者圖像可能會消失(全透明看不見) ::: 忍者角色完整程式積木 ![忍者程式積木](https://hackmd.io/_uploads/SJvuP9paT.jpg) ### 6. 舞台更換背景設定 :::danger 🧱使用積木:事件、外觀 ::: **說明:當舞台收到廣播訊息的呼叫時,進行更換背景圖片。** 1. 切換到舞台的程式區 2. 加入"當收到訊息message1" 3. 背景換成下一個 ![shadow04](https://hackmd.io/_uploads/SkjnJCFaT.png) :::info :bulb:「廣播訊息積木」主要角色之間的互動,由一個角色廣播訊息,再由另一個角色接收訊息,當該角色接收到訊息時就會執行對應的程式積木 :::