ios - 如何定位 SCNCamera 以便在 View 中看到对象 "just fits"？

Question

我正在使用 SceneKit 制作 3D 棋盘游戏。板子本身是平的，但上面的部分是 3D 的。我想定位相机，使其以这样的角度向下看板:

                camera
               /
              /
             /
            /
           /
board     /
___________

我想将相机放置在可以看到整个电路板的位置，而不是很小。我在运行时知道板的尺寸，但在编译时不知道，因为用户可以从许多不同的板中进行选择来玩游戏。
我试图计算相机至少需要多远才能看到板的全宽。我画了一个这样的图:

并计算出距离是板宽的一半除以tan(FOV/2)。
将其转换为代码:

private func setupCamera(boardWidth: CGFloat, maxBoardZ: CGFloat, boardCenterX: CGFloat) {
    cameraNode = SCNNode()
    let camera = SCNCamera()
    cameraNode.camera = camera

    let boardRadius = boardWidth / 2
    let cameraDistance = boardRadius / tan(degreesToRadians(camera.fieldOfView) / 2)
    let cameraHeight: Float = 10

    cameraNode.position = SCNVector3(x: Float(boardCenterX), y: cameraHeight, z: Float(maxBoardZ + cameraDistance))

    cameraNode.eulerAngles.x = -0.5
}

cameraNode是场景的一个属性，我稍后将场景 View 的 pointOfView 设置为该场景的属性。到。
这在纵向模式下看起来不错(这只是整个手机屏幕的一部分):

如果不切断电路板的某些部分，相机就无法靠近电路板。
但在横向，与 SCNView相比，板子非常小。它在:

相机本可以靠得更近一些!我会期待这样的事情:

注意白色背景区域 - 那是 SCNView .
我认为 FOV 在横向上可能会发生变化，但是当我检查调试器时，无论方向如何，FOV 始终为 60 度。似乎即使 SCNCamera有一个 fieldOfView属性(property), SCNView也有它自己的、独立的 FOV，取决于它的宽度和高度，我不知道如何访问它。
如何定位相机，使整个电路板正好适合 SCNView ?

Answer 1

好的 - 在这里发布 - 希望没问题。
我只在几张大 map 上使用了 strafe，但最终还是把它们拿出来了。我希望所有 map 都适合 - 它看起来与您的非常相似。所以是的，我倒退了。我把相机放在我想要的地方，然后摆弄 map 和面板大小，所以我一次只处理一件事。
我有三角形、四边形和六角形的面板。这是一个塔防游戏，因此攻击者可以根据面板的类型以各种方式移动。

class Camera
{
    var data = Data.sharedInstance
    var util = Util.sharedInstance
    var gameDefaults = Defaults()
    
    var cameraEye = SCNNode()
    var cameraFocus = SCNNode()
        
    var centerX: Int = 100
    var strafeDelta: Float = 0.8
    var zoomLevel: Int = 35
    var zoomLevelMax: Int = 35              // Max number of zoom levels
    
    //********************************************************************
    init()
    {
        cameraEye.name = "Camera Eye"
        cameraFocus.name = "Camera Focus"
        
        cameraFocus.isHidden = true
        cameraFocus.position  =  SCNVector3(x: 0, y: 0, z: 0)
        
        cameraEye.camera = SCNCamera()
        cameraEye.constraints = []
        cameraEye.position = SCNVector3(x: 0, y: 15, z: 0.1)
        
        let vConstraint = SCNLookAtConstraint(target: cameraFocus)
        vConstraint.isGimbalLockEnabled = true
        cameraEye.constraints = [vConstraint]
    }
    //********************************************************************
    func reset()
    {
        centerX = 100
        cameraFocus.position  =  SCNVector3(x: 0, y: 0, z: 0)
        cameraEye.constraints = []
        cameraEye.position = SCNVector3(x: 0, y: 32, z: 0.1)
        cameraFocus.position = SCNVector3Make(0, 0, 0)
        
        let vConstraint = SCNLookAtConstraint(target: cameraFocus)
        vConstraint.isGimbalLockEnabled = true
        cameraEye.constraints = [vConstraint]
    }
    //********************************************************************
    func strafeRight()
    {
        if(centerX + 1 < 112)
        {
            centerX += 1
            cameraEye.position.x += strafeDelta
            cameraFocus.position.x += strafeDelta
        }
    }
    //********************************************************************
    func strafeLeft()
    {
        if(centerX - 1 > 90)
        {
            centerX -= 1
            cameraEye.position.x -= strafeDelta
            cameraFocus.position.x -= strafeDelta
        }
    }
    //********************************************************************
}

我像这样使用 GKGraph:

var graphNodes: [GKPanelNode] = [] // All active graph nodes with connections
var myGraph = GKGraph()   // declaring the Graph

然后您的典型面板负载，可能与您的类似

func getQuadPanelNode(vPanelType: panelTypes) -> SCNNode
    {
        let plane = SCNBox(width: 1.4, height: 0.001, length: 1.4, chamferRadius: 0)
        
        plane.materials = []
        plane.materials = setQuadPanelTextures(vPanelType: vPanelType)
        plane.firstMaterial?.isDoubleSided = false
        return SCNNode(geometry: plane)
    }

然后从我创建的 map 加载面板。

func loadPanels()
    {
        removePanelNodes()
        for vPanel in mapsDetail.getDetail(vMap: data.mapSelected)
        {
            let vPanel = Panel.init(vName: "Panel:" + vPanel.name, vPanelType: vPanel.type, vPosition: vPanel.pos, vRotation: vPanel.up)
            gridPanels[vPanel.panelName] = vPanel
            
            if(vPanel.type == .entry) { entryPanelName = vPanel.panelName }
            if(vPanel.type == .exit)  { exitPanelName  = vPanel.panelName }
        }
    }