無音樂好讀圖文網誌版
http://kirafugames.blogspot.tw/2016/04/0103-universal-075-0749-ipad-pro.html
====================
開發日誌-0103 「 只為了離完美更靠近一點 」- Universal UI 的基準 0.75 與 0.749 ( iPad Pro) 的差距
遊戲本身已經完成了，
但並不代表可以就這樣直接推出了，
為了離完美更靠近一點，還有著許許多多的工作需要耐心完成。
首先進行 app icon 的調整工作，
早期為了報名各項活動所準備的版本，是帶著邊框的，
讓邊框裡的角色或物件稍微壓到邊框會有突出畫面的效果，
是幾年前很流行的表現手法，
但缺點是會壓縮到角色或物件的尺寸，
必須縮小一點才塞的進原本就已經不大的 app icon 裡 @@
最右邊的是最後修改好，決定使用的版本，
除了移除掉邊框，讓角色盡可能的放大之外(還可以看到背景的小樹小山了呢)，
再讓烏龜們稍微旋轉一點角度，
這樣有一種歪著頭偷看你的感覺，比較活潑，也比較動感 （・∀・）
歪著頭偷看也比較可愛 (oﾟωﾟo)
再來就是實際在盡可能多的不同裝置上進行實機測試，
真的非常~超級~花時間 (°Д°)
雖然這個動作在開發途中就已經隨時在進行了，
但是整個遊戲完成後，
還是必須在從頭到尾徹底的重新玩一次。
在這個過程中，
也的確又發現許許多多的小問題，
雖然都是一些不影響遊戲的無關緊要的瑕疵，
比如說在 iPad mini2 上的某個場景，
背景圖的靠近邊緣的角落會因為 retina 的關係出現 1px 的白邊未填滿畫面，
在 iPad2 上則因為沒有 retina 不會有這個現象，
在 iPod Touch 上雖然有 retina，但因為解析度較小，所以也不會有這個現象，
還有少數幾個關卡，當初為了編輯關卡方便，
把前景圖層隱藏，之後卻忘了恢復原狀，
或是蛋的圖層順序錯誤，
導致吃到蛋，蛋飛起來的時候，會被上方的平台擋住，
諸如此類的小問題，
雖然不影響遊戲，但為了離完美更靠近一點，
就只能耐心、細心的一個關卡一個關卡點進去人工仔細檢查，
注重細節，是最基本的要求，
沒有捷徑，方法也很簡單，也因為這樣，最容易被忽略。
早期為了 universal UI 做了一個判斷，
用螢幕的比例是不是 0.75 ( 4:3 ) 做為標準，
來決定要跑長型的16:9的 UI，或是接近方型的 4:3 的 UI。
這一段前置作業花了非常多的時間與心力，
所以基本上不管是使用哪一種螢幕比例的裝置測試，
應該是都已經處於自信滿滿沒問題的狀態了 ( ∀`)
上週因為想起今年初在台北電玩展跟 Tiny Guardians 的 Yiwei P'ng 聊天的內容，
突然想用模擬器跑跑看買不起的 iPad Pro，
結果發現 iPad Pro 的螢幕解析度是 2732 x 2048，不是 0.75 (4:3) ，
所以用 0.75 (4:3) 當作判斷 universal 的標準，
會讓 iPad Pro 去跑長版的 UI Σ(°Д°;
有的靠近角落邊緣的物件或按鈕位置間距會因此不正確。
「 2048 / 2732 = 0.749 」
原本在想要不要為了 iPad Pro 專門在做一個特殊規格的 UI，
想法一轉，花了一下午測試，
只要把判斷的標準改成 0.749 ，
( 仔細想想這根本是理所當然的事...但測試已經變成習慣了... (ﾟ∀ﾟ ) )
就可以讓 iPad Pro 跑到它該有的位置了，
也不會影響到其他長型UI的判斷。
iPad Pro 的規格真的很特殊，
比任何 android 的螢幕尺寸還特殊，
0.749 的比例大約是 "4.00195312499992" : 3，
超貼近 4:3 ，卻又不是 4:3，
一般情況會預想它跑到 iPad 的 UI 就沒問題了，
( 因為它長的很像放大版的 iPad )
但如果沒有像這樣特別微調判斷的基準的話，就一定會跑到16:9那組去
基本上只要用這樣的方式，把偏長型的丟到小於，偏方型的丟到大於，
就能製作出完美的 Universal UI，不過判斷基準要改成 0.749
因為那個特殊規格的買不起的 iPad Pro (-ι_- )
0.75 變成 0.749，
減了那 0.001 的巨大差距，
除了可以讓特殊規格的 iPad Pro 跑它正確該有的 UI，
還滿足了完美主義作祟的設計師心理 。
==============================================================
Roll Turtle官網
http://rollturtle.strikingly.com
對rollTurtle開發進度有興趣的朋友歡迎到facebook專頁按讚追蹤喔:)
https://www.facebook.com/RollTurtle