---
# System prepended metadata

title: 9/30 Arcade再進化-空島跳躍者(3)
tags: [2022 iThome 鐵人賽]

---

---
tags: 2022 iThome 鐵人賽
title: 9/30 Arcade再進化-空島跳躍者(3)
AUTHOR: 黃郁鈞
---
# Arcade再進化

## 空島跳躍者

![](https://imgur.com/Rlsdc9j.gif)
- 上篇內容我們已經讓可以控制角色也完成基本的地圖設置。
- 若跟不上進度的可以回去複習喔~

### 本篇內容
本篇我們將製作遊戲結果的判定及繪製角色動畫及設立背景
![](https://i.imgur.com/LcHWTYf.gif)

### 判定角色墜落速度
- 若角色墜落速度太快，則會摔死!
    - 當角色落地時額外判斷`vy`的值，若速度過高則`遊戲結束結果 輸`
- 將讓角色跳起的積木組改成這樣
    ![](https://i.imgur.com/pVYIh7Y.png)
    - 此積木是為了在確定角色落地後，速度小於190跳躍，若落地速度大於190遊戲則會結束

### 判定角色到達地圖頂部
- 當角色到達地圖頂部時，即可判定遊戲勝利~
    - 重複判斷角色高度(即y軸)，若低於20則`遊戲結束結果 贏`
- 增加以下積木以重複判斷
    ![](https://i.imgur.com/xh5XR4T.png)
    - 其中我增加了讓角色失重(也就是角色失去y方向上的加速度)，來達到角色升天的特效，各位也可以增加自己喜歡的特效~

### 設立及繪製背景貼圖
- 背景圖片總是黑黑的也很奇怪吧，我們可以透過建立背景讓角色在天空、水下甚至是太空裡跳躍
    - 在`當啟動時`內加入`背景圖像設為`並編輯背景圖像。
- 設立背景圖像
    ![](https://i.imgur.com/buaSVGl.png)
- 我使用的是官方資源庫的圖像修改的，若有需要也可以在下方專案傳送門內取得~
    ![](https://i.imgur.com/hizaDuO.png)

### 角色跳躍動畫
- 我們希望讓角色在跳躍時有跳躍動畫，有跳躍的動畫才像是在跳躍。
- 當角色跳躍時，播放一次跳躍動畫，使用動畫積木
    ![](https://i.imgur.com/iSLCrAg.png)
- 若希望遊戲能更精緻，也可以再增加不同的角色動畫，如:左右移動、遊戲結束動畫等等

[專案傳送門✈️](https://makecode.com/_Pi2bWMVvPhYC)
###### 作者：黃郁鈞 
###### Discord ID : hua#0198