★ Welcome to Caliburn Studio! ㊕ 團隊與貓咪學園合作的全新原創小品 RPG 《執念的七月》現正全力開發中!遊戲也即將參展 Digital Taipei 2017 ,屆時會在現場提供試玩,敬請持續關注 Facebook 粉絲團訊息! ㊗ 狂賀!!!《泡泡星球的娜塔莉》繁體中文完整版已經上架到 Game Jolt ,趕快下載來玩玩吧 (๑•̀ㅁ•́ฅ)

2015年12月2日 星期三

[ 開發日誌 ] 《 Lucky X 》 抽獎 App 開發記錄 Round 4


《 Lucky X 》正式版在 03/29 已經上架到 Google Play ,敬請瀏覽簡介文章並下載使用~
[ 作品介紹 ] 《 Lucky X 》數字抽獎 App 簡介


《 Lucky X Lite 》在 04/07 上架到 Google Play ,敬請瀏覽簡介文章並下載使用~
[ 作品介紹 ] 《 Lucky X Lite 》輕量版數字抽獎 App 簡介



繼上一篇文章   [ 開發日誌 ] 《 Lucky X 》 抽獎 App 開發記錄 Round 3



這一系列的文章將記錄著 Caliburn Studio 與 Laird Studio 聯合策劃及開發的抽獎程式 Lucky X 的開發過程,還請大家多多指教~

以下是開發記錄 Round 4 ,會向大家呈現《 Lucky X 》當中, Lucky Wheel (幸運轉盤)以及 Slots (拉霸)這兩個模組的雛形,並闡述開發心得以及未來開發的規劃,對 App 有任何建議都歡迎提出喔!



本文開始~




首先介紹 Lucky Wheel 的雛形設計,使用亮眼的色彩作為主題,然後中間放上 《 Lucky X 》 的 Logo ,幸運轉盤會這樣設計,最初的目的就是要讓幸運轉盤旋轉的時候可以很絢麗,而 Lucky Wheel 的確做到了這點!



設計圖一出來,便嘗試使用 MakeAGIF 做成 GIF 圖檔,效果非常卓越!



Lucky Wheel 雛形開發完成後,便錄製了 Demo 測試影片供大家觀賞,以下說明一些設計要點~

幸運轉盤的部分,影片中的轉速為 0.3 秒/圈 ,這是在測試機測試到的最理想速度(確保每一圈每個數字都轉得到),不過由於這個數字取決於測試機的效能,所以到了正式版本可能會考慮加快,以達到更好的視覺效果。

此外,眼尖的朋友一定會發現, Lucky Wheel 在按下 " Stop " 之後,到停下來的時間是「不固定」的。

沒錯,從按下 " Stop " 到轉盤真正停下來的時間確實為「隨機值」,會這樣設計是考量到抽選結果可能會有一些「人為因素」干涉,例如抽選者會選擇時機按下 Stop 以獲得想要抽到的數字,為了避免有心人士預測抽選結果,所以才做這樣的設計。




接下來介紹 Slots ,也就是拉霸機的雛形設計~

在設計 Slots 的時候碰到的問題是數一數二的多,尤其要讓 Slots 與第一個功能 Random Number Generator 作區分,勢必要讓 Slots 的數字有「捲動」的視覺效果。

而要使用原生語言做出讓數字捲動的效果並不是那麼容易,會有「前景」考量,之所以會設計出具備「前景」的介面,其實是要用來遮掉顯示框以外不必要的部分,而在製作前景及調整數字圖片的位置時,真的費了不少功夫。

前景的顏色後來決定採用深灰色,以便凸顯背景以及顯示框的亮色系,後來覺得這樣的配置也不賴,因此有考慮把所有的功能都加上深色系的前景。



一樣先使用 MakeAGIF 做了 GIF 圖檔測試一下視覺效果,但隨即收到有朋友反應去掉數字之間的「黑槓」會比較好,所以在 Demo 測試影片時就把黑槓拿掉囉~



Slots 雛形開發完成後,一樣錄製了 Demo 測試影片供大家觀賞,以下說明一些設計要點~

嘗試使用了按下 " Stop " 之後,進行兩段變速的機制,使用者可以感覺得到有變慢的視覺效果。

與 Lucky Wheel 的設計精神相同,一樣不希望抽選者去預測抽選的結果,所以從按下 " Stop " 到真正停止的經過時間多寡皆為隨機值。

此外,大家可能會發現,當速度慢下來時, Slots 的視覺效果不是很好,這是由於 Handler() 函式的工作密度不夠高,所以看起來會感覺不流暢,而這個問題在 Alpha 版本發佈之前也會完成修正。






順帶一提,影片中的相機功能早在開發 Lucky Wheel 以及 Slots 的時候就完成囉,拍攝螢幕截圖時還有快門音效呢~ 不過有朋友提議要使用對話 ( Dialog ) 或狀態列通知( Notification ),好讓使用者知道已經截圖完成,這部分會在 Alpha 版本發佈之前進行加強作業。

此外, Lucky Wheel 以及 Slots 按下 " Stop " 到停止的時間間距為隨機值,這個設計概念也會運用到我們最初開發的第一個功能,也就是 Random Number Generator 喔!

到這邊, 《 Lucky X 》 第二個及第三個功能的雛形都已經建置完成,只需將這兩個功能擴充到兩個以上位元, 《 Lucky X 》 Ver. Alpha 就會上架到 Google Play 供大家下載使用,順便請大家幫忙測試一下 App ,如果有出現任何問題,都歡迎回報給我們知道,以便做修正喔 :D 




◆ 預計下一個版本會增加的功能:


1. 排版(讓 App 相容於所有尺寸的 Android 行動裝置

2. Slots 視覺效果修正

3. 螢幕截圖功能加上 Dialog 或 Notification


4. 音效或動畫效果(視開發情況而定)


P.S. 下一個版本就是 Alpha 版喔~





《 Lucky X 的開發記錄 Round 4 就在這邊告一個段落~

有任何建議可以直接在留言板反應喔~

我們下次見~


TOP