ios - iOS:如何使节点围绕 SceneKit 中的特定轴旋转
问题描述
我是 Swift 编程和 SceneKit 框架的新手。我正在尝试构建一个 Rubik's twist 应用程序,到目前为止,我所得到的是位于我相机中心的链。 魔方扭链
这就是我实现它的方式:
var snake = [SCNNode]()
var bounds_z = Float()
var bounds_x = Float()
var j = 0
for i in 0...11{
let piece_scene_1 = SCNScene(named: "piece.scnassets/piece.scn")!
let piece_scene_2 = SCNScene(named: "piece.scnassets/piece.scn")!
piece_scene_1.rootNode.childNodes[0].scale = SCNVector3(0.9, 0.9, 0.9)
piece_scene_2.rootNode.childNodes[0].scale = SCNVector3(0.9, 0.9, 0.9)
bounds_z = Float(2*(piece_scene_1.rootNode.childNodes[0].geometry?.boundingBox.max.z ?? 0.0))
bounds_x = Float(2*(piece_scene_1.rootNode.childNodes[0].geometry?.boundingBox.min.x ?? 0.0))
snake.append(piece_scene_1.rootNode.childNodes[0])
snake.append(piece_scene_2.rootNode.childNodes[0])
snake[j].name = "piece_\(j)"
snake[j+1].name = "piece_\(j+1)"
snake[j+1].rotation = SCNVector4(0, 1, 0, Float.pi)
snake[j].position = SCNVector3(x: Float(i)*bounds_x,y: Float(0),z: Float(i)*bounds_z)
snake[j+1].position = SCNVector3(x: Float(i)*bounds_x,y: Float(0),z: Float(i+1)*bounds_z)
scene.rootNode.addChildNode(snake[j])
scene.rootNode.addChildNode(snake[j+1])
j+=2
}
cameraNode.look(at: snake[(snake.count/2)-1].position)
我现在的问题是让一组部件在点击时旋转。我的想法是制作一个容器节点,在被点击的节点之前添加所有节点,然后围绕被点击的片面的法线轴旋转容器(与容器相邻)。这是我的尝试:
@objc func handleTap(_ gestureRecognize: UIGestureRecognizer){
let sceneView = self.view as! SCNView
let p = gestureRecognize.location(in: sceneView)
let hitResults = sceneView.hitTest(p, options: [:])
if hitResults.count > 0 {
// retrieved the first clicked object
let result: SCNHitTestResult = hitResults[0]
let container = SCNNode()
let id_name = result.node.name
let id_array = id_name?.components(separatedBy: CharacterSet.decimalDigits.inverted)
// add nodes to container
for item in id_array! {
if let id = Int(item){
for i in 0...id-1{
container.addChildNode(scene.rootNode.childNode(withName: "piece_\(i)", recursively: true)!)
}
// add container to scene
scene.rootNode.addChildNode(container)
// get container orientation
var GLKQuat = GLKQuaternionMake(container.orientation.x, container.orientation.y, container.orientation.z, container.orientation.w)
// get future orientation
let multiplier = GLKQuaternionMakeWithAngleAndAxis(Float.pi/2, 0, 0, 1)
// assign new orientation to container
GLKQuat = GLKQuaternionMultiply(GLKQuat, multiplier)
container.orientation = SCNQuaternion(GLKQuat.x, GLKQuat.y, GLKQuat.z, GLKQuat.w)
// maintain childs position after rotation
for childnode in container.childNodes{
let child_transform = childnode.parent!.convertTransform(childnode.transform, to: scene.rootNode)
childnode.removeFromParentNode()
childnode.transform = child_transform
scene.rootNode.addChildNode(childnode)}
}
}
}
}
问题是因为容器是一个scene.rootNode.child,会像这样围绕它的z轴旋转: Rubiks twist chain after rotation
解决方案
经过几天的努力,我终于找到了解决方案:
let container = SCNNode()
for i in 0...id-1{
container.addChildNode(scene.rootNode.childNode(withName: "piece_\(i)", recursively: true)!)
}
container.name = "body_to_rotate"
// add the container to scene root node
scene.rootNode.addChildNode(container)
// transform from container to tapped node
let container_transform = container.parent!.convertTransform(container.transform, to: result.node)
container.transform = container_transform
// add container as child node to tapped node
result.node.addChildNode(container)
// make the rotation happen
let old_rotation = result.node.orientation
var quat_rot = GLKQuaternionMake(old_rotation.x, old_rotation.y, old_rotation.z, old_rotation.w)
let multiplier = GLKQuaternionMakeWithAngleAndAxis(Float.pi/2, 0, 0, 1)
quat_rot = GLKQuaternionMultiply(quat_rot, multiplier)
result.node.orientation = SCNQuaternion(quat_rot.x, quat_rot.y, quat_rot.z, quat_rot.w)
for childnode in container.childNodes{
let child_transform = childnode.parent!.convertTransform(childnode.transform, to: scene.rootNode)
childnode.removeFromParentNode()
childnode.transform = child_transform
scene.rootNode.addChildNode(childnode)
}
// delete container
container.removeFromParentNode()
推荐阅读
- reactjs - 在哪里或如何将 Laravel 护照中的访问令牌存储在反应中
- google-cloud-platform - 为什么我在尝试设置 Google 安全浏览数据库时收到“未找到 sbserver”错误?
- web - 闪电格式化日期时间 - 显示上一个日期 (LWC)
- elasticsearch - 使用 NestJS/Elastic 对服务进行单元测试的正确方法是什么
- c++ - C++ 中的并行向量/数组比较
- python - 联立方程求解器,4 个方程 4 个未知数
- javascript - 自定义 ant design 的表格搜索功能,这样数字搜索将返回小于或大于,而不仅仅是等于
- java - 从 PHP 到 Java (Android) 的加密:如何修复错误“错误的最终块长度”?
- scala - 一个方法的两个具有相同名称的隐式定义
- amazon-iam - CodePipeline ECS 蓝/绿部署跨账户失败并出现 PermissionError