如何将 SCNNode 旋转多个角度？

Question

我在SCNView 中有一个圆柱体作为SCNCylinder。我想将圆柱体旋转多个给定的角度。我正在使用 SwiftUI 提供所需的输入（旋转角度）。假设我给它一个输入 90° 。目前它可以轻松旋转 90°，但如果我给它第二个输入 180°，它会回到原来的位置，然后旋转 180°。我希望它从旋转 90° 后的位置旋转 180°。

这是我的代码：

struct ContentView: View {
 @State var rotationAngle: Float = 0
 var body: some View {

    VStack{

        Text("180°").onTapGesture {
            self.rotationAngle = 180.0
        }

        Divider()

        Text("90°").onTapGesture {
            self.rotationAngle = 90.0
        }

        SceneKitView(angle: $rotationAngle)
            .position(x: 225.0, y: 175)
            .frame(width: 300, height: 300, alignment: .center)

    }
  }    
}

struct SceneKitView: UIViewRepresentable {
  @Binding var angle: Float


func degreesToRadians(_ degrees: Float) -> CGFloat {
    return CGFloat(degrees * .pi / 180)
}

func makeUIView(context: UIViewRepresentableContext<SceneKitView>) -> SCNView {

    let sceneView = SCNView()
    sceneView.scene = SCNScene()
    sceneView.allowsCameraControl = true
    sceneView.autoenablesDefaultLighting = true
    sceneView.backgroundColor = UIColor.white
    sceneView.frame = CGRect(x: 0, y: 10, width: 0, height: 1)

    return sceneView
}

func updateUIView(_ sceneView: SCNView, context: UIViewRepresentableContext<SceneKitView>) {

        sceneView.scene?.rootNode.enumerateChildNodes { (node, stop) in
            node.removeFromParentNode() }


        let cylinder = SCNCylinder(radius: 0.02, height: 2.0)
        let cylindernode = SCNNode(geometry: cylinder)
        cylindernode.position = SCNVector3(x: 0, y: 0, z: 0)
        cylinder.firstMaterial?.diffuse.contents = UIColor.green


        cylindernode.pivot = SCNMatrix4MakeTranslation(0, -1, 0)




        let rotation = SCNAction.rotate(by: self.degreesToRadians(self.angle),
                                        around: SCNVector3(1, 0, 0), duration: 5)



         cylindernode.runAction(rotation)


        sceneView.scene?.rootNode.addChildNode(cylindernode)

   }      

无论我给它多少角度，我都希望它能够正确旋转。

Answer 1

明确地说，您希望每次按下按钮时圆柱体都从当前位置继续旋转不让圆柱体转到固定的 90 或 180 位置。

因为您当前的代码似乎已设置为执行第二件事（rotate:by 除外）。旋转角度保持为固定状态。确实，您应该向节点发送旋转命令，而不会将其旋转的量保留在状态变量中。

但是，使用您现在拥有的代码：

在updateUIView 中坚持只更新你的节点。现在，每次rotationAngle 更改时，您都在拆除整个节点层次结构并将其重新创建到其原始位置。这可能就是为什么事情正在重绘。 而是在 makeUIView 或 SceneKitView 的初始化程序中进行设置，在 updateUIView 中只应用新的旋转。

第二个问题是，当你通过按下按钮设置rotationAngle 说 180 时，如果再次按下相同的按钮，值再次设置为 180。就 SwiftUI 而言，该值没有改变，无需致电updateUIView。有几种方法可以让它更新，但一种快速简单的方法可能是先旋转 0，然后再旋转你想要的角度。 但是你真的不应该在状态变量中保持这个角度。最好在SceneKitView 中创建一个rotateCylinder(angle: Angle) 函数并从按钮调用它。

另外，为什么不使用新的Angle 类型呢？这是您的代码，其中包含一些更改。我认为这是你想要做的，但我可能是错的。

import SwiftUI
import UIKit
import SceneKit

struct ContentView: View {

  @State var rotationAngle: Angle = .zero

  var body: some View {

    VStack{

      HStack {

        Spacer()
        Text("180°").onTapGesture {
          self.rotationAngle = .zero
          self.rotationAngle = .degrees(180)
        }
        Spacer()

        Divider()

        Spacer()
        Text("90°").onTapGesture {
          self.rotationAngle = .zero
          self.rotationAngle = .degrees(90)
        }
        Spacer()

        }.frame(height: 100).padding()

      SceneKitView(radius: 0.2, height: 2, angle: $rotationAngle)

    }
  }
}

struct SceneKitView: UIViewRepresentable {

  @Binding var angle: Angle

  let node: SCNNode

  init(radius: CGFloat, height: CGFloat, angle: Binding<Angle>) {

    let cylinder = SCNCylinder(radius: radius, height: height)
    cylinder.firstMaterial?.diffuse.contents = UIColor.green
    self.node = SCNNode(geometry: cylinder)

    self._angle = angle
  }

  func makeUIView(context: UIViewRepresentableContext<SceneKitView>) -> SCNView {

    let sceneView = SCNView()
    sceneView.scene = SCNScene()
    sceneView.autoenablesDefaultLighting = true
    sceneView.scene?.rootNode.addChildNode(node)

    return sceneView
  }

  func updateUIView(_ sceneView: SCNView, context: UIViewRepresentableContext<SceneKitView>) {
    print("Updating view \(angle.degrees)")

    // To continue rotating
    let rotation = SCNAction.rotate(by: CGFloat(angle.radians), around: SCNVector3(1, 0, 0), duration: 3)

    // To go to a fixed angle state
    //let rotation = SCNAction.rotate(toAxisAngle: SCNVector4(1, 0, 0, angle.radians), duration: 3)

    node.runAction(rotation)

  }

}