GameDesign 板


LINE

无音乐好读图文网志版 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/cn.aspx?n=bbs/GameDesign/M.1460385597.A.349.html ※ 编辑: waldfantasy (219.85.51.214), 04/11/2016 22:40:18
1F:推 giantchu: 推这麽细心的制作 04/12 11:17
2F:推 KanoLoa: 要冲榜时记得要上来打广告! 04/16 00:41
3F:推 Tatsuma: 学到一步了M(_'_)M 04/23 17:59







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:BabyMother站内搜寻

TOP