★ Welcome to Caliburn Studio (๑•̀ㅁ•́ฅ)

2015年10月27日 星期二

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


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


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



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

以下是開發記錄 Round 1 ,會介紹《 Lucky X 》當中Random Number Generator」這個模組最初版本的功能以及樣貌,並闡述開發心得以及未來開發的規劃,對 App 有任何建議都歡迎提出喔!



本文開始~





我們開發 App 的首要工作就是「模組化」

「模組化」的意思就是把最主要的功能先寫成好幾支小小的 App ,然後在測試機運行測試,確認每個 App 都達成預期的效果並無任何錯誤發生後,再把這些小小的 App 用一個專案組合在一起。

而我們第一個模組化的功能我想大家應該都猜得到,沒錯,就是隨機數字產生器 (Random Number Generator),而且很幸運的,早在第一天,隨機數字產生器的 App 功能就已經被實踐了!

下圖為《 Lucky X 「一個位元」的數字抽獎介面,也是我們第一個完成的 App 功能。

它的數字抽選範圍為 0 ~ 9 ,這個時候的按鈕還是原生介面產生的,預計在下一個版本就會設計相關 UI 外觀來美化目前的介面。




按下 " Start " 後,按鈕會瞬間變為 " Stop " ,同時畫面中的數字就會開始快速隨機變換。

由於每個數字的顏色都經過挑選,所以當數字快速轉換時,會非常亮眼,可惜螢幕截圖拍不出那樣的效果,待較完整的版本開發完成,我們就會在 Youtube 上傳測試影片。




按下 " Stop " 之後, App 會馬上停止運作,亮出程式所抽選到的數字,如下圖就是抽選出 2 ,這時再按一次 " Start " ,就會繼續隨機變換數字,完全不需要重開 App 。




單一位元數字抽選的 App 既然完成,製作兩個位元相同功能的 App 就不困難了,只需要稍微修改幾個指令以及新增圖片介面即可完成工作。

《 Lucky X 「兩個位元」的數字抽選介面如下圖所示,數字範圍為 0 ~ 99



同樣的,按下 " Start " 後,數字會開始快速變換,而且值得注意的是,兩個位元的隨機抽選皆為「獨立事件」,彼此的抽選結果不會互相影響。



按下 " Stop " 後,下圖 App 抽選的數字為 79



之後我們還嘗試製作《 Lucky X 「三個位元」數字抽選的 App ,數字範圍為 0 ~ 999



「三個位元」數字抽選的功能都與前兩個模組相似,彼此的選取結果一樣為「獨立事件」



下圖抽選到的數字為 185




以上就是在短短一天開發出來的成果,雖然每個模組的介面還很陽春,但功能都正常而且效果卓越,相信加上 Pixel 風格的介面後,《 Lucky X 一定會變得非常討喜!


唯一讓我們比較苦惱的其實是「 UI 介面的編排」

如大家所見,當位元個數越多,所佔據的畫面比例越大的同時,做出一個好的 UI 介面就是一個非常大的挑戰,在這個部分我們也會盡全力克服這方面的困難,敬請大家期待!




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


1. 簡潔亮眼的漸層 Pixel 背景

2. 設計按鈕圖片

3. 重新設計數字圖片的框線





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

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

我們下次見~



沒有留言 :

張貼留言

TOP