V-Play入门手册2-如何创建一个多分辨率的游戏或应用程序?
博客专区 > jannn 的博客 > 博客详情
V-Play入门手册2-如何创建一个多分辨率的游戏或应用程序?
jannn 发表于2年前
V-Play入门手册2-如何创建一个多分辨率的游戏或应用程序?
  • 发表于 2年前
  • 阅读 121
  • 收藏 1
  • 点赞 1
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 这一次,我将介绍如何创建一个多分辨率的游戏或应用程序来支持的设备,例如:手机/平板/PC,并且只需要写一次代码.

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

TODO:以下内容待补充... ####动态切换精灵图(也叫雪碧图)

####如何使游戏布局更合理

####高级主题

在某些情况下,你想在不同设备(平板电脑 & 移动设备 & PC)下拥有不同的UI和布局.

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

共有 人打赏支持
粉丝 11
博文 138
码字总数 34740
×
jannn
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: