如何将3D场景特定区域渲染至更大画布/视口并保留透视效果？

阿华AIGC实验室

2026-5-22

实现带透视的3D场景局部放大（放大镜效果）

嘿，这个需求我之前做类似实时放大镜效果时刚好折腾过，咱们把原理拆解开说清楚——

为什么单纯移动相机不行？

你说的没错，单纯移动相机根本达不到效果：移动相机是改变观察点的位置，会让整个场景的视角偏移，而且近大远小的透视比例会跟着相机距离变化，完全不是“局部放大”的感觉。我们要的是在同一个相机位置下，把场景中某一块区域的透视画面，拉伸放大到更大的viewport里，这就得从投影矩阵下手。

核心原理：自定义透视投影矩阵截取子视锥体

3D渲染里，透视投影矩阵的作用是把相机的视锥体（能看到的空间范围）映射到标准化设备坐标（NDC），最终渲染到屏幕viewport。我们的思路就是：

把原始视锥体中对应目标屏幕区域的子视锥体，单独拿出来映射到整个NDC空间，这样渲染出来的画面就是该区域的放大版，而且完全保留原始透视关系。

简单说，就像你用相机拍了一张照片，然后把照片里的某一块裁剪出来放大，只不过我们是在3D空间里直接“裁剪”视锥体，而不是事后处理图片，所以透视完全准确。

具体数学计算步骤

我以OpenGL的NDC范围（[-1,1]×[-1,1]）为例，DirectX的逻辑一样，只是NDC范围是[0,1]，调整公式就行：

1. 确定屏幕区域参数

假设原始viewport分辨率是 W×H，你要放大的区域是屏幕坐标的 (x0, y0) 到 (x1, y1)（x0<x1，y0<y1）。

2. 转换为NDC边界

把屏幕坐标转成NDC空间的边界值：

left = (2 * x0 / W) - 1
right = (2 * x1 / W) - 1
bottom = (2 * y0 / H) - 1
top = (2 * y1 / H) - 1

如果是DirectX，NDC范围是[0,1]，公式改成：

left = x0 / W
right = x1 / W
bottom = y0 / H
top = y1 / H

3. 生成自定义透视投影矩阵

用上面得到的left/right/top/bottom，替换原始透视投影矩阵的边界参数，近裁剪面(near)和远裁剪面(far)保持和原始投影矩阵一致。

通用的透视投影矩阵（列主序，适配自定义边界）：

[ 2*near/(right-left),  0,                  (right+left)/(right-left),  0 ]
[ 0,                  2*near/(top-bottom),  (top+bottom)/(top-bottom),  0 ]
[ 0,                  0,                  -(far+near)/(far-near),  -2*far*near/(far-near) ]
[ 0,                  0,                  -1,                        0 ]

这个矩阵会把你选中的子视锥体，完整映射到整个NDC空间，渲染到viewport时就是放大后的效果，透视和原始场景完全一致。