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

相关推荐
GLDbalala3 分钟前
Unity基于自定义管线实现经典经验光照模型
unity·游戏引擎
大空大地202642 分钟前
表达式与运算符
c#
向上的车轮1 小时前
为什么.NET(C#)转 Java 开发时常常在“吐槽”Java:checked exception
java·c#·.net
微祎_2 小时前
构建一个 Flutter 点击速度测试器:深入解析实时交互、性能度量与响应式 UI 设计
flutter·ui·交互
AAA阿giao3 小时前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
心疼你的一切3 小时前
Unity异步编程神器:Unitask库深度解析(功能+实战案例+API全指南)
深度学习·unity·c#·游戏引擎·unitask
晚霞的不甘3 小时前
Flutter for OpenHarmony 构建简洁高效的待办事项应用 实战解析
flutter·ui·前端框架·交互·鸿蒙
百思可瑞教育3 小时前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
呆呆敲代码的小Y5 小时前
【Unity 实用工具篇】 | Book Page Curl 快速实现翻书效果
游戏·unity·游戏引擎·u3d·免费游戏·翻书插件
.房东的猫13 小时前
ERP(金蝶云星空)开发【安装篇】
c#