Wie man einen SKNode dreht, ohne seine Position zu ändern?

Question

Ich habe eine SKNode, die aus 4 SKSpriteNodes besteht, die eine quadratische Form bilden (ich hoffe, ich schreibe es richtig). Jede Seite des Quadrats hat eine andere Farbe, und ich versuche, das ganze Quadrat zu drehen, ohne seine Position zu verändern. Die Art, wie ich versuche, führt immer dazu, dass sie ihre Position ändert, wenn sie mit der Rotation beginnt. Dies ist, wie ich es angesprochen:

import SpriteKit 

class GameScene: SKScene, SKPhysicsContactDelegate { 

    var shape = SKNode() 

    override func didMoveToView(view: SKView) { 

    self.addChild(shape) 
    self.physicsWorld.gravity = CGVectorMake(0.0, 0.0) 
    self.physicsWorld.contactDelegate = self 

    let greenLine = SKSpriteNode(imageNamed: "Green") 
    greenLine.position = CGPoint(x: size.width/2, y: size.height/2.5) 

    let yellowLine = SKSpriteNode(imageNamed: "Yellow") 
    yellowLine.position = CGPoint(x: greenLine.position.x - greenLine.frame.width/2, y: frame.size.height/2) 

    let redLine = SKSpriteNode(imageNamed: "Red") 
    redLine.position = CGPoint(x: greenLine.position.x + greenLine.frame.width/2, y: frame.size.height/2) 
    let blueLine = SKSpriteNode(imageNamed: "Blue") 
    blueLine.position = CGPoint(x: frame.size.width/2, y: redLine.position.y + redLine.frame.height/2.3) 

    shape.addChild(greenLine) 
    shape.addChild(yellowLine) 
    shape.addChild(redLine) 
    shape.addChild(blueLine) 

    let rotateAction = SKAction.rotateByAngle(CGFloat(M_PI_4) * 2, duration: 5) 
    shape.runAction(rotateAction) 
} 

Ich versuchte zRotation auch, aber das hat nicht funktioniert. Wenn die Drehung mit einem SKAction geschieht, nimmt sie beim Drehen die gesamte Form nach links, anstatt an derselben Stelle zu bleiben.

bearbeiten

Code:

var shape = SKNode() 

override func didMoveToView(view: SKView) { 

    self.addChild(shape) 
    self.physicsWorld.gravity = CGVectorMake(0.0, 0.0) 
    self.physicsWorld.contactDelegate = self 

    backgroundColor = UIColor.whiteColor() 

    let greenLine = SKSpriteNode(imageNamed: "Green") 
    greenLine.position = CGPoint(x: frame.size.width/2, y: frame.size.height/2.5) 

    let yellowLine = SKSpriteNode(imageNamed: "Yellow") 
    yellowLine.position = CGPoint(x: greenLine.position.x - greenLine.frame.width/2, y: frame.size.height/2) 

    let redLine = SKSpriteNode(imageNamed: "Red") 
    redLine.position = CGPoint(x: greenLine.position.x + greenLine.frame.width/2, y: frame.size.height/2) 

    let blueLine = SKSpriteNode(imageNamed: "Blue") 
    blueLine.position = CGPoint(x: frame.size.width/2, y: redLine.position.y + redLine.frame.height/2.3) 

    shape.position = CGPoint(x: 0, y: 0) 
    shape.addChild(greenLine) 
    shape.addChild(yellowLine) 
    shape.addChild(redLine) 
    shape.addChild(blueLine) 

    let center = SKSpriteNode(color: .redColor(), size: CGSize(width: 50, height: 50)) 
    center.position = CGPoint(x: frame.midX, y: frame.midY) 
    shape.addChild(center) 

    let rotateAction = SKAction.rotateByAngle(CGFloat(M_PI_4) * 2, duration: 30) 
    shape.runAction(rotateAction) 


} 

Answer 1

Sie wahrscheinlich den Unterschied zwischen verschiedenen Koordinatensystemen nicht verstehen. Sie fügen der Szene einen Formknoten hinzu. Wenn Sie also die Position der Form festlegen, müssen Sie im Koordinatensystem der Szene arbeiten. Die gleiche Logik gilt für die anderen Knoten (Linien). Hier fügen Sie sie der Form hinzu, was bedeutet, dass Sie im Koordinatensystem der Form "denken" müssen. Schauen Sie ein folgendes Beispiel:

import SpriteKit 

class GameScene: SKScene, SKPhysicsContactDelegate { 

    var shape = SKNode() 

    override func didMoveToView(view: SKView) { 

     self.addChild(shape) 
     self.physicsWorld.gravity = CGVectorMake(0.0, 0.0) 
     self.physicsWorld.contactDelegate = self 

     let greenLine = SKSpriteNode(color: .greenColor(), size: CGSize(width: 50, height: 50)) 
     greenLine.position = CGPoint(x: -30, y: 30) 

     let yellowLine = SKSpriteNode(color: .yellowColor(), size: CGSize(width: 50, height: 50)) 
     yellowLine.position = CGPoint(x: 30, y: 30) 

     let redLine = SKSpriteNode(color: .redColor(), size: CGSize(width: 50, height: 50)) 
     redLine.position = CGPoint(x: 30, y: -30) 
     let blueLine = SKSpriteNode(color: .blueColor(), size: CGSize(width: 50, height: 50)) 
     blueLine.position = CGPoint(x:-30, y:-30) 

     shape.position = CGPoint(x: frame.midX, y: frame.midY) 
     shape.addChild(greenLine) 
     shape.addChild(yellowLine) 
     shape.addChild(redLine) 
     shape.addChild(blueLine) 

     let center = SKSpriteNode(color: .redColor(), size: CGSize(width: 5, height: 5)) 

     shape.addChild(center) 

     let rotateAction = SKAction.rotateByAngle(CGFloat(2 * M_PI), duration: 5) 
     shape.runAction(rotateAction) 

    } 
} 

Das Ergebnis:

Beachten Sie den zentralen Knoten. Das ist die tatsächliche Position des Formknotens. Und genau darum herum werden andere Knoten gedreht.