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