如何在Scenekit中的3D模型上添加单词(注释)?

时间:2019-02-12 08:59:29

标签: ios objective-c uikit scenekit

我使用Scenekit在我的应用程序中显示了3D模型。该模型可以通过手势旋转,缩放,移动。现在,我需要在屏幕上添加一些注释,以解释模型的每个部分是什么(例如心脏模块,包括心肌,血管...)。注释应始终跟随模型的一部分,当模型转换时,和单词的大小不会改变,始终面向用户。但是我不知道该怎么实现。

我的想法是使 3D世界坐标转换为屏幕坐标,并在SCNView上添加UILabels,在模型转换时,更改UILabels框架。但是我不知道如何进行坐标转换。 当然,我不知道这可能是更好的方法。 谢谢。

1 个答案:

答案 0 :(得分:0)

此代码段摘自ARKit项目,但是关于在SCNNode上附加文本标签并始终面向用户的问题,这就是您需要的-

func renderer(_ renderer: SCNSceneRenderer, nodeFor anchor: ARAnchor) -> SCNNode? {
        guard let featureAnchor = anchor as? FeatureAnchor else {
            return nil
        }
        let feature = featureAnchor.feature

        let billboardConstraint = SCNBillboardConstraint()
        billboardConstraint.freeAxes = SCNBillboardAxis.Y

        let sphere = SCNSphere(radius: Global.dotRadius)
        sphere.firstMaterial?.transparency = Global.annotationTransparency
        sphere.firstMaterial?.diffuse.contents = UIColor.yellow
        sphere.firstMaterial?.specular.contents = UIColor.white
        let node = SCNNode(geometry: sphere)
        node.constraints = [billboardConstraint]

        let text = SCNText(string: feature.description, extrusionDepth: Global.textDepth)
        text.chamferRadius = Global.textDepth
        text.firstMaterial?.transparency = Global.annotationTransparency
        text.firstMaterial?.diffuse.contents = UIColor.green
        text.firstMaterial?.specular.contents = UIColor.white
        text.firstMaterial?.isDoubleSided = true
        text.font = Global.textFont
        text.alignmentMode = kCAAlignmentCenter

        let (min, max) = text.boundingBox
        let dx: Float = (max.x - min.x) / 2.0 // x = center
        let dy: Float = min.y // y = bottom
        let dz: Float = Float(Global.textDepth) / 2.0 // z = center

        let textNode = SCNNode(geometry: text)
        textNode.pivot = SCNMatrix4MakeTranslation(dx, dy, dz)
        textNode.scale = SCNVector3Make(Global.textScale, Global.textScale, Global.textScale)

        node.addChildNode(textNode)

        return node
    }