如何使用ARKit检测触摸并显示新的SCNPlane？

Question

现在，当卡被检测到时，我能够显示不同的SCNPlane。在显示SCNPlanes之后，用户触摸任何飞机以显示新的SCNPlane。但现在触摸工作正常，但新的SCNPlane没有显示。

这是我尝试过的代码：

var cake_1_PlaneNode : SCNNode? = nil

func renderer(_ renderer: SCNSceneRenderer, didAdd node: SCNNode, for anchor: ARAnchor) {

    guard let imageAnchor = anchor as? ARImageAnchor else { return }

    if let imageName  = imageAnchor.referenceImage.name {            
        print(imageName)

        if imageName == "menu" {

            // Check To See The Detected Size Of Our menu Card (Should By 5cm*3cm)
            let menuCardWidth = imageAnchor.referenceImage.physicalSize.width
            let menuCardHeight =  imageAnchor.referenceImage.physicalSize.height

            print(
                """
                We Have Detected menu Card With Name \(imageName)
                \(imageName)'s Width Is \(menuCardWidth)
                \(imageName)'s Height Is \(menuCardHeight)
                """)

            //raspberry
            //cake 1

            let cake_1_Plane = SCNPlane(width: 0.045, height: 0.045)
            cake_1_Plane.firstMaterial?.diffuse.contents = UIImage(named: "france")
            cake_1_Plane.cornerRadius = 0.01

            let cake_1_PlaneNode = SCNNode(geometry: cake_1_Plane)
            self.cake_1_PlaneNode = cake_1_PlaneNode
            cake_1_PlaneNode.eulerAngles.x = -.pi/2
            cake_1_PlaneNode.runAction(SCNAction.moveBy(x: 0.15, y: 0, z: -0.125, duration: 0.75))

            node.addChildNode(cake_1_PlaneNode)
            self.sceneView.scene.rootNode.addChildNode(node)                
        }  
   }       

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

    let touch = touches.first as! UITouch
    if(touch.view == self.sceneView){
        //print("touch working")
        let viewTouchLocation:CGPoint = touch.location(in: sceneView)
        guard let result = sceneView.hitTest(viewTouchLocation, options: nil).first else {
            return
        }

        if let planeNode = cake_1_PlaneNode, cake_1_PlaneNode == result.node{
            print("match")
            cake_1() 
        }
    }
}

func cake_1() {

    let plane = SCNPlane(width: 0.15  , height: 0.15)
    plane.firstMaterial?.diffuse.contents = UIColor.black.withAlphaComponent(0.75)

    let planeNodee = SCNNode(geometry: plane)
    planeNodee.eulerAngles.x = -.pi / 2
    planeNodee.runAction(SCNAction.moveBy(x: 0.21, y: 0, z: 0, duration: 0))

} //cake_1

点击此链接：Detect touch on SCNNode in ARKit。

Answer 1

查看代码，我可以看到几个问题（更不用说变量和方法的命名约定）。

首先，您正在创建一个Global Variable，您已声明如下：

var cake_1_PlaneNode : SCNNode? = nil

但是你在yourLocal中使用Global Variable和cake_1_PlaneNode作为你的Delegate Callback：

let cake_1_PlaneNode = SCNNode(geometry: cake_1_Plane)
self.cake_1_PlaneNode = cake_1_PlaneNode

这应该只是这样读：

self.cake_1_PlaneNode = SCNNode(geometry: cake_1_Plane)

其次，你将你的cake_1_PlaneNode添加到你的rootNode的ARSCNView而不是你检测到的ARImageAnchor，这可能是你不想做的事情，因为当检测到ARAnchor时：

您可以通过将几何体（或其他SceneKit功能）附加到此节点或添加子节点来为锚点提供可视内容。

因此，这种方法（除非你真的想这样做）是不必要的。

剩下的问题在于你的cake_1函数本身。

首先，你实际上并没有将planeNodee添加到你的sceneHierachy。

由于您尚未指定是否应将新初始化的planeNode直接添加到您的ARSCNView或childNode的cake_1_planeNode，您的function应包括以下其中一项：

self.sceneView.scene.rootNode.addChildNode(planeNodee)    
self.cake_1_planeNode.addChildNode(planeNodee)

此外，可能也没有必要旋转你的planeNodee，因为默认情况下SCNPlane是垂直渲染的。

由于您没有规定放置内容的位置，因此使用-.pi / 2可能是不必要的，因为这可能使其几乎看不见肉眼。

另一个问题也可能导致您在实际添加节点时没有看到您的节点是Z位置。

如果您在同一位置设置2个节点，您可能会遇到一个问题，如Z-fighting（您可以阅读更多有关here的信息）。因此，您可能应该在添加节点时稍微向前移动添加的节点，例如SCNVector3 (0,0,0.001)to说明了这一点。

基于所有这些要点，我在下面提供了一个完整的工作和评论示例：

import UIKit
import ARKit

//-------------------------
//MARK: - ARSCNViewDelegate
//-------------------------

extension ViewController: ARSCNViewDelegate {

    func renderer(_ renderer: SCNSceneRenderer, didAdd node: SCNNode, for anchor: ARAnchor) {

        //1. Check We Have An ARImageAnchor, Then Get It's Reference Image & Name
        guard let imageAnchor = anchor as? ARImageAnchor else { return }

        let detectedTarget = imageAnchor.referenceImage

        guard let detectedTargetName = detectedTarget.name  else { return }

        //2. If We Have Detected Our Virtual Menu Then Add The CakeOnePlane
        if detectedTargetName == "cakeMenu" {

            let cakeOnePlaneGeometry = SCNPlane(width: 0.045, height: 0.045)
            cakeOnePlaneGeometry.firstMaterial?.diffuse.contents = UIColor.cyan
            cakeOnePlaneGeometry.cornerRadius = 0.01

            let cakeOnPlaneNode = SCNNode(geometry: cakeOnePlaneGeometry)
            cakeOnPlaneNode.eulerAngles.x = -.pi/2

            //3. To Allow Us To Easily Keep Track Our Our Currently Added Node We Will Assign It A Unique Name
            cakeOnPlaneNode.name = "Strawberry Cake"

            node.addChildNode(cakeOnPlaneNode)
            cakeOnPlaneNode.runAction(SCNAction.moveBy(x: 0.15, y: 0, z: 0, duration: 0.75))


        }
    }
}

class ViewController: UIViewController {

    @IBOutlet var augmentedRealityView: ARSCNView!
    let augmentedRealitySession = ARSession()
    let configuration = ARWorldTrackingConfiguration()

    //------------------
    //MARK: - Life Cycle
    //------------------

    override func viewDidLoad() {
        super.viewDidLoad()

        setupARSession()
    }


    //-----------------
    //MARK: - ARSession
    //-----------------

    /// Runs The ARSession
    func setupARSession(){

        //1. Load Our Detection Images
        guard let detectionImages = ARReferenceImage.referenceImages(inGroupNamed: "AR Resources", bundle: nil) else { return }

        //2. Configure & Run Our ARSession
        augmentedRealityView.session = augmentedRealitySession
        augmentedRealityView.delegate = self
        configuration.detectionImages = detectionImages
        augmentedRealitySession.run(configuration, options: [.resetTracking, .removeExistingAnchors])

    }

    //--------------------
    //MARK: - Interaction
    //--------------------

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

        //1. Get The Current Touch Location & Perform An ARSCNHitTest To Check For Any Hit SCNNode's
        guard let currentTouchLocation = touches.first?.location(in: self.augmentedRealityView),
             let hitTestNode = self.augmentedRealityView.hitTest(currentTouchLocation, options: nil).first?.node else { return }

        //2. If We Have Hit Our Strawberry Cake Then We Call Our makeCakeOnNode Function
        if let cakeID = hitTestNode.name, cakeID == "Strawberry Cake"{

            makeCakeOnNode(hitTestNode)

        }
    }


    /// Adds An SCNPlane To A Detected Cake Target
    ///
    /// - Parameter node: SCNNode
    func makeCakeOnNode(_ node: SCNNode){

        let planeGeometry = SCNPlane(width: 0.15  , height: 0.15)
        planeGeometry.firstMaterial?.diffuse.contents = UIColor.black.withAlphaComponent(0.75)

        let planeNode = SCNNode(geometry: planeGeometry)
        planeNode.position = SCNVector3(0, 0, 0.001)
        planeNode.runAction(SCNAction.moveBy(x: 0.21, y: 0, z: 0, duration: 0))
        node.addChildNode(planeNode)

    }
}

这在我的设备上产生以下内容：

对于您的信息，这似乎表明您放置内容的计算是关闭的（除非当然这是期望的结果）。

正如您所看到的，所有内容都正确呈现，但是这些内容的间距非常大，因此您可能需要稍微平移设备，以便在进一步测试和开发时看到它们。

希望能帮助到你...

Answer 2

***请为变量和函数使用描述性和清晰的名称，这很难阅读和理解您的代码。你可以在这里阅读更多关于swift造型指南的信息：https://github.com/raywenderlich/swift-style-guide#naming

当用户触摸屏幕时，您正在创建新平面，但是您没有将该平面添加到场景中，因此“cake_1（）”函数仅创建新平面。当ARKit检测到图像时，它会自动创建一个空节点并将其添加到我们的场景中，位于检测到的图像的中心。我们必须首先保留对ARKit在检测到图像时为我们添加的节点的引用。将此变量添加到类的顶部：

var detectedImageNode: SCNNode?

然后在func渲染器（渲染器：didAdd node：，for anchor :)中添加以下行：

detectedImageNode = node

现在我们有了对节点的引用，我们可以轻松添加和删除其他节点。在cake_1（）的末尾添加以下行：

if let detectedImageNode = detectedImageNode {
    cake_1_PlaneNode?.removeFromParentNode()
    detectedImageNode.addChildNode(planeNodee)
}

您的最终代码应如下所示：

func renderer(_ renderer: SCNSceneRenderer, didAdd node: SCNNode, for anchor: ARAnchor) {

    guard let imageAnchor = anchor as? ARImageAnchor else { return }

    if let imageName  = imageAnchor.referenceImage.name {
        print(imageName)

        if imageName == "menu" {

            let cake_1_Plane = SCNPlane(width: 0.045, height: 0.045)
            cake_1_Plane.firstMaterial?.diffuse.contents = UIImage(named: "france")
            cake_1_Plane.cornerRadius = 0.01

            let cake_1_PlaneNode = SCNNode(geometry: cake_1_Plane)
            self.cake_1_PlaneNode = cake_1_PlaneNode
            cake_1_PlaneNode.eulerAngles.x = -.pi/2
            cake_1_PlaneNode.runAction(SCNAction.moveBy(x: 0.15, y: 0, z: -0.125, duration: 0.75))

            node.addChildNode(cake_1_PlaneNode)
            // No need to add the following line. The node is already added to the scene
            //self.sceneView.scene.rootNode.addChildNode(node)                
            detectedImageNode = node
        }
    }
}

func cake_1() {

        let plane = SCNPlane(width: 0.15  , height: 0.15)
        plane.firstMaterial?.diffuse.contents = UIColor.black.withAlphaComponent(0.75)

        let planeNodee = SCNNode(geometry: plane)
        planeNodee.eulerAngles.x = -.pi / 2

        if let detectedImageNode = detectedImageNode {
            cake_1_PlaneNode?.removeFromParentNode()
            detectedImageNode.addChildNode(planeNodee)
        }    
    }

替代方案

如果您只是想改变飞机的图像，那么更简单的方法就是改变飞机的纹理。将cake_1（）的内容替换为：

if let planeGeometry = cake_1_PlaneNode?.geometry {
    planeGeometry.firstMaterial?.diffuse.contents = UIImage(named: "newImage")
}

如何使用ARKit检测触摸并显示新的SCNPlane？

问题描述投票：6回答：2

2个回答

最新问题

如何使用ARKit检测触摸并显示新的SCNPlane？

问题描述 投票：6回答：2

2个回答

最新问题

问题描述投票：6回答：2