★《 Lucky X 》正式版在 03/29 已經上架到 Google Play ,敬請瀏覽簡介文章並下載使用~
[ 作品介紹 ] 《 Lucky X 》數字抽獎 App 簡介
☆《 Lucky X Lite 》在 04/07 上架到 Google Play ,敬請瀏覽簡介文章並下載使用~
這一系列的文章將記錄著 Caliburn Studio 與 Laird 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 就在這邊告一個段落~
有任何建議可以直接在留言板反應喔~
我們下次見~
沒有留言 :
張貼留言