URP相机黑科技：用RenderTexture实现分屏联机对战（含完整Shader配置）

URP相机黑科技：用RenderTexture实现分屏联机对战（含完整Shader配置）

如果你曾经尝试在Unity里制作本地分屏游戏，大概率会遇到一个头疼的问题：如何让两个玩家在同一屏幕上看到完全不同的视角，同时还能保持流畅的性能和完整的视觉效果？传统的分屏方案往往需要复杂的相机视口切割，但今天我要分享一种更灵活、更强大的技术路径——利用URP的相机分层渲染特性，通过RenderTexture为每个玩家分配独立的渲染画面。

这种方法不仅能实现经典的分屏效果，还能让你在UI层、特效层甚至后处理层面拥有更大的控制权。想象一下，你可以为每个玩家单独调整Bloom强度，或者让某个玩家的画面应用特殊的色彩滤镜，而另一个玩家保持原样。这种精细的控制在传统的视口分割方案中几乎不可能实现。

我最近在一个本地多人对战项目中实践了这套方案，过程中踩了不少坑，也积累了一些宝贵的经验。从Quad材质配置、相机深度排序的陷阱，到自定义UI着色器的编写，再到解决分屏画面混合时的Bloom特效异常问题，每一个环节都有值得注意的细节。这篇文章将带你走完全流程，不仅仅是理论讲解，更包含可以直接复用的Shader代码和配置技巧。

1. 理解URP相机渲染到纹理的核心机制

在URP中，相机默认渲染到屏幕，但通过简单的设置，你可以让相机将其视图输出到一张RenderTexture上。这张纹理本质上就是一个图像缓冲区，可以被其他材质采样和显示。这个看似简单的特性，却是构建复杂渲染系统的基石。

1.1 双相机架构：渲染与显示的分离

实现渲染到纹理的核心是双相机架构。你需要两个相机协同工作：

• 渲染相机：负责将3D场景渲染到RenderTexture
• 显示相机：负责将RenderTexture渲染到屏幕的特定区域

URP有一个重要的渲染顺序规则：所有输出到RenderTexture的相机，都会在输出到屏幕的相机之前执行渲染。这个机制确保了当显示相机需要采样纹理时，渲染相机已经完成了它的工作，纹理数据是准备好的。

注意：如果你发现显示相机渲染时纹理是空白的，首先要检查的就是渲染相机的执行顺序。在URP中，这通常由相机的Priority值控制，优先级高的相机后渲染。

1.2 RenderTexture的创建与配置

创建RenderTexture时，有几个关键参数需要根据你的使用场景仔细选择：

// 在代码中动态创建RenderTexture的示例
RenderTexture CreatePlayerRenderTexture(int width, int height)
{
    RenderTexture rt = new RenderTexture(width, height, 24);
    rt.format = RenderTextureFormat.ARGB32;  // 标准8位每通道格式
    rt.antiAliasing = 4;  // 4倍多重采样抗锯齿
    rt.filterMode = FilterMode.Bilinear;  // 双线性过滤
    rt.wrapMode = TextureWrapMode.Clamp;  // 边缘钳制
    rt.autoGenerateMips = false;  // 分屏显示通常不需要Mipmap
    rt.Create();
    return rt;
}

对于分屏游戏，分辨率设置需要特别注意。如果每个玩家占据屏幕的一半，那么RenderTexture的分辨率可以设置为屏幕分辨率的一半，这样可以显著减少GPU负载：

// 根据屏幕分辨率和分屏布局计算纹理大小
int screenWidth = Screen.width;
int screenHeight = Screen.height;
int playerTexWidth = screenWidth / 2;  // 左右分屏
int playerTexHeight = screenHeight;    // 全高

1.3 相机组件的关键设置

在Inspector中配置相机输出到纹理时，有几个容易忽略的细节：

Universal Additional Camera Data组件是URP相机的扩展控制中心。除了基本的输出目标设置，它还控制着许多高级特性：

对于分屏游戏，我强烈建议为每个玩家相机设置不同的Culling Mask。这样不仅可以优化性能（每个相机只渲染自己需要的内容），还能实现一些有趣的游戏机制——比如某个玩家的“视野限制”效果。

2. 实战：构建双人分屏对战系统

让我们从一个具体的例子开始：创建一个本地双人对战游戏，两个玩家在同一设备上分屏游戏。我将使用左右分屏布局，但同样的原理也适用于上下分屏或更复杂的布局。

2.1 场景设置与相机配置

首先，在场景中创建两个玩家相机，分别命名为Player1Camera和Player2Camera。每个相机都需要配置为渲染到自己的RenderTexture：

using UnityEngine;
using UnityEngine.Rendering.Universal;

public class PlayerCameraController : MonoBehaviour
{
    [SerializeField] private Camera playerCamera;
    [SerializeField] private RenderTexture renderTexture;
    [SerializeField] private int playerIndex = 0;
    
    private void Start()
    {
        if (playerCamera == null)
            playerCamera = GetComponent<Camera>();
            
        // 获取URP扩展数据
        var cameraData = playerCamera.GetUniversalAdditionalCameraData();
        if (cameraData != null)
        {
            // 设置为渲染到纹理
            cameraData.cameraOutput = CameraOutput.Texture;
            playerCamera.targetTexture = renderTexture;
        }
        
        // 设置相机的剔除掩码，只渲染特定层
        // 例如：玩家1看到Layer 8-15，玩家2看到Layer 0-7
        int layerMask = 0;
        int startLayer = playerIndex * 8;
        for (int i = startLayer; i < startLayer + 8; i++)
        {
            layerMask |= 1 << i;
        }
        playerCamera.cullingMask = layerMask;
    }
    
    private void OnDestroy()
    {
        // 清理资源
        if (playerCamera != null && playerCamera.targetTexture != null)
        {
            playerCamera.targetTexture.Release();
            playerCamera.targetTexture = null;
        }
    }
}

在实际项目中，你可能还需要动态调整相机的位置和旋转来跟随各自的玩家角色。这里的关键是确保两个相机的targetTexture属性指向不同的RenderTexture实例。

2.2 创建显示画面用的Quad与材质

RenderTexture创建好后，需要将其显示在屏幕上。最直接的方法是在场景中创建Quad（四边形平面），并将RenderTexture应用为它的材质纹理。

材质配置的注意事项：

1. Shader选择：对于简单的纹理显示，可以使用URP自带的Unlit/Texture Shader。但如果你需要支持透明度混合（用于UI叠加），则需要自定义Shader。

2. 纹理过滤模式：根据RenderTexture的分辨率和显示Quad的大小，选择合适的过滤模式：

   • FilterMode.Point：像素风格游戏
   • FilterMode.Bilinear：大多数3D游戏的平衡选择
   • FilterMode.Trilinear：需要Mipmap时使用

3. UV调整：如果Quad的UV坐标不是标准的(0,0)到(1,1)，需要在材质或Shader中进行调整。

下面是一个简单的显示材质配置脚本：

using UnityEngine;

public class RenderTextureDisplay : MonoBehaviour
{
    [SerializeField] private RenderTexture sourceTexture;
    [SerializeField] private MeshRenderer displayQuad;
    [SerializeField] private Material displayMaterial;
    
    private Material instanceMaterial;
    
    private void Start()
    {
        if (displayQuad == null)
            displayQuad = GetComponent<MeshRenderer>();
            
        // 创建材质实例，避免修改原始材质
        instanceMaterial = new Material(displayMaterial);
        instanceMaterial.mainTexture = sourceTexture;
        displayQuad.material = instanceMaterial;
        
        // 根据纹理比例调整Quad尺寸，避免拉伸
        if (sourceTexture != null)
        {
            float aspectRatio = (float)sourceTexture.width / sourceTexture.height;
            Vector3 scale = transform.localScale;
            scale.x = scale.y * aspectRatio;
            transform.localScale = scale;
        }
    }
    
    private void Update()
    {
        // 实时更新纹理（如果需要）
        if (sourceTexture != null