如何在 ARkit 场景 iOS 中添加具有文本的 2dView答案

【问题标题】：How can i add a 2dView having text in ARkit scene iOS如何在 ARkit 场景 iOS 中添加具有文本的 2dView
【发布时间】：2018-01-01 05:02:54
【问题描述】：

如何在 ARkit 场景 iOS 中添加包含文本的 2dView。如何在旋转节点时不会旋转的节点顶部添加该视图。

【问题讨论】：

标签： ios swift scenekit arkit

【解决方案1】：

您可以添加SCNPlane 并使用SCNLookAtConstraint 以使飞机始终看着相机。

您可以创建自定义材质并将其设置为 material properties 为：

一种颜色（UIColor 或 CGColor），指定材质表面的恒定颜色一个数字（

图像（UIImage 或 CGImage），指定要映射到材质表面的纹理

核心动画层 (CALayer)

纹理（SKTexture、MDLTexture、MTLTexture 或 GLKTextureInfo）

SpriteKit 场景 (SKScene)

您也可以使用 CoreAnimation 或 SpriteKit 显示动画内容，但是

SceneKit 不能使用已经在别处显示的层（例如，UIView 对象的支持层）

这是一个使用 SpriteKit 的示例：

创建您的 SpriteKit 场景：

例如：

let skScene = SKScene(size: CGSize(width: 200, height: 200))
skScene.backgroundColor = UIColor.clear

let rectangle = SKShapeNode(rect: CGRect(x: 0, y: 0, width: 200, height: 200), cornerRadius: 10)
rectangle.fillColor = #colorLiteral(red: 0.807843148708344, green: 0.0274509806185961, blue: 0.333333343267441, alpha: 1.0)
rectangle.strokeColor = #colorLiteral(red: 0.439215689897537, green: 0.0117647061124444, blue: 0.192156866192818, alpha: 1.0)
rectangle.lineWidth = 5
rectangle.alpha = 0.4
let labelNode = SKLabelNode(text: "Hello World")
labelNode.fontSize = 20
labelNode.fontName = "San Fransisco"
labelNode.position = CGPoint(x:100,y:100)
skScene.addChild(rectangle)
skScene.addChild(labelNode)

创建您的平面并将场景设置为您的材质属性

例如

let plane = SCNPlane(width: 20, height: 20)
let material = SCNMaterial()
material.isDoubleSided = true
material.diffuse.contents = skScene
plane.materials = [material]
let node = SCNNode(geometry: plane)
scene.rootNode.addChildNode(node)

动画场景

例如

labelNode.run(SKAction.repeatForever(SKAction.rotate(byAngle: .pi, duration: 2)))

【讨论】：

感谢您在我在 ARKit 示例中添加此代码时的回复，当我尝试在我的场景中添加平面节点时它终止 self.sceneView.scene.rootNode.addChildNode(node) 它给出此错误“validateDepthStencilState: 3675：断言失败 `MTLDepthStencilDescriptor 使用 frontFaceStencil 但 MTLRenderPassDescriptor 有一个 nil stencilAttachment 纹理'" 有什么想法吗？请帮忙
我只在 SceneKit 操场上测试了代码。我不知道为什么它不应该在 ARKit 中工作
谢谢！我已经在没有动画的情况下将它实现到我的 AR 测试用例中。当我运行它时，SKLabelNode 的文本被镜像。你知道为什么吗？在这里，您可以对我试图描述的内容有所了解； imgur.com/a/RwZn4
@Mysiaq 我已经切换回“查看为图像”方法。请参见此处：gist.github.com/katunch/d251ad400911c6381b37c855da36cff7
如果您停止旋转动作，您的文字将显示为颠倒。要解决它，您需要在第 2 步中添加 material.diffuse.contentsTransform = SCNMatrix4Translate(SCNMatrix4MakeScale(1, -1, 1), 0, 1, 0)。

【解决方案2】：

可能值得一提的是，您还可以将其他一些东西用于内容...可以在此处找到列表... https://developer.apple.com/documentation/scenekit/scnmaterialproperty/1395372-contents

我尝试了上面答案中的代码，它运行良好，但降低了我的 FPS，因为我有很多节点需要它。而且 SKScene 可能很重。

我能够将 SKView 与 SKLabelNode 一起使用，但问题是文本不会在视觉上更新，我的猜测是我每次都必须调用 texture(from:) 并且我认为这就像慢 SKView 纹理（来自：） https://developer.apple.com/documentation/spritekit/skview/1520114-texture

我看到了另一种使用 CALayer 的方法，但我认为 id 在更改文本时遇到了同样的问题，所以我只使用了 SCNText。

另外值得一提的是 SCNBillboardConstraint 作为 LookatConstraint 的替代品 https://developer.apple.com/documentation/scenekit/scnbillboardconstraint

【讨论】：