V-Play入门手册2-如何创建一个多分辨率的游戏或应用程序?
##如何创建一个多分辨率的游戏或应用程序?
作为一个开发者,你肯定不想每次都重写一次代码来保证不同设备下相同的用户体验.
但是,你又会遇到一个不可避免的问题:市面上设备的尺寸太多样化了,大的小的,老的少的.
为此,如果你想开发一个跨平台的游戏或应用程序,有2个比较理想的方案:
###A.)适用于应用程序的密度无关性
在游戏中,你通常希望在不同平台下能有一个相同的游戏体验.
但是,在移动设备IOS & Android & Windows Phone
中,你想充分利用屏幕空间的最好办法.
一个理想的跨平台的用户体验,应该是不管什么平台的屏幕密度 & 屏幕大小 & 屏幕分辨率,都有一个你想要的按钮和文本元素尺寸以便操作.此外,在高密度设备中图像应该是非常清晰的,并在低端设备不会过多浪费宝贵的内存.
同时为了进一步提高用户体验度,需要响应式设计,意思如下例:
- 在屏幕上显示更多的内容,比如在平板电脑上应该比在手机显示更多的内容.
- 显示更多的列表子项,比如在某些比较长的手机上.
V-Play
可以帮你解决这些挑战,以跨平台的方式!
因此,只需要一份代码,就可以轻易的创建一个适配不同设备的应用程序.
为了深入指导如何做到这一点,可以看看这个How to Support Muliple Screen Sizes & Screen Densities
###B.)适用与游戏的内容缩放 我将要展示的是一种最适合游戏的技术,叫做内容缩放.
在一个逻辑场景尺寸中缩放适配不同设备的分辨率,这个概念的好处如下:
- 只需要写一次代码,节省了大量时间.
- 可以使不同设备上的玩家对等,例如平板
VS
手机(这在游戏排行榜中尤其突出).
你可以设置不同的缩放模式,来使逻辑场景与显示屏分辨率匹配.
接下来我将介绍letterbox
,这是最重要的也是默认的缩放模式.
####Letterbox Scale Mode
这种缩放模式缩放的内容尺寸是一致的,而较小的四边则留空显示.
这意味着不同设备上都可以看到整个逻辑场景.
不足之处,在长宽比不同的逻辑场景中,会有黑色边框,如图:
为了解决这个问题,你可以增加你的背景图像的大小来填充边框,所以应该创建4:3和16:9的长宽比的背景图像,而不是3:2.
在下面这张图片,你可以看到,4:3和16:9的长宽比都能较好的适配不同屏幕尺寸的比例.
为了使你更轻松,我们已经计算并准备好了你的背景图像应该支持的所有设备的尺寸.
Device type | Logical Scene Size | Suggested Background Size |
---|---|---|
sd | 480x32 | 570x360 |
hd | 960x640 | 1140x720 |
hd2 | 1920x1280 | 2280x1440 |
TODO:以下内容待补充...
####动态切换精灵图(也叫雪碧图)
####如何使游戏布局更合理
####高级主题
在某些情况下,你想在不同设备(平板电脑 & 移动设备 & PC)下拥有不同的UI和布局.
####准备起飞(你咋不上天嘞)
现在你可以试着把这些概念付之于行动!
转载于:https://my.oschina.net/jannn/blog/653761