2020 Global Game Jam
「怕肺炎的我,把口罩戴滿就對了」
【遊戲介紹】
武漢肺炎肆虐在世界各地,而海關是國家防疫的最前線,因此我們要為國家人民健康來努力,檢查發現沒有戴口罩的人,要幫他戴上口罩,如果發現發燒生病的人,要迅速隔離起來。
【遊戲玩法】
透過1、2、3按鈕去切換醫療口罩、N95口罩予強制隔離,分別針對普通民眾、醫護人員、發燒人員,如果通過警戒線的話,會亮起紅燈警示,當通過底線的時候,就會扣除防疫數值。
前30秒只會有普通民眾,30秒後開始出現醫護人員,1分鐘後開始出現發燒人員,成功堅持兩分鐘防疫數值未歸0級,即防疫成功。
這次的Game Jam,有特別做一部影片來介紹製作遊戲過程所發生的事情,大家可以點開影片去看看,裡面也有這個遊戲的相關介紹。


【遊戲介面流程圖】
使用Google繪圖,製作整體遊戲介面的流程圖,方便與程式人員溝通,以及與同樣是美術的夥伴確認需要在介面上需要製作的工作量。


【口罩對應效果分數圖】
使用Google繪圖,用來標示每個口罩對應不同的人員效果,主要是方便程式確認程式要怎麼寫使用。
【遊戲大廳草圖】
概念原先是眾多喪屍湧進來的感覺,底下是四個按鈕,按鈕本身使用遊戲既有的元素 - 醫療口罩、N95、隔離、門,計畫做成動態的按鈕,當滑鼠滑到上面時會變換樣式,最終也以此設計概念來進行製作。

【遊戲大廳】
最終也使用原先的草圖設計,不過主要元素有一些變動,前方原本的喪屍只留下在發燒人員身上,其他使用原先製作的普通民眾以及醫護人員的算圖,這裡使用的圖片與開發者介紹介面的角色圖是同一張,並沒有去另外調整動作算圖;按鈕的部分就完全沒有變動,使用原先的草圖設計樣式,不過按鈕不是我製作的,是由天天製作完成。
背景的部分直接使 用遊戲的場景,不過與遊戲畫面的視角不同,有特別另外調整視角,加上簡單的打光算圖出來,變成現在背景圖的樣式;中間的區塊為了可以放上遊戲名稱,有特別做過變動,這是唯一與實際遊戲場景不太一樣的地方。


【遊戲 場景草圖】
設計概念是機場的入境關卡,原先設計兩個入口關卡,第一個是讓玩家知道有敵人進入,第二個是被闖過關的警戒入口。
底下是防疫值顯示,還有使用的口罩類型。



【遊戲場景測試1(左下圖)】
首先由天天把場景初步製作出來之後,先給程式匯入測試看看,而實際放進去之後,發現原先設計的時候沒有考慮的整體透視的問題,所以實際上不會有兩側的空間可以放這麼多的元素,遊玩介面也因此有比較大的修改。
【遊戲場景測試2(右下圖)】
經由第一次測試的經驗,我們將原先的場景的海關門從原先的三個改成五個,場景的底部也從原先的開放空間,改成有讓角色進入的入口大廳設計。
【遊戲場景設計最終版(中央上圖)】
場景的整體以第二測試版為主題,介面的排列設計有細微的修改,最終保留「防疫值」、「分數」、「計時」、「遊戲暫停」、「醫療口罩」、「N95」、「強制隔離」這幾個按鈕與圖示。
【動畫角色設計】
【人物設計草圖】
在開始製作角色之前,有先稍微構想角色的樣式概念,以及畫初步的骨架樣式,不過實際製作的時候,有稍為修改一下模型與骨架的樣式。


【3D製作】
角色3D模型是使用Maya製作,貼圖是另外轉到Mudbox繪製,最後轉回Maya進行骨架與動作的製作。
【最終角色樣式】
普通民眾用最簡單的設計,穿普通的T-Shirt與長褲;醫護人員身上有聽診器,還有像是醫師長袍的外型,讓他可以更直接明瞭被辨識出是醫護人員;發燒人員的外型刻意用的比較誇張,露肚的衣服,缺牙的口腔,明亮(渾沌)的雙眼,身邊燦笑的骷髏,更加凸顯刻意進入的發燒人員有多恐怖。