#8 Final Game_ You die Or I die Part 2

這次的主題想了很久~~因為想利用這次的機會做一個市面上沒有的遊戲。剛好之前看很多主播在玩對戰的小遊戲,所以創造了三個小關卡讓玩家進行對戰。

You die Or I die 是一款雙人對戰的小遊戲,目前有三個關卡,未來還會繼續開發,玩家必須層層通關贏過對手,是一款速度與眼力的考驗。搭配輕快且刺激的音樂,讓氣氛達到最高點

Part 1主要介紹登入,註冊和房間連線,詳情請看以下連結

Part 2 介紹3個小遊戲的功能

一、成果MP4

Youtube

二、Github link

三、iPhone截圖

以下都是在iPhone 14 Pro的畫面

1 .遊戲規則

Game Rule

2 . Game 1

left:Playing; right:倒數畫面

3 . Game 2

left:Playing; right:倒數畫面

4 . Game 3

left: Playing; right:倒數畫面
Win Game 3

5 . 分數結算

Count Score

四、遊戲介紹

Game 1 : 摘蘋果

身爲貪吃的小動物怎麼能不會摘蘋果呢?這是一個比眼力和計算的小遊戲。總共有3次機會,每次都會在4棵樹上產生隨機的蘋果。要吃到蘋果就比需比你得敵人更快的數清楚樹上有多少顆蘋果。

Game 2 : Boom Boom Boom

吃太多蘋果可是會暴炸的喔!!玩家雙方都有一個打氣筒,打的速度越快,你的敵人膨脹越大。你的目標是盡可能地按壓打氣筒,讓你的敵人報炸,記住,這關的只有一次機會!!

Game 3 : Guess Who I am

搜集玩蘋果之後,還有很多水果可以選擇,這關的靈感是來自於之前很紅的梗圖 — 猜猜我是誰。玩家需要看著灰化後的水果去選擇正確的水果,猜對的人就可以切水果拉~~

梗圖

五、架構說明

這次的遊戲主要是採用FireBase 達到兩位玩家同步的效果,但因為讀取資料和上傳資料需要時間,所以不能設計需要即時性很高的遊戲。

FireBase

使用MVVM架構將function 和儲存的資料放在一起,讓畫面設計更簡潔

  1. Game 1
Game One Structure

— WaitToStartView: 設計的遊戲倒數畫面

WaitToStartView

— WinCountGameView和LoseCountGameView分別是一次遊戲結束時,玩家贏或輸的動畫(贏:蘋果蒐集到自己這邊; 輸:蘋果跑到對方那邊),並搭配相對應的配樂

WinCountGameView

2. Game 2

Game Two Structure

3. Game 3

Game Three Structure

— WinChoseGameView 當有人猜對水果時,中間的水果會自動爆開,並搭配音效

4. Score

Score Structure

這次遊戲最喜歡得地方就是當統計玩分數時,贏的玩家背後會有不同顏色的煙火綻放,並搭配音效。

設計原理是利用兩個圓圈當作軌跡,有100個粒子隨機運動方向跟速度。

FireWork GIF

5. IntroduceGame

IntroduceGame GIF

這邊也會等待兩位玩家都看完遊戲規則,或按下準備鍵時才會開始遊戲

六、結論與心得

這次作業花比較多時間的地方在想要上傳什麼資料跟如何利用FireBase做即時更新。第二花時間的就是在畫面設計上面,為了要讓畫面看起來和諧,豐富,修修改改了很多次。

除了Part 1, Part2 提到的功能外還有很多功能想做,甚至想定時更新小遊戲,希望之後能看到更多的Part 3, Part 4…..最後上架到平台上。

最後,我想大力感謝陪伴我一年的Peter,帶我走進Swiftui的世界,雖然很累,也常常想放棄,但經過這一年後我發現自己對設計App很有興趣。最後的作業不是結束,而是自己學習的開始!!

--

--