發表文章

目前顯示的是 10月, 2015的文章

[ 開發日誌 ] 《 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 。 「兩個位元」 的數字抽選介面...

[ 開發日誌 ] 《 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 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 ...