向右滑动时如何旋转到 3d 立方体的另一个面 [英] How to rotate to another face of 3d cube when swiped right

问题描述

我使用 SceneKit 创建了一个 3d 立方体，并添加了一个手势来识别向右滑动.但是，我不知道向右滑动时如何将立方体旋转到另一个面.我不希望立方体在滑动时连续旋转，只移动到右侧的另一个面.很抱歉有任何混淆.

I created a 3d cube using SceneKit and added a gesture to recognize swiping right. But, I do not know how to rotate the cube to another face when swiped right. I do not want the cube to rotate continuously when swiped, only moving to another face that is on the right side. Sorry for any confusions.

这是我创建多维数据集的代码:

Here is my code where I created cube:

import UIKit
import SceneKit

class ViewController: UIViewController {
// UI
@IBOutlet weak var geometryLabel: UILabel!
@IBOutlet weak var sceneView: SCNView!
// Geometry
var geometryNode: SCNNode = SCNNode()

// Gestures
var currentAngle: Float = 0.0

// MARK: Lifecycle
override func viewDidLoad() {
  super.viewDidLoad()

}

override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)

// MARK: Scene

sceneSetup()


}

func sceneSetup() {

    let scene = SCNScene()
    sceneView.scene = scene
    sceneView.allowsCameraControl = false
    sceneView.autoenablesDefaultLighting = true

    let cameraNode = SCNNode()
    cameraNode.camera = SCNCamera()
    cameraNode.position = SCNVector3Make(0, 0, 25)
    scene.rootNode.addChildNode(cameraNode)

    var geometries = [
        SCNBox(width: 8.0, height: 8.0, length: 8.0, chamferRadius: 1.0)
    ]

    var materials = [SCNMaterial]()

    for i in 1...6 {
        let material = SCNMaterial()

        if i == 1 { material.diffuse.contents = UIColor(red:0.02, green:0.98, blue:0.98, alpha:1.0) }
        if i == 2 { material.diffuse.contents = UIColor(red:0.02, green:0.98, blue:0.98, alpha:1.0) }
        if i == 3 { material.diffuse.contents = UIColor(red:0.02, green:0.98, blue:0.98, alpha:1.0) }
        if i == 4 { material.diffuse.contents = UIColor(red:0.02, green:0.98, blue:0.98, alpha:1.0) }
        if i == 5 { material.diffuse.contents = UIColor(red:0.02, green:0.98, blue:0.98, alpha:1.0) }
        if i == 6 { material.diffuse.contents = UIColor(red:0.02, green:0.98, blue:0.98, alpha:1.0) }

        materials.append(material)
    }

    for i in 0..<geometries.count {
        let geometry = geometries[i]
        let node = SCNNode(geometry: geometry)

        node.geometry?.materials = materials

        scene.rootNode.addChildNode(node)
    }


    let swipeRight: UISwipeGestureRecognizer = UISwipeGestureRecognizer(target: self, action: #selector(respondToSwipeGesture(gesture:)))
    swipeRight.direction = .right
    sceneView.addGestureRecognizer(swipeRight)


}

识别时向右滑动手势的功能:

Function for swipe right gesture when recognize:

func respondToSwipeGesture(gesture: UIGestureRecognizer) {


    if let swipeGesture = gesture as? UISwipeGestureRecognizer {


        switch swipeGesture.direction {

            case UISwipeGestureRecognizerDirection.right:

                print("Swiped Right")

            default:

                break
        }
    }
}

推荐答案

您需要使用 SCNAction.rotate 获取节点旋转的当前 w 值并添加您想要的角度量，使用这 2 个扩展来转换为弧度和从弧度，将我的 self.shipNode 替换为您的立方体节点，并根据需要更改轴，考虑到 SCNVector4Make 句子中的第一个 0 是X轴

You need to use a SCNAction.rotate getting the current w value of the node rotation and adding the amount of angle you want, using this 2 extensions for converting to Radians and from Radians, replace my self.shipNode by your cube node, and change the axis if you need to, taking in account that the first 0 in the SCNVector4Make sentence is X axis

这是一个例子

extension Int {
    var degreesToRadians: Double { return Double(self) * .pi / 180 }
    var radiansToDegrees: Double { return Double(self) * 180 / .pi }
}

extension FloatingPoint {
    var degreesToRadians: Self { return self * .pi / 180 }
    var radiansToDegrees: Self { return self * 180 / .pi }
}

@objc func handleTap(_ gestureRecognize: UIGestureRecognizer) {
    //here we rotate the ship node 30 grades in the Y axis each time
    self.shipNode?.runAction(SCNAction.rotate(toAxisAngle: SCNVector4Make(0, 1, 0, (self.shipNode?.rotation.w)! + Float(30.degreesToRadians)), duration: 1))
}

要向下旋转，您只需更改旋转轴你可以使用这个

To rotate down you only have to change the axis of the rotation you can use this

- (void) handleTap:(UIGestureRecognizer*)gestureRecognize
{

     [self.ship runAction:[SCNAction rotateToAxisAngle:SCNVector4Make(1, 0, 0, [self getRadiansFromAngle:[self getAngleFromRadian:self.ship.rotation.w] + 30]) duration:1]];
}

更新使用您的代码您需要使用 SCNAction.rotate(by: #Float, around: #SCNVector3, duration: #duration) 方法代替，下面是您的要求的完整代码

UPDATED Using your code You need to use SCNAction.rotate(by: #Float, around: #SCNVector3, duration: #duration) method instead, below is the full code for your requeriments

@objc func respondToSwipeGesture(gesture: UIGestureRecognizer) {


        if let swipeGesture = gesture as? UISwipeGestureRecognizer {


            switch swipeGesture.direction {

                case UISwipeGestureRecognizerDirection.right:

                    print("Swiped Right")

                geometryNode.runAction(SCNAction.rotate(by: CGFloat(90.degreesToRadians), around: SCNVector3Make(0, 1, 0), duration: 0.2))


                case UISwipeGestureRecognizerDirection.left:

                    print("Swiped Left")
                    geometryNode.runAction(SCNAction.rotate(by: CGFloat(-90.degreesToRadians), around: SCNVector3Make(0, 1, 0), duration: 0.2))

                case UISwipeGestureRecognizerDirection.down:

                    print("Swiped Down")
                   geometryNode.runAction(SCNAction.rotate(by: CGFloat(90.degreesToRadians), around: SCNVector3Make(1, 0, 0), duration: 0.2))
                default:

                    break
            }
        }
    }

这篇关于向右滑动时如何旋转到 3d 立方体的另一个面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！