Unity自适应策略

Unity自适应策略

实验方式:

在Game窗格中选取常见分辨率依次查看,还能选择最后一个+,自定义分辨率:

 

傻瓜式CanvasScaler + Rect Transform(纯GUI操作,无需写脚本):

调节最外层画布的Canvas Scaler,为Scale With Screen Size。

下面有拉伸/压缩/按长宽比例进行伸缩等模式,调节成一个对多数屏幕都较为友好的参数。

参考:https://docs.unity3d.com/Manual/script-CanvasScaler.html

要点:

1)当开发应用在移动端时,“CanvasScaler”的“UI Scale Mode”为“ScaleWith Screen Size”,以便自适应移动端屏幕

2)最好事先知道应用到移动端屏幕的分辨率,或屏幕比例,以对应合适设置“Canvas Scaler”的“Reference Resolution”

3)当应用是横屏游戏时,把“CanvasScaler”的“Match”改为“0”,以“Width”为基准缩放UI适应屏幕;当应用是竖屏游戏时,把“Canvas Scaler”的“Match”改为“1”,以“Height”为基准缩放UI适应屏幕

 

Rect Transform是对象的一个组件,意在以父级对象的锚点位置(父级对象也必须持有Rect Transform的组件)来决定子级对象的相对位置,从而配合CanvasScaler完成自适应。Rect Transform可以多层嵌套,从而完成更加精致的位置确定功能。

Rect Transform官方文档:

https://docs.unity3d.com/Manual/class-RectTransform.html

Rect Transform中文民间博客教程:

https://blog.csdn.net/serenahaven/article/details/78826851

Rect  Transform英文官方视频教程(裂墙推荐观看)https://unity3d.com/cn/learn/tutorials/modules/beginner/ui/rect-transform?playlist=17111

 


  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Unity WebGL 是 Unity 引擎的一个功能,它可以将 Unity 游戏发布为网页应用程序。当我们在使用 Unity WebGL 构建网页游戏时,我们是希望游戏可以适应不同类型和尺寸的浏览器。 在 Unity WebGL 中,实现自适应浏览器的关键是使用适当的布局和缩放策略。首先,我们需要确保游戏能够自动适应不同浏览器窗口的尺寸。我们可以使用 CSS 或 JavaScript 代码来检测浏览器窗口的大小并相应地调整 Unity 游戏的大小。 其次,我们还可以使用 CSS 或 JavaScript 来控制 Unity 游戏的缩放。这样可以确保游戏在不同设备上都能够以正确的比例显示,从而避免因屏幕分辨率不同而导致的图像模糊或变形。 另外,Unity WebGL 还支持在游戏加载之前,显示一个适配的预加载画面。这样可以增加用户体验,同时也给游戏加载所需时间提供了一个反馈。 还有一些其他的技巧可以帮助我们实现 Unity WebGL 的自适应浏览器。例如,使用响应式设计来确保游戏界面在不同屏幕尺寸下的可用性和易用性。此外,使用合适的字体大小和按钮大小也可以提供更好的用户体验。 总的来说,Unity WebGL 可以通过使用适当的布局和缩放策略,以及其他一些技巧,实现游戏在不同浏览器中的自适应。这样,无论用户在使用哪种类型的浏览器,游戏都能够以最佳的方式呈现给他们,提供良好的用户体验。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值