2016年4月11日 星期一

開發日誌-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,
還滿足了完美主義作祟的設計師心理 。

9 則留言:

  1. 您好!
    請問"Play Sound"放入的音檔需要什麼格式呢?
    mp3.都放不進去...

    謝謝回答><"

    回覆刪除
    回覆
    1. mp3,wav等一般常見的格式都可以啊,放不進去會不會是你的編碼不是標準的格式?

      刪除
    2. 作者已經移除這則留言。

      刪除
    3. 我發現Windows要先轉成ogg.才可以,謝謝><"

      我想再問一個問題,今天新拿到了Macbook,但因為從沒碰過所以不是很了解,想問一下如何在用gamesalad viewer在Android上測試呢?APPLE的設備皆能正常測試,但Android就不太順利了,電腦有顯示,但手機卻無法連上!然後我該如何匯出IOS檔呢?我只看到上面有HTML5 Preview&Publish而已!拜託大師請賜教><"謝謝

      刪除
    4. 先在Android的裝置上安裝好 gamesalad viewer 後開啟,然後確認與主機端處在同一個無線網路的網域之下,就會在主機端的 gamesalad 裡上方的 preview 裡看到你的Android裝置。

      要匯出iOS檔(android也是),就是按下Publish,之後會將檔案上傳到GameSalad的server上,需要在server端做一些設定,詳細圖文說明可以參考官網有這篇cookbook,有一步一步的教學,http://help.gamesalad.com/gamesalad-cookbook/publishing/3-apple-publishing/4-publish-game-to-ios/

      刪除
    5. 原來如此,謝謝你~

      請問您知道Android Version Code要去哪裡查詢呢?我不知道現在的版本代號該填什麼

      刪除
    6. 我填1,但下載下來的APK都無法安裝..

      刪除
    7. 版本代號是自己取的,無法安裝應該跟版本代號沒關系,我猜或許是你的Android裝置的安全性設定沒有打開?

      刪除
  2. 作者已經移除這則留言。

    回覆刪除