【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拖动条,这个表示确定缩放操作是依据宽度还是高度作为参考,还是两者兼而有之。横屏游戏拖到最左边即可。

相关推荐
程序员Ctrl喵7 分钟前
状态管理与响应式编程 —— 驾驭复杂应用的“灵魂工程”
开发语言·flutter·ui·架构
我是唐青枫13 分钟前
C#.NET SignalR + Redis Backplane 深入解析:多节点部署与跨实例消息同步
c#·.net
AxureMost34 分钟前
Seelen UI 桌面美化工具(仿MAC交互)
macos·ui·交互
星河Cynthia36 分钟前
WPF基于resx资源文件的多语言实现
c#·wpf
心前阳光1 小时前
Unity使用豆包语音模型
unity·游戏引擎
张老师带你学1 小时前
unity资源:星际飞船 陨石 虫族 星球
科技·游戏·unity·模型·游戏美术
心前阳光1 小时前
Unity使用豆包语言模型
unity·语言模型
魔士于安1 小时前
unity宇宙飞船
游戏·unity·游戏引擎·贴图·模型
量子物理学1 小时前
WPF 标签预览可以显示图片运行后不显示
c#·wpf
格林威1 小时前
工业相机图像采集处理:从 RAW 数据到 AI 可读图像,海康相机 C# 实战代码深度解析
开发语言·c++·人工智能·数码相机·c#·工业相机·堡盟相机