当前位置：首页 > news >正文

从《原神》小地图到《双人成行》分屏：手把手拆解Unity多相机实战应用

news 2026/5/28 12:14:04

从《原神》小地图到《双人成行》分屏：手把手拆解Unity多相机实战应用

在《原神》的开放世界中，小地图始终安静地悬浮在屏幕一角；而《双人成行》则通过精妙的分屏设计，让两位玩家共享同一台设备的画面——这些令人印象深刻的游戏功能，背后都离不开Unity多相机系统的灵活运用。本文将带你深入三个经典游戏场景的实现过程，用实际代码还原这些让玩家津津乐道的设计细节。

1. 固定小地图：从《原神》学正交相机的艺术

当玩家在提瓦特大陆奔跑时，右上角的小地图始终稳定显示周围环境。要实现这种不随主视角旋转的固定地图，关键在于正交相机与视口矩形的配合使用。

首先创建一个专门用于小地图的相机，将其Projection设置为Orthographic。正交投影消除了透视变形，确保地图比例恒定。接着调整Size属性控制显示范围——数值越大，可见区域越广：

// 小地图相机初始化 Camera miniMapCam = gameObject.AddComponent<Camera>(); miniMapCam.orthographic = true; miniMapCam.orthographicSize = 20f; // 显示半径20单位内的物体

通过Viewport Rect将画面定位到屏幕右上角。以下设置使小地图占据屏幕右上20%的空间：

miniMapCam.rect = new Rect(0.8f, 0.8f, 0.2f, 0.2f); // (x, y, width, height)

关键技巧：

设置Depth值确保小地图始终显示在主画面之上
使用Culling Mask只渲染地形和标记物图层
添加圆形遮罩纹理实现《原神》风格的圆形地图边框

注意：正交相机的Size值与透视相机的Field of View有本质区别，前者直接定义可见区域的半高单位数

2. 分屏合作：《双人成行》的多相机交响曲

本地合作游戏需要将屏幕划分为多个独立视图。《双人成行》通过动态调整两个相机的Viewport Rect，实现了左右分屏、上下分屏等多种布局。

创建两个相机并设置不同的视口区域：

// 玩家1相机（左半屏） Camera player1Cam = CreatePlayerCamera(); player1Cam.rect = new Rect(0f, 0f, 0.5f, 1f); // 玩家2相机（右半屏） Camera player2Cam = CreatePlayerCamera(); player2Cam.rect = new Rect(0.5f, 0f, 0.5f, 1f);

当玩家角色距离较近时，游戏会自动切换为全屏模式；分离时恢复分屏。这需要实时计算两个角色间距：

void UpdateSplitScreen() { float distance = Vector3.Distance(player1.position, player2.position); if(distance < mergeThreshold) { // 合并屏幕 player1Cam.rect = new Rect(0, 0, 1, 1); player2Cam.enabled = false; } else { // 分屏显示 player1Cam.rect = new Rect(0, 0, 0.5f, 1); player2Cam.rect = new Rect(0.5f, 0, 0.5f, 1); player2Cam.enabled = true; } }

性能优化要点：

共享静态场景的渲染结果
根据设备性能动态调整分屏渲染分辨率
为每个相机设置不同的Layer Culling Distances

3. 画中画监控：安全摄像头的实现秘诀

许多恐怖游戏使用监控摄像头增加紧张感。实现这种画中画效果需要三个关键步骤：

创建渲染纹理作为监控画面输出：

RenderTexture rt = new RenderTexture(512, 512, 16); securityCam.targetTexture = rt;

在UI中显示该纹理：

<!-- UGUI RawImage设置 --> <RawImage texture="{securityCameraTexture}" rectTransform="{...}"/>

配置监控相机的行为参数：

securityCam.depth = 2; // 确保显示在最上层 securityCam.cullingMask = LayerMask.GetMask("SecurityCamera"); securityCam.clearFlags = CameraClearFlags.Depth;

高级技巧：

使用Camera.OnPostRender添加监控画面的噪点和干扰效果
通过CommandBuffer实现监控画面的后期处理
动态切换多个监控摄像头视图

4. 性能调优与常见问题解决

多相机系统虽然强大，但不当使用会导致性能急剧下降。以下是经过验证的优化方案：

问题现象	解决方案	实现方式
渲染重复内容	共享渲染结果	`Camera.CopyFrom`+`RenderTexture`
过度绘制	精确控制Culling Mask	按层级分离渲染对象
分辨率过高	动态调整TargetTexture	根据设备性能缩放
画面撕裂	同步相机渲染时机	`Camera.Render`手动控制

典型错误修复：

// 错误：小地图闪烁 void Update() { // 每帧重置视口会导致闪烁 miniMapCam.rect = new Rect(0.8f, 0f, 0.2f, 0.2f); } // 正确：仅在需要时调整 void OnResolutionChanged() { miniMapCam.rect = CalculateMiniMapRect(); }

在VR项目中，多相机系统还需要考虑：