拾光 - Collection of Time

作者：小蟲蟲OuO│2022-11-10 22:25:53│巴幣：500│人氣：110

想分享一個最近完成的side project - 拾光。

拾光是一個基於虛擬實境的沉浸式互動相簿。透過這款APP，玩家可以將任意一個IG使用者過去的發文轉換成VR相簿。

設計動機:

當初會想做這款遊戲是因為我一位朋友的貓貓得了癌症。我希望可以做點事情安慰她。剛好我那時候剛完成一個MR/VR相關的toolkit，就決定基於這個toolkit來做一個互動式的相簿，希望可以記錄我朋友跟貓貓的點點滴滴。

玩法:

遊戲的基本玩法是透過讓玩家在場景中尋找一個個時光膠囊來瀏覽照片。每個時光膠囊打開後會出現一張紙條，寫著IG post的文字內容。然後，玩家可以撿起場景中的彈弓，右手會出現一顆魔法彈珠。玩家可以將彈珠射向天空。隨後彈珠便會像煙火一樣綻放，煙火退去後IG post的照片便會以星星的方式呈現在天空。

設計概念:

視覺設計方面，我加入了天燈、星星、星座等等元素，希望將這些元素背後所象徵的希望、永恆、故事、回憶等等想法傳達給玩家。

場景設計方面，我透過我做的一個MR Builder來讓玩家可以自己依照她房間的擺設來設置場景，透過將不放的level design的loading轉移給玩家，設計師就可以放開手教去射擊遊戲，而不用像是傳統的VR遊戲一樣只能侷限在小範圍遊玩。

程式:

從程式層面來說，這款遊戲不算是我做過比較難的幾項porjects，除了上面提到的MR Builder外，比較需要下功夫的大概是如何將任意的IG帳號轉成互動式相簿。首先，為了要rumtime取得IG貼文資訊，我會在遊戲開始時用爬蟲將指定使用者的IG的貼文(照片&發文)下載下來。然後就是透過OpenCV來做剩下的影像處理。因為OpenCV只支援C++、python跟Java，不支援我用來做遊戲用的Unity，所以我本來想直接用C++寫pipeline然後包成.so給Unity，但是沒做出來QQ。最後還是妥協花錢買了OpenCV for Unity的Wrapper。不得不說錢真好用。有辦法可以在Unity用OpenCV後就簡單了，因為我是想要把照片轉換成類似星座的感覺方在空中，所以我就先把照片轉灰階，然後再把灰階做膨脹跟侵蝕，最後相減後就可以得到影像的輪廓了(如圖)。

結論:

總體上來說我很滿意這個APP。雖然還是有滿多缺陷的，像是UX/UI設計不太友善，還有讓玩家自己設計場景的功能解果沒有我想像中好等等。不過我覺得我主要的目的有達到了，這個遊戲是我第一次做不是"充滿火球子彈刀劍(我弟的說法)"的遊戲，這個遊戲的目的不單單是為了好玩，我希望可以透過這麼一個APP來幫助玩家存放他們的回憶(尤其是近年的國際情勢愈發詭譎)，我希望藉著這個遊戲，我能讓玩家重新回憶那些美好的過去，以及在過去陪著他們的人、事、物。