如何使用ARKit和Swift判断用户是否点击了屏幕上显示的对象

Question

我是一名新手iOS程序员。我想制作一个应用程序，允许用户点击屏幕上显示的特定对象。我正在使用 addGestureRecognizer 将对象添加到屏幕上，以识别用户是否已经单击，然后我只想将另一个对象添加到屏幕上。

以下是我目前所做的：

objpizza = make2dNode(image:#imageLiteral(resourceName: "pizza"),width: 0.07,height: 0.07)
    objpizza.position = SCNVector3(0,0,-0.2)
    objpizza.name = "none"

    self.arView.addGestureRecognizer(UIGestureRecognizer(target: self, action: #selector(selectObject)))
    arView.scene.rootNode.addChildNode(objpizza)

这里是make2dNode函数，它只是调整对象。

func make2dNode(image: UIImage, width: CGFloat = 0.1, height: CGFloat = 0.1) -> SCNNode {
    let plane = SCNPlane(width: width, height: height)
    plane.firstMaterial!.diffuse.contents = image
    let node = SCNNode(geometry: plane)
    node.constraints = [SCNBillboardConstraint()]
    return node
}

这里有一个函数，当我在self.arView.addGestureRecognizer(UIGestureRecognizer(target: self, action: #selector(selectObject)))中实现时，它从未被调用。

@objc func selectObject() {

    print("Image has been selected")
}

- Visalkoko

Answer 1

检测SCNNode上的触摸需要不仅仅是在视图中添加UITapGestureRecogniser。为了检测您触摸了哪个SCNNode，您需要使用SCNHitTest（与手势识别器结合使用），它是：

查找位于指定点或沿指定线段（或射线）的场景元素的过程。

SCNHitTest寻找：

沿着您指定的射线的SCNGeometry对象。对于射线和几何体之间的每个交点，SceneKit都会创建一个命中测试结果，以提供有关包含几何体的SCNNode对象和几何体表面交点的位置的信息。

好的，您可能会想，但这在我的情况下实际上是如何工作的？

嗯，让我们首先创建一个具有SCNSphere Geometry的SCNNode并将其添加到我们的场景中。

//1. Create An SCNNode With An SCNSphere Geometry
let nodeOneGeometry = SCNSphere(radius: 0.2)

//2. Set It's Colour To Cyan
nodeOneGeometry.firstMaterial?.diffuse.contents = UIColor.cyan

//3. Assign The Geometry To The Node
nodeOne = SCNNode(geometry: nodeOneGeometry)

//4. Assign A Name For Our Node
nodeOne.name = "Node One"

//5. Position It & Add It To Our ARSCNView
nodeOne.position = SCNVector3(0, 0, -1.5)
augmentedRealityView.scene.rootNode.addChildNode(nodeOne)

你会注意到，在这里我给我们的SCNNode分配了一个名称，这使得跟踪它变得更加容易（例如通过hitTest进行识别）。

现在我们已经将SCNNode添加到层次结构中，让我们创建一个UITapGestureRecognizer，像这样：

//1. Create A UITapGestureRecognizer & Add It To Our MainView
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(checkNodeHit(_:)))
tapGesture.numberOfTapsRequired = 1
self.view.addGestureRecognizer(tapGesture)

现在我们已经设置好了所有内容，我们需要创建一个checkNodeHit函数来检测用户点击的节点是哪个：

/// Runs An SCNHitTest To Check If An SCNNode Has Been Hit
///
/// - Parameter gesture: UITapGestureRecognizer
@objc func checkNodeHit(_ gesture: UITapGestureRecognizer){

    //1. Get The Current Touch Location In The View
    let currentTouchLocation = gesture.location(in: self.augmentedRealityView)

    //2. Perform An SCNHitTest To Determine If We Have Hit An SCNNode
    guard let hitTestNode = self.augmentedRealityView.hitTest(currentTouchLocation, options: nil).first?.node else { return }

    if hitTestNode.name == "Node One"{

        print("The User Has Successfuly Tapped On \(hitTestNode.name!)")

    }
}

现在，如果您想要在用户点击的位置放置一个SCNNode，则必须使用ARSCNHitTest来提供此功能，它提供了：

通过检查AR会话中设备摄像机视图中的点发现的有关真实世界表面的信息。

通过执行此操作，我们随后可以使用结果的worldTransform属性在该位置放置虚拟内容。

供您参考，worldTransform是：

命中测试结果相对于世界坐标系的位置和方向。

在ARKit中定位可以轻松地进行可视化处理，如下所示：

让我们再次看一下如何使用它来放置虚拟对象：

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {

    //1. Get The Current Touch Location In Our ARSCNView & Perform An ARSCNHitTest For Any Viable Feature Points
    guard let currentTouchLocation = touches.first?.location(in: self.augmentedRealityView),
          let hitTest = self.augmentedRealityView.hitTest(currentTouchLocation, types: .featurePoint).first else { return }

    //2. Get The World Transform From The HitTest & Get The Positional Data From The Matrix (3rd Column)
    let worldPositionFromTouch = hitTest.worldTransform.columns.3

    //3. Create An SCNNode At The Touch Location
    let boxNode = SCNNode()
    let boxGeometry = SCNBox(width: 0.1, height: 0.1, length: 0.1, chamferRadius: 0)
    boxGeometry.firstMaterial?.diffuse.contents = UIColor.cyan
    boxNode.geometry = boxGeometry
    boxNode.position = SCNVector3(worldPositionFromTouch.x, worldPositionFromTouch.y, worldPositionFromTouch.z)

    //4. Add It To The Scene Hierachy
    self.augmentedRealityView.scene.rootNode.addChildNode(boxNode)

}

希望它有所帮助...

- BlackMirrorz

---

非常感谢您抽出时间为我解释这些精彩而有用的内容。对于我和即将到来的项目来说，这真的非常有帮助。谢谢！ - Visalkoko

Answer 2

你需要实现。

let tapGesture = UITapGestureRecognizer(target: self, action: #selector(didTap(_:)))
arView.addGestureRecognizer(tapGesture)

用于判断用户是否已经点击的函数

@obj func didTap(_ gesture: UITabGestureRecognizer){ 
  object2 = make2Node(image: nameOfimage, width: 0.07, height: 0.07)
  object2.position = SCNVector(0,0,0.2)
  arView.scene.rootNode.addChildNode(object2)

享受编程，兄弟。

- Visal Sambo

---

哇，这正是我在等待的！谢谢你，伙计！它对我有用 :)。你帮助我逃脱了项目截止日期的压力。 - Visalkoko