V-Play入门手册2-如何创建一个多分辨率的游戏或应用程序?

时光总嘲笑我的痴心妄想 提交于 2019-12-13 18:30:49

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

##如何创建一个多分辨率的游戏或应用程序? 作为一个开发者,你肯定不想每次都重写一次代码来保证不同设备下相同的用户体验.
但是,你又会遇到一个不可避免的问题:市面上设备的尺寸太多样化了,大的小的,老的少的.
为此,如果你想开发一个跨平台的游戏或应用程序,有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和布局.

####准备起飞(你咋不上天嘞) 现在你可以试着把这些概念付之于行动!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!