2015年10月29日 星期四

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


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


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



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



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

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



本文開始~





在上一篇 Round 1 的開發過程中,我們完成了第一個模組,也就是「Random Number Generator」最基礎的功能。

Round 2 主要的工作就是將介面的「風格」定位清楚,也就是採用「Pixel」像素畫的風格介面,有許多網友也稱這類的電繪畫風為「點繪」



下圖就是我們最基礎的介面色調,採用「像素漸層」「中間明,上下暗」的方式,達到「凸顯重點」「亮麗」的效果。

按鈕經過重新設計,依舊採用亮眼的紅色,而數字周圍的框線也稍做了修飾,更符合數字本身「Digital」的風格。

順帶一提,畫面中的元件這些都是使用 Adobe Photoshop 設計而成的喔!


以下測試「一個位元」數字隨機抽選的功能。



功能與 Round 1 的時候相同,按下 " Start " 後,數字就會開始快速變換,同時按鈕變成 " Stop "



按下 " Stop " 後,按鈕會瞬間變回 " Start " ,同時數字變換就會停止,秀出抽選到的數字,如下圖就是抽到 4




「兩個位元」的數字抽選介面也是相同的風格,與 Round1 的開發記錄不同在於 UI 轉換成「橫向介面」,這是考量到視覺效果以及之後其他 UI 按鈕編排所做的決定。



數字快速隨機變換中!



抽選到的數字為 38



再來測試「三個位元」數字抽選的功能。



數字快速隨機變換中!



抽選到的數字為 588




到這邊基本上「Random Number Generator」的模組測試一切順利,所以 Round 3 之後會開始進入 App 主選單以及第二個抽獎功能「Lucky Wheel」( 幸運轉盤 ) 的模組開發。


此外,我們還想到一個還蠻值得納入開發考量的點,在這邊也稍做報告。

以上模組都是按下 " Start " 按鈕之後,所有位元「同時」開始數字隨機變換,但我們考慮到可能有些抽獎情況會先抽取「最低位數」或是「最高位數」來增加娛樂性,因此正式上架到 Google Play 的《 Lucky X 》App ,主選單裡面會有「每個位元下方都設置 " Start " 以及 " Stop " 按鈕」的功能選項,如果你選取了這個功能,就可以讓每個位元單獨抽選數字,直到每個位元都抽選過後再進行重抽。


而以上功能會在開發記錄 Round 3 一併測試給大家看,同時上傳「Random Number Generator」這個模組的測試影片到 Youtube 供大家觀賞!



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


1. App 主選單

2. 其他 UI 按鈕設計

3. 「每個位元下方都設置 " Start " 以及 " Stop " 按鈕」的功能選項






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

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

我們下次見~



沒有留言 :

張貼留言

TOP