###### tags: Scratch教學

Scratch教學05
===

## :computer:Scratch 05 基礎程式積木-會動的背景(作業3)
範例檔
<iframe src="https://scratch.mit.edu/projects/577675663/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
**基本概念**

:::info
### [:bulb:先連結Scratch官網並登入](https://scratch.mit.edu/)[帳號: 班級+座號+英文名]
:::

---
### :mag:創造新專案
#### 點選左上的"創造"來開啟新專案


---

#### 在"Untitled"處點選並輸入檔名(專案名)
:arrow_right:座號+中文名+作業編號，例如21王大明03


---

### :mag:角色設定
1. 自訂一角色(有走路或跑步造型變化)
2. 背景(角色) [下載背景圖](http://steam.oxxostudio.tw/download/scratch/long-bg.gif)

:::success
* 背景角色
:::
1. 在圖片上按下右鍵(選另存圖片)

2. 加入圖片

3. 在背景選擇造型以調整填滿整個舞台(利用選取功能-箭號)


拖曳四個角落以放大圖片，直到佈滿舞台

:::success
* 自訂角色(先確認是否有其他造型變化-走路或跑步)
:::
:::success
---

### :mag:程式積木設定

:::success
#### 背景角色
:::
1. 將背景定位(讓角色每次都能歸位)
2. 編輯按下鍵盤"向右"鍵的動作
概念:為了讓背景圖能持續出現，讓背景圖移動到某一範圍時會重新再出現

* 每次重複時，判斷圖片的 x 座標是否小於 -240，如果小於 -240，就將 x 座標改為 240 ( 移動到左邊之後，瞬間移動到右邊 )
* 每次重複時，將 x 座標減少 10 ( 往左移動，和鍵盤方向相反 )。

3. 設定"向左"鍵的積木
* 直接複製"向右"鍵的積木區塊
* 修改大小於(少於邊界)
* 座標正負號以及移動的動作
* 
:::success
#### 自訂角色
:::
1. 將角色定位(避免移動到其他位置)

3. 設定向左或向右鍵的動作
* 每次重複時，將貓咪轉向對應的方向 ( 向右 90，向左 -90 )
* 每次重複時，變換貓咪造型。
:::success
#### 進階(讓角色能跳起來)
:::
參考向左向右的動作，調整積木內容，讓角色在按下"向上"鍵時能跳起來
* 提示1:向上表示向上移動，是y座標增加
* 提示2:避免因y座標一直往上，每次動作後再將座標減少(向下)

---

### :point_right:儲存專案教學

#### :mag:只要有修改或更新即須儲存專案，按下檔名右邊之按鈕"立即儲存"即可更新專案內容

### :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)