如何在SceneKit中判定最接近2D屏幕中心的childNode标记点？

我明白你的痛点了——原来的遍历逻辑会逐个触发UI更新，要是有多个节点都在150像素范围内，最后一个被遍历到的会覆盖之前的结果，完全没法保证显示的是离屏幕中心最近的那个。咱们可以换个思路，先把所有符合条件的节点筛选出来，再从中挑出距离最小的那个来展示。

修改后的完整代码 #

func renderer(_ renderer: SCNSceneRenderer, willRenderScene scene: SCNScene, atTime time: TimeInterval) {
    guard let pointOfView = sceneView.pointOfView else { return }
    
    // 1. 先收集所有符合条件的节点：可见、有名称、距离屏幕中心<150
    var candidateNodes: [(node: SCNNode, distance: CGFloat)] = []
    scene.rootNode.childNodes.forEach { node in
        guard let nodeName = node.name else { return }
        let isVisible = sceneView.isNode(node, insideFrustumOf: pointOfView)
        if isVisible {
            let nodePos = sceneView.projectPoint(node.position)
            let nodeScreenPos = CGPoint(x: CGFloat(nodePos.x), y: CGFloat(nodePos.y))
            let distance = CGPointDistance(from: nodeScreenPos, to: view.center)
            
            if distance < 150.0 {
                candidateNodes.append((node: node, distance: distance))
            }
        }
    }
    
    // 2. 从候选节点中找出距离最小的那个
    if let closestNode = candidateNodes.min(by: { $0.distance < $1.distance })?.node {
        // 3. 显示最近节点的描述
        guard let nodeIndex = Int(closestNode.name!),
              let hotspot = ar360Experience?.threeSixtyHotspot?[nodeIndex] else {
            cardView.isHidden = true
            return
        }
        titleLabel.text = hotspot.title
        copyLabel.text = hotspot.copy
        cardView.isHidden = false
        print("display description of: \(closestNode.name!)")
    } else {
        // 没有符合条件的节点，隐藏卡片
        cardView.isHidden = true
    }
}

关键改进点 #

• 先收集再筛选：不再遍历一个就更新一次UI，而是把所有合格的节点（带距离）存到数组里，避免了覆盖问题
• 使用min(by:)找最近节点：通过比较数组中元素的distance值，直接拿到距离最小的节点，逻辑清晰且高效
• 增强安全解包：把原来的强制解包（Int(node.name!)!）改成了可选绑定，避免因节点名称格式错误导致崩溃
• 统一UI状态控制：所有UI更新逻辑都集中在最后，要么显示最近节点的内容，要么隐藏卡片，状态更一致

这样修改后，不管有多少个节点在150像素范围内，都会精准显示离屏幕中心最近的那个的描述啦！

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