如何使用手勢旋轉和縮放 ARKit model？

Question

我正在嘗試旋轉和縮放 ARKit model，就像在這個視頻中一樣：

這是我的代碼：

添加手勢：

let tapGesure = UITapGestureRecognizer(target: self, action: #selector(handleTap))
sceneView.addGestureRecognizer(tapGesure)

let panGesture = UIPanGestureRecognizer(target: self, action: #selector(moveNode(_:)))
self.view.addGestureRecognizer(panGesture)

let rotateGesture = UIRotationGestureRecognizer(target: self, action: #selector(rotateNode(_:)))
self.view.addGestureRecognizer(rotateGesture)

下面是對應的方法：

點擊手勢：

// MARK: - Gesture Recognizers
@objc func handleTap(gesture: UITapGestureRecognizer) {

    let location = gesture.location(in: sceneView)
    guard let hitTestResult = sceneView.hitTest(location, types: .existingPlane).first else { return }
    let position = SCNVector3Make(hitTestResult.worldTransform.columns.3.x,
                                  hitTestResult.worldTransform.columns.3.y,
                                  hitTestResult.worldTransform.columns.3.z)
    addFoodModelTo(position: position)
}

使用UIPanGestureRecognizer平移手勢：

@objc func moveNode(_ gesture: UIPanGestureRecognizer) {

    if !isRotating {

        //1. Get The Current Touch Point
        let currentTouchPoint = gesture.location(in: self.sceneView)

        //2. Get The Next Feature Point Etc
        guard let hitTest = self.sceneView.hitTest(currentTouchPoint, types: .existingPlane).first else { return }

        //3. Convert To World Coordinates
        let worldTransform = hitTest.worldTransform

        //4. Set The New Position
        let newPosition = SCNVector3(worldTransform.columns.3.x, worldTransform.columns.3.y, worldTransform.columns.3.z)

        //5. Apply To The Node
        baseNode.simdPosition = float3(newPosition.x, newPosition.y, newPosition.z)  
    }
}

使用UIRotationGestureRecognizer旋轉手勢：

@objc func rotateNode(_ gesture: UIRotationGestureRecognizer){

    //1. Get The Current Rotation From The Gesture
    let rotation = Float(gesture.rotation)

        //2. If The Gesture State Has Changed Set The Nodes EulerAngles.y
        if gesture.state == .changed{
            isRotating = true
            baseNode.eulerAngles.y = currentAngleY + rotation
        }

        //3. If The Gesture Has Ended Store The Last Angle Of The Cube
        if(gesture.state == .ended) {
            currentAngleY = baseNode.eulerAngles.y
            isRotating = false
        }
    }
}

但它不起作用。 我究竟做錯了什么？

Answer 1

對於旋轉手勢，請執行以下方法：

override func viewDidLoad() {
    super.viewDidLoad()

    let rotationGesture = UIRotationGestureRecognizer(target: self, 
                                                      action: #selector(rotation))

    self.sceneView.addGestureRecognizer(rotationGesture)
}

然后：

let myScene = SCNScene(named: "scene.scn")!
let modelNode: SCNNode = myScene.rootNode

var originalRotation: SCNVector3? = nil

您也可以檢查任何重要條件：

private func nodeMethod(at position: CGPoint) -> SCNNode? {

    let n = self.sceneView.hitTest(position, options: nil).first(where: { 
        $0.node !== modelNode 
    })?.node

    return n
}

接着：

@objc func rotation(_ gesture: UIRotationGestureRecognizer) {

    let location = gesture.location(in: self.sceneView)

    guard let node = nodeMethod(at: location) 
    else { 
        return 
    }

    switch gesture.state {
        case .began:
            originalRotation = node.eulerAngles
        case .changed:
            guard var originalRotation = originalRotation 
            else { 
                return 
            }
            originalRotation.y -= Float(gesture.rotation)
            node.eulerAngles = originalRotation
        default:
            originalRotation = nil
    }
}

附言

檢查 model 的 pivot 點在哪里。 如果它在模型的容器之外，您的 model 將無法預測地旋轉和縮放。 使用以下代碼控制 pivot 點的 position：

modelNode.simdPivot.columns.3.z = 0.25

還可以在此處和此處閱讀有關Quaternion與Euler旋轉的信息。

如果您需要鎖定任何軸進行旋轉，請閱讀這篇文章。