01 射擊遊戲基本款

(2019/11/11)

上meowbit的課後社團已有一段時間了，再加上前陣子一直在玩micro:bit及Web:Bit，所以比較沒時間來將Arcade所學到的東西寫出，今天課後社團上課時剛好做了一些結論，並且晚上有一點時間就把Arcade的第一篇文章完成，Arcade也是利用makecode來寫程式的，要完成一個射擊遊戲真的很簡單，這也將是我今後研究的重點。

本遊戲線上玩：https://makecode.com/_Ta5HwD66VcVK

一、認識舞台大小

• 舞台長160個像數、高120個像數
• 左上角的座標為(0,0)；右下角座標為(160,120)
• Vx(x方向的速度)向右為正、向左為負
• Vy(y方向的速度)向下為正、向上為負

二、簡易射擊遊戲說明

• 遊戲畫面如下：

• 遊戲初始值：
• 生命值有3 (左上角的心代表生命值)
• 分數為0 (右上角的數字為分數)
• 舞台背景：
• 為外太空黑色背景(一開始就是黑色背景)
• 各角色說明：一共有3個角色，拆解如下：
• 主角：在舞台下方，只能利用左右方向鍵來左右移動
• 子彈：按A鍵，會從主角身上向上發射出一顆子彈
• 敵人：每0.5秒會從舞台上方某個角度往下方移動
• 遊戲玩法說明：
  • 主角一開始出現在舞台下方的中間位置處，座標為(80,100)，利用左右方向鍵移動主角左右移動
  • 按下A鍵，會從主角身上向上發射出一顆子彈
  • 當子彈打到敵人時得1分(發出音效)，子彈與敵人都會消失(摧毁)，並有消失特效
  • 當敵人碰到主角時，生命值會減1(發出音效)，敵人都會消失(摧毁)

三、撰寫程式

根據上面的說明，拆解各角色進行程式撰寫

• 程式一開始時，設定起始值

• 主角的程式：程式開始時，一併創建本遊戲的【主角(飛機)】，程式如下:

1. 將變數名稱改名為「主角】，並點選【內建的飛機圖案】為角色圖案(同學也可以自己畫)，類別選擇為玩家(Player)
2. 將主角標記【留在畫面】設為【開】，這樣主角(飛機)就不會被我們移出舞台
3. 一開始設定主角的位置在(80,100)
4. 利用【控制器】控制主角的移動，由於不能上下移動，所以Vy(y的速度)設為0，Vx的值越大移動的速度越快

• 子彈的程式
  • 按下A鍵時，會從主角身上發射出子彈來

1. 變更變數名稱為【子彈1】(以後可能會有子彈2)，由於子彈1是由主角的身上發射出來，所以子彈1的程式如上所示。一樣先畫出子彈1的圖案(可用內建圖案或自己畫，但不要畫太大)，由於子彈1只能往上射出，所以Vx設為0，Vy設為-100(朝上要用負值)
2. 按下A鍵發射子彈時，順便播放個pew pew的音效。
3. 當發射子彈1時，也啟動【火】的效果持續0.05秒

• 敵人的程式
  • 敵人每500ms會從舞台上方的隨機位置往下移動

1. 建立一名為【敵人】的變數，並且取定內建圖案或自畫為其圖案，並將類別設為Enemy(敵人)
2. 開始的位置是隨機出現在舞台上方，x座標介於0~160間，y座標為0
3. 速度如果要設為向下就把Vx設為0，但此設Vx為-50~50間，也就是向下的方向不一定

• 已完成三大角色的程式了，同學們可以玩看看，看這三個角色是否按照我們的程式來動作。接下來，我們要做兩者間的互動，如主角與敵人間的互動，子彈1與敵人間的互動。
• 主角與敵人間的互動
  • 當主角與敵人碰在一起時，就是被敵人擊中了，這時敵人會消失，並且生命值減1

1. 當玩家(Player)與敵人(Enemy)重疉時，也就是碰在一起時
2. 這時敵人會摧毁(此處沒有設消失特效，直接消失)
3. 碰到時，讓鏡頭震動一下(這是學生說要做的)
4. 生命值會減1

• 子彈與敵人間的互動
  • 當子彈與敵人碰在一起時，就是子彈擊中敵人了，這時就加1分，並且子彈、敵人都會消失

1. 當發射物(Projectile)與敵人(Enemy)重疉時，也就是碰在一起時
2. 這時敵人會摧毁_，此處有做一個光環的特效後消失
3. 這時子彈1也會摧毁(此處沒有設消失特效，直接消失)
4. 得分加1

• 這樣就完成一個簡易的射擊遊戲了，是不是很簡單啊！學生說下星期的射擊遊戲要加入【大魔王】，讓我拭目以待吧!