[开发日志] Roll Turtle 只为了离完美更靠近一点

楼主: waldfantasy (Kira)   2016-04-11 22:39:54
无音乐好读图文网志版
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
作者: giantchu (小P)   2016-04-12 11:17:00
推这么细心的制作
作者: KanoLoa (卡)   2016-04-16 00:41:00
要冲榜时记得要上来打广告!
作者: Tatsuma (+戒断症状之圆舞曲+)   2016-04-23 17:59:00
学到一步了M(_'_)M

Links booklink

Contact Us: admin [ a t ] ucptt.com