【Unity】相机与UI的自适应

1.相机自适应

相机的自适应是为了让游戏在不同分辨率的设备下运行的时候,尽可能保证所有游戏的关键内容都能让玩家看得到。

比如一个1920×1080的屏幕,在屏幕的最左侧摆放着一个物体,这时候切换到500×500的分辨率,这个物体就看不到了,这时候就需要我们让相机能自动适应玩家的屏幕分辨率。

下面是一个相机屏幕适配器的工具脚本,你可以直接挂载到主相机上运行,一些参数可以根据你的项目实际需要做调整。

cs 复制代码
using UnityEngine;

public class CameraScreenAdapter : MonoBehaviour
{
    private Camera mainCamera;
    
    //设计游戏时确定的宽高比(1920*1080)
    private readonly float design_AspectRatio = 1.77f;
    
    //设计游戏时确定的相机视体大小(orthographicSize)
    private readonly float design_CameraSize = 8.5f;
    
    public  void Awake()
    {
        mainCamera =  Camera.main;
    }
    
    public  void Update()
    {
        AutoSize();
    }
    
    private void AutoSize()
    {
        //获得当前屏幕的宽高比
        float aspectRatio = (float)Screen.width / (float)Screen.height;

        //如果当前的宽高比小于设计的宽高比,那我们就要计算新的宽高比与现在的宽高比的比例,将这个比例乘以现在的宽高比
        if(aspectRatio < design_AspectRatio)
        {
            float scale = aspectRatio / design_AspectRatio;
            mainCamera.orthographicSize = design_CameraSize / scale;
        }else
        {
            mainCamera.orthographicSize = design_CameraSize;
        }
    }
}

2.UI自适应

UI自适应一般用Unity的CanvasScaler 组件实现

这个在创建Canvas的时候会默认自带,如果没有你就需要自己添加一个。

  1. CanvaScaler 中,将UI Scale Mode 设置为Scale With Screen Size

  2. 输入参考分辨率Reference Resolution ,这取决于你设计游戏的时候选定屏幕尺寸,比如你要做横屏游戏,那么X = 1920,Y = 1080 ,这是常用的参考分辨率。

  3. 设置Screen Match ModeMatch Width Or Height

  4. 接下来下面会有一个Match拖动条,这个表示确定缩放操作是依据宽度还是高度作为参考,还是两者兼而有之。横屏游戏拖到最左边即可。

相关推荐
Scout-leaf2 天前
WPF新手村教程(三)—— 路由事件
c#·wpf
用户298698530142 天前
程序员效率工具:Spire.Doc如何助你一键搞定Word表格排版
后端·c#·.net
mudtools3 天前
搭建一套.net下能落地的飞书考勤系统
后端·c#·.net
玩泥巴的4 天前
搭建一套.net下能落地的飞书考勤系统
c#·.net·二次开发·飞书
唐宋元明清21884 天前
.NET 本地Db数据库-技术方案选型
windows·c#
lindexi4 天前
dotnet DirectX 通过可等待交换链降低输入渲染延迟
c#·directx·d2d·direct2d·vortice
修炼前端秘籍的小帅4 天前
Stitch——Google热门的免费AI UI设计工具
前端·人工智能·ui
王码码20354 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
qq_454245034 天前
基于组件与行为的树状节点系统
数据结构·c#
爱搞虚幻的阿恺4 天前
Niagara粒子系统-超炫酷的闪电特效(加餐 纸牌螺旋上升效果)
游戏·游戏引擎