--- # System prepended metadata title: Scratch教學05 tags: [程式設計, Scratch] --- ###### tags: Scratch教學 Scratch教學05 === ## :computer:Scratch 05 基礎程式積木-會動的背景(作業3) 範例檔 **基本概念** ![](https://i.imgur.com/ssmL2hw.png) :::info ### [:bulb:先連結Scratch官網並登入](https://scratch.mit.edu/)[帳號: 班級+座號+英文名] ::: --- ### :mag:創造新專案 #### 點選左上的"創造"來開啟新專案 ![](https://i.imgur.com/hMaeAfg.png) --- #### 在"Untitled"處點選並輸入檔名(專案名) :arrow_right:座號+中文名+作業編號，例如21王大明03 ![](https://i.imgur.com/RHs7Z6s.png) --- ### :mag:角色設定 1. 自訂一角色(有走路或跑步造型變化) 2. 背景(角色) [下載背景圖](http://steam.oxxostudio.tw/download/scratch/long-bg.gif) :::success * 背景角色 ::: 1. 在圖片上按下右鍵(選另存圖片) ![](https://i.imgur.com/TfdWUVv.png) 2. 加入圖片 ![](https://i.imgur.com/CzBpo0l.png) 3. 在背景選擇造型以調整填滿整個舞台(利用選取功能-箭號) ![](https://i.imgur.com/dSu8cKN.png) ![](https://i.imgur.com/c1fvbHI.png) 拖曳四個角落以放大圖片，直到佈滿舞台 ![](https://i.imgur.com/6LAwj3E.png) :::success * 自訂角色(先確認是否有其他造型變化-走路或跑步) ::: ![](https://i.imgur.com/d4umS8K.png) :::success --- ### :mag:程式積木設定 :::success #### 背景角色 ::: 1. 將背景定位(讓角色每次都能歸位)![](https://i.imgur.com/evzm2uB.png) 2. 編輯按下鍵盤"向右"鍵的動作 概念:為了讓背景圖能持續出現，讓背景圖移動到某一範圍時會重新再出現 * 每次重複時，判斷圖片的 x 座標是否小於 -240，如果小於 -240，就將 x 座標改為 240 ( 移動到左邊之後，瞬間移動到右邊 ) * 每次重複時，將 x 座標減少 10 ( 往左移動，和鍵盤方向相反 )。 3. 設定"向左"鍵的積木 * 直接複製"向右"鍵的積木區塊 * 修改大小於(少於邊界) * 座標正負號以及移動的動作 * ![](https://i.imgur.com/R3FYW96.png) :::success #### 自訂角色 ::: 1. 將角色定位(避免移動到其他位置) ![](https://i.imgur.com/HlHpLSm.png) 3. 設定向左或向右鍵的動作 * 每次重複時，將貓咪轉向對應的方向 ( 向右 90，向左 -90 ) * 每次重複時，變換貓咪造型。 ![](https://i.imgur.com/62pUkLn.png) :::success #### 進階(讓角色能跳起來) ::: 參考向左向右的動作，調整積木內容，讓角色在按下"向上"鍵時能跳起來 * 提示1:向上表示向上移動，是y座標增加 * 提示2:避免因y座標一直往上，每次動作後再將座標減少(向下) ![](https://i.imgur.com/BrqQ2PR.png) --- ### :point_right:儲存專案教學 #### :mag:只要有修改或更新即須儲存專案，按下檔名右邊之按鈕"立即儲存"即可更新專案內容 ![](https://i.imgur.com/TIY8c7w.png) ### :point_right:連結至老師的創作坊並分享作業 :arrow_right: [201傳送門](https://scratch.mit.edu/studios/30282165):door: :arrow_right: [202傳送門](https://scratch.mit.edu/studios/30270943):door: :arrow_right:[操作教學網頁](https://hackmd.io/@careylin73/scratch02)