無音樂好讀圖文網誌版 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 -- 我有一顆熱愛A.C.G的心 千萬別忘了當初選擇這條路的決心和感動! http://kirafugames.blogspot.tw --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 219.85.51.214 ※ 文章網址: https://webptt.com/m.aspx?n=bbs/GameDesign/M.1460385597.A.349.html ※ 編輯: waldfantasy (219.85.51.214), 04/11/2016 22:40:18