[SWIFT] Cursoranzeige beim Platzieren von Objekten mit ARKit + SceneKit

Informationen zum Cursor, der angezeigt werden soll, wenn ein beliebiges Objekt in AR platziert wird.

Was du machen willst

Dies ist eine Standard-Mess-App. keisoku_app.png

Cursor transformieren

Führen Sie einen Treffertest an den Mittelkoordinaten des Bildschirms durch und legen Sie ihn basierend auf der erfassten "worldTransform" fest. Die Position des Treffers mit "hitTest (_: types :)" von "ARSCNView" kann von "worldTransform" von "ARHitTestResult" abgerufen werden. Dies ist also die Position und Ausrichtung des Cursors. Wenn der Cursor auf "SCNPlane" gesetzt ist und die Position / Ausrichtung des Cursors = die Position / Ausrichtung des Treffers ist, stört dies die Geometrie der Ebene und flackert, sodass der Aufwärtsvektor der Ebene "worldTransform.columns.1" Verwenden Sie `, um die Position des Cursors anzupassen.

//0 in Richtung (UP) zur Ebene.Stellen Sie den Cursor auf eine um 01 m verschobene Position
cursorTransform.columns.3 += worldTransform.columns.1 * 0.01
self.cursorNode.simdTransform = cursorTransform

Beachten Sie, dass die Skalierung zurückgesetzt wird, wenn der SCNNode skaliert wird ( scale ≠ (1.0,1.0,1.0)), da die Transformation gesetzt ist. In diesem Fall setzen Sie worldTransform.columns.0 ~ 2 multipliziert mit dem Skalierungsverhältnis zu cursorTransform.columns.0 ~ 2.

Es ist fertig

Es hat eine Pyramidenform, so dass die Aufwärtsrichtung des Cursors leicht zu verstehen ist. demo.gif

Quellcode

ViewController.swift


import ARKit
import SceneKit

class ViewController: UIViewController, ARSCNViewDelegate {

    @IBOutlet weak var scnView: ARSCNView!
    
    private let device = MTLCreateSystemDefaultDevice()!
    private let cursorNode = SCNNode()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //AR-Sitzung gestartet
        self.scnView.delegate = self
        let configuration = ARWorldTrackingConfiguration()
        configuration.planeDetection = [.horizontal, .vertical]
        self.scnView.session.run(configuration, options: [.removeExistingAnchors, .resetTracking])
        //Vorbereitung des Cursorknotens
        let pyramid = SCNPyramid(width: 0.1, height: 0.03, length: 0.1)
        pyramid.firstMaterial!.diffuse.contents = UIColor.yellow
        self.cursorNode.geometry = pyramid
        self.scnView.scene.rootNode.addChildNode(self.cursorNode)
        self.cursorNode.isHidden = true
    }
    //
    //Anker hinzugefügt
    //
    func renderer(_: SCNSceneRenderer, didAdd node: SCNNode, for anchor: ARAnchor) {
        guard let planeAnchor = anchor as? ARPlaneAnchor else { return }

        //Knoten für planare Geometrie hinzugefügt
        guard let geometory = ARSCNPlaneGeometry(device: self.device) else { return }
        geometory.update(from: planeAnchor.geometry)
        let material = SCNMaterial()
        material.lightingModel = .physicallyBased
        material.diffuse.contents = UIColor.red.withAlphaComponent(0.7)
        geometory.materials = [material]
        let planeNode = SCNNode(geometry: geometory)
        DispatchQueue.main.async {
            node.addChildNode(planeNode)
        }
    }
    //
    //Anker aktualisiert
    //
    func renderer(_: SCNSceneRenderer, didUpdate node: SCNNode, for anchor: ARAnchor) {
        guard let planeAnchor = anchor as? ARPlaneAnchor else { return }
        
        DispatchQueue.main.async {
            for childNode in node.childNodes {
                //Ebenengeometrie aktualisieren
                guard let planeGeometry = childNode.geometry as? ARSCNPlaneGeometry else { continue }
                planeGeometry.update(from: planeAnchor.geometry)
                break
            }
        }
    }
    //
    //Bild für Bild aufgerufen
    //
    func renderer(_ renderer: SCNSceneRenderer, updateAtTime _: TimeInterval) {
        DispatchQueue.main.async {
            //Hit Test in der Mitte des Bildschirms
            let bounds = self.scnView.bounds
            let screenCenter =  CGPoint(x: bounds.midX, y: bounds.midY)
            let results = self.scnView.hitTest(screenCenter, types: [.existingPlaneUsingGeometry])
            guard let existingPlaneUsingGeometryResult = results.first(where: { $0.type == .existingPlaneUsingGeometry }),
                  let _ = existingPlaneUsingGeometryResult.anchor as? ARPlaneAnchor else {
                //Cursor ausblenden
                self.cursorNode.isHidden = true
                return
            }
            
            //Veröffentlichen Sie die Transformation der Trefferposition in der Transformation des Cursors
            let worldTransform = existingPlaneUsingGeometryResult.worldTransform
            var cursorTransform = worldTransform
            //0 in Richtung (UP) zur Ebene.Stellen Sie den Cursor auf eine um 01 m verschobene Position
            cursorTransform.columns.3 += worldTransform.columns.1 * 0.01
            self.cursorNode.simdTransform = cursorTransform
            
            self.cursorNode.isHidden = false
        }
    }
}

Recommended Posts

Cursoranzeige beim Platzieren von Objekten mit ARKit + SceneKit
Bodenkollaps mit ARKit + SceneKit
Optische Tarnung mit ARKit + SceneKit + Metal ①
Surfen im Internet mit ARKit + SceneKit + Metal
Optische Tarnung mit ARKit + SceneKit + Metal ②
Wechseln Sie den Bildschirm, wenn Sie mit jQuery über eine Registerkarte fahren