更简洁高效的屏幕外点映射至屏幕边缘的实现方案

问题背景 #

我正在实现游戏中常见的屏幕航点系统，要求目标图标可穿墙显示在视口内，核心难点是目标在屏幕外时，需让图标始终显示在屏幕边缘，引导视角对准目标。

我通过试错找到了一种实现方法：将相机到目标的向量投影到屏幕平面，用点积获取屏幕空间方向的x、y分量并记录符号，计算屏幕边缘交点并约束至填充边界，重新应用符号后调整图标及指向箭头。

但当前实现存在代码杂乱、性能可能冗余的问题，不确定能否用三角恒等式简化，也想了解是否有更标准的实现方案，希望得到：

• 现有方法的性能、可读性反馈
• 更优方案的优势说明

现有代码分析 #

性能问题 #

• 多次重复计算方向向量（比如offsetDirection被定义了两次），存在冗余计算
• 三角函数计算（atan2、tan、cos/sin）虽然开销不大，但可以通过向量运算简化，减少计算量
• 四个象限的if-else分支判断增加了代码复杂度，且可以通过数学方式合并逻辑

可读性问题 #

• 变量命名不够直观（比如vec_p、horizontal_intercept可以更清晰）
• 部分逻辑分散（比如屏幕边缘点的计算和符号处理可以整合）
• 存在未使用的变量（比如maxlength、depth、screenPointOffsetDirection），增加了代码噪音

标准优化方案：基于屏幕空间向量的边界约束 #

核心思路 #

无需依赖三角函数，直接通过相机空间到屏幕空间的向量映射，计算目标方向与屏幕边界的交点，核心步骤：

1. 将目标点转换为相机空间下的相对坐标
2. 计算该向量在屏幕平面的归一化方向
3. 利用屏幕边界的宽高比，计算方向向量与屏幕边缘的交点，避免分支判断

优势 #

• 减少三角函数调用，性能更优
• 代码逻辑更简洁，可读性提升
• 避免象限分支判断，减少出错概率

优化后的代码实现 #

local camera = workspace.CurrentCamera
local worldPoint = self.target.CFrame.Position
local screenGui = self.screenGui
local screenSize = screenGui.AbsoluteSize
local halfScreen = screenSize / 2
-- 预留边界（对应原代码的-100）
local padding = Vector2.new(100, 100)
local halfBounds = halfScreen - padding

-- 转换为屏幕点并判断是否在视口内
local screenVector, inViewport = camera:WorldToScreenPoint(worldPoint)
local screenPoint = Vector2.new(screenVector.X, screenVector.Y)

-- 基础位置计算
local screenPosition = UDim2.fromOffset(screenPoint.X, screenPoint.Y)
self.imageLabel.Position = screenPosition

if inViewport then
    self.pointImageLabel.ImageTransparency = 1
else
    -- 计算相机到目标的方向向量（相机空间）
    local camToTarget = worldPoint - camera.CFrame.Position
    local camRight = camera.CFrame.RightVector
    local camUp = camera.CFrame.UpVector

    -- 投影到屏幕平面（去除深度分量）
    local projRight = camToTarget:Dot(camRight)
    local projUp = camToTarget:Dot(camUp)
    local screenDir = Vector2.new(projRight, projUp)
    
    -- 避免零向量（目标在相机正前方时）
    if screenDir.Magnitude < 1e-6 then
        screenDir = Vector2.new(0, 1)
    end
    screenDir = screenDir.Unit

    -- 计算方向向量与屏幕边界的交点
    local tX = halfBounds.X / math.abs(screenDir.X)
    local tY = halfBounds.Y / math.abs(screenDir.Y)
    local t = math.min(tX, tY)
    
    local edgeOffset = screenDir * t
    local edgePoint = halfScreen + edgeOffset

    -- 设置航点位置
    screenPosition = UDim2.fromOffset(edgePoint.X, edgePoint.Y)
    self.imageLabel.Position = screenPosition

    -- 设置箭头指向
    self.pointImageLabel.ImageTransparency = 0
    local arrowOffset = screenDir * (waypointRadius + arrowRadius)
    self.pointImageLabel.Position = UDim2.fromOffset(edgePoint.X + arrowOffset.X, edgePoint.Y + arrowOffset.Y)
    -- 计算箭头旋转角度
    local angle = math.atan2(screenDir.Y, screenDir.X)
    self.pointImageLabel.Rotation = math.deg(angle) + 90
end

代码改进点说明 #

• 移除了冗余变量（如maxlength、depth），简化逻辑
• 用向量运算替代三角函数计算屏幕边缘交点，避免分支判断
• 合并重复的方向向量计算，减少冗余
• 变量命名更直观（如screenDir、edgePoint）
• 增加了零向量保护，避免除以零的错误

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