ARKit__2_尺子项目 - HelloWorld开发者社区

一、ARkit尺子项目学到了什么？

先看效果，如下图:

ARKit__2_尺子项目

1.SCNVector3本质就是一个三维坐标
2.画线的步骤就是：拿到2个坐标 --> 选择“线”这个“几何” --> 渲染--> 最后生成节点。这个过程待会会详细的代码解释。
3.坐标之间的转换，世界坐标、摄像头。这个和SLAM里面的很类似。
4.SCNText，一个很特殊的“几何”，如图中的8.52cm就是用SCNText表示的，当然最后都会放到节点里面去。
5.对节点的使用更加的清晰，每个点、每根线、以及描述的text都会被添加到节点，然后ARSCNView的scene.rootNode.addChildNode(node)

二、下面开始具体的讲解整个实现的逻辑和流程。

先解释下：图中的白色"+"是始终位于屏幕的正中间的，整个项目都是以这个点为瞄准点。

开始第一步：

extension ARSCNView {
    //拿到三维坐标
    func worldVector(for position:CGPoint) ->SCNVector3?{
        let results = self.hitTest(position, types: [.featurePoint])
        guard let result = results.first else {
            return nil
        }
        // 获取点的坐标，类型是matrix_float4x4 ,调这个方法就可以拿到相机的镜头
        return SCNVector3.positionTransform(result.worldTransform)
    }
}

//  拿到镜头的坐标
    static func positionTransform(_ transform: matrix_float4x4) -> SCNVector3{

        return SCNVector3Make(transform.columns.3.x, transform.columns.3.y, transform.columns.3.z)

    }

1.点击手机屏幕，然后获取到一个CGPoint，
2.通过 self.hitTest(position, types: [.featurePoint]).first 就拿到一个为matrix_float4x4类型的坐标。
3.通过positionTransform方法得到镜头的坐标。

实话里面到底是如何实现的，我也很想知道。我通过之前对SLAM的学习，大概知道，里面的矩阵变换的过程。对于iOS开发者，知道需要转换即可，具体的深究留到自己对AR的掌握到了一定程度的时候会比较好。

第二步：画线

//画线的方法
    func drawLine( vector: SCNVector3, color:UIColor) -> SCNNode {
        let indices: [UInt32] = [0,1] // 指数           //0指：一维，表示点       //1指：二维，表示线
        //数据来源
        let source = SCNGeometrySource(vertices: [self,vector])
        //画什么样的几何---选择线
        let element =  SCNGeometryElement(indices: indices, primitiveType: .line)
        let geometry = SCNGeometry(sources: [source], elements: [element])
        geometry.firstMaterial?.diffuse.contents = color
        let node = SCNNode(geometry: geometry)
        return node
    }

1.数据源：两个坐标
2.选择几何模型--线
3.生成节点

第三步：什么时候绘制了？

实在ARSCNViewDelegate中的渲染方法里面进行绘制。具体代码：

{
    func renderer(_ renderer: SCNSceneRenderer, updateAtTime time: TimeInterval) {     
        DispatchQueue.main.async {
            self.scanWorld()
        }
    }

//扫描外部真实世界，开始测量
    func scanWorld() {
        //我们以中间点为开始点，也就是那个十字标图片指的点为开始的点。
        guard let worldPosition = sceneView.worldVector(for: view.center) else {
            return
        }
             vectorStart = worldPosition
              currentLine = Line.init(sceneView: self.sceneView, startVector: vectorStart, unit: self.unit)
            //设置结束的节点
            vectorEnd = worldPosition
            currentLine?.update(to: vectorEnd)
            infoLabel.text = currentLine?.distance(to: vectorEnd) ?? "是同一个点"    
        }
    }

进行扫描真实的世界，在scanWorld()方法里面调用绘制的方法进行绘制。