ios - SceneKit + ARKit:无需相机滚动的广告牌
问题描述
我正在尝试使用 SceneKit 和 ARKit 绘制一个广告牌四边形。我有基本的广告牌工作,但是当我转动相机时,广告牌也会旋转到位。当我将相机向左滚动时,该视频显示了这一点(笑脸是广告牌):
相反,我希望广告牌仍然面向相机,但在场景中保持垂直方向,无论相机在做什么
这是我计算广告牌的方法:
// inside frame update function
struct Vertex {
var position: SIMD3<Float>
var texCoord: SIMD2<Float>
}
let halfSize = Float(0.25)
let cameraNode = sceneView.scene.rootNode.childNodes.first!
let modelTransform = self.scnNode.simdWorldTransform
let viewTransform = cameraNode.simdWorldTransform.inverse
let modelViewTransform = viewTransform * modelTransform
let right = SIMD3<Float>(modelViewTransform[0][0], modelViewTransform[1][0], modelViewTransform[2][0]);
let up = SIMD3<Float>(modelViewTransform[0][1], modelViewTransform[1][1], modelViewTransform[2][1]);
// drawBuffer is a MTL buffer of vertex data
let data = drawBuffer.contents().bindMemory(to: ParticleVertex.self, capacity: 4)
data[0].position = (right + up) * halfSize
data[0].texCoord = SIMD2<Float>(0, 0)
data[1].position = -(right - up) * halfSize
data[1].texCoord = SIMD2<Float>(1, 0)
data[2].position = (right - up) * halfSize
data[2].texCoord = SIMD2<Float>(0, 1)
data[3].position = -(right + up) * halfSize
data[3].texCoord = SIMD2<Float>(1, 1)
这再次使广告牌正确地面向相机,但是当我滚动相机时,广告牌会随之旋转。
我想要的是让广告牌指向相机,但保持其在世界上的方向。对于如何解决这个问题,有任何的建议吗?
请注意,我的代码示例已简化,因此我不能使用SCNBillboardConstraint
或类似的东西;我需要能够自己计算广告牌
解决方案
这是我想出的解决方案:创建一个与相机的位置和旋转相匹配的新节点,但没有任何滚动:
let tempNode = SCNNode()
tempNode.simdWorldPosition = cameraNode.simdWorldPosition
// This changes the node's pitch and yaw, but not roll
tempNode.simdLook(at: cameraNode.simdConvertPosition(SIMD3<Float>(0, 0, 1), to: nil))
let view = tempNode.simdWorldTransform.inverse
let modelViewTransform = view * node.simdWorldTransform
这使广告牌在世界空间中指向上方,即使在相机滚动时也是如此。
实际上,我之前曾尝试通过设置来执行此tempNode.eulerAngles.z = 0
操作,但这似乎以意想不到的方式影响了变换矩阵的其余部分
可能有一种方法可以在不创建临时节点的情况下做到这一点,但这对我来说已经足够好了
推荐阅读
- gojs - gojs addNodeData 函数不会将节点添加到图表
- c++ - 在 C++ 中,是否可以定义一个具有不同代码块的函数,以通过另一个函数执行和传递?
- vuejs2 - Have to import axios in any *.vue file of vue/cli 4.0.5 app
- postgresql - postgresql 插入到从 json 中选择
- c++ - C++ 嵌套模板结构
- javascript - Why doesn't a css transition fire immediately after display change
- c++ - C++ CppCheck算法建议(std::find_if代替原始循环)相关性
- javascript - 如何使用 Vue Composition API / Vue 3 观察道具变化?
- python - Display the number of substrings along with the substring
- python - 有没有办法将 matlab 数组与 python 连接起来(例如使用 scipy.io)?