[開發日誌] Roll Turtle 只為了離完美更靠近一點

看板GameDesign (遊戲設計)作者waldfantasy (Kira)時間9年前 (2016/04/11 22:39)推噓3(3推 0噓 0→)

留言3則, 3人參與討論串1/1

無音樂好讀圖文網誌版 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://www.ptt.cc/bbs/GameDesign/M.1460385597.A.349.html ※ 編輯: waldfantasy (219.85.51.214), 04/11/2016 22:40:18