在Godot中为Viewport实现3D效果

问题描述 #

在Godot中用两个带Viewport纹理的3D精灵实现了互看传送门（类似《传送门》游戏机制），正面视角效果正常：

但侧面观察时透视完全错误，呈现扁平状态：

场景布局如下：

此前尝试通过角色移动时偏移相机的方式修复，未取得效果，需解决3D透视问题。

核心修复思路 #

问题根源是仅将Viewport纹理贴在平面上，未根据观察者视角计算传送门相机的空间变换。正确的逻辑是：让每个传送门的相机模拟“从主相机位置穿过对面传送门”后的视角，而非简单偏移。

具体实现步骤 #

1. 配置传送门组件 #

每个传送门需绑定三个核心节点：

• Camera3D：作为该传送门的专属观察相机，负责渲染对面场景的画面
• SubViewport（Godot 4.x）/ Viewport（Godot 3.x）：渲染对应Camera3D的画面，输出作为传送门纹理
• MeshInstance3D（Godot 4.x）/ MeshInstance（Godot 3.x）：使用PlaneMesh承载Viewport纹理

2. 实时更新传送门相机变换 #

在主脚本（比如挂在主相机或传送门管理器上）中，每一帧计算传送门相机的位置和旋转，核心是将主相机的空间变换通过传送门进行映射：
假设变量定义：

• main_camera: 玩家视角的主Camera3D节点
• portal_1: 第一个传送门的Transform（全局）
• portal_2: 第二个传送门的Transform（全局）
• portal_1_camera: 传送门1的专属Camera3D
• portal_2_camera: 传送门2的专属Camera3D

GDScript代码示例：

func _process(delta):
    # 更新传送门1的相机：模拟从主相机位置穿过传送门2后的视角
    var main_to_portal2 = portal_2.affine_inverse() * main_camera.global_transform
    # 翻转Z轴（穿过传送门后视角方向反转）
    main_to_portal2.basis *= Basis(Vector3.UP, PI)
    portal_1_camera.global_transform = portal_1 * main_to_portal2

    # 更新传送门2的相机：模拟从主相机位置穿过传送门1后的视角
    var main_to_portal1 = portal_1.affine_inverse() * main_camera.global_transform
    main_to_portal1.basis *= Basis(Vector3.UP, PI)
    portal_2_camera.global_transform = portal_2 * main_to_portal1

这段代码的作用是将主相机的位置和旋转，通过对面传送门的空间转换，映射到当前传送门相机的位置，确保透视符合真实的穿越逻辑。

3. 渲染层级与裁剪控制 #

• 给每个SubViewport设置Render Target > Update Mode为When Visible，减少性能消耗
• 调整主相机和传送门相机的Cull Mask：主相机不渲染传送门的Mesh，传送门相机不渲染当前传送门的Mesh，避免无限递归渲染
• 若出现画面闪烁，可给两个SubViewport设置不同的Render Priority（比如一个设为1，一个设为2）

4. 细节优化 #

• 当玩家距离传送门过近（比如小于1米），暂时禁用传送门渲染，避免相机穿模
• 给传送门Mesh开启深度测试，确保在3D场景中正确被其他物体遮挡
• 若使用Godot 3.x，需确保Viewport的Size与屏幕分辨率匹配，避免纹理拉伸

为什么之前的相机偏移无效？ #

简单偏移相机仅改变了位置，未考虑传送门的空间旋转和视角翻转，无法模拟真实的“穿越”透视关系，导致侧面观察时纹理仍保持平面状态。

内容的提问来源于stack exchange，提问作者TheJalfireKnight