SpriteKit 中的坐标系
Coordinate System in SpriteKit
我对 spritekit 坐标系很困惑。我需要澄清两个案例。
案例一：
当精灵节点作为子节点添加到场景时：
SKSpriteNode * blueBall = [SKSpriteNode spriteNodeWithImageNamed:@"hRedBall.png"];
blueBall.name=@"blueball";
blueBall.size=CGSizeMake(75, 75);
blueBall.position=point; //I am varying this point
[self addChild:blueBall];
我在每个不同的点添加了节点 time.These 是我在以下位置添加节点的点：(100x100)(200x200)(300x300)(400x400)(900,600)
在我的 iphone 5 设备中，它们看起来像这样：
如果你查看 100x100，当我在点 (100,100) 添加精灵时，在设备上，当我记录节点位置时，它显示 (99.9,138.17) 与点 (100,100) 相比有很大差异).
尽管其他点也有变化，但我忽略了它们，因为对其他点来说差异太小了。
-(void)didMoveToView:(SKView *)view {
/* Setup your scene here */
[self bounceTheBlueBallAtPoint:CGPointMake(100, 100)];
}
-(void)bounceTheBlueBallAtPoint:(CGPoint)point{
SKSpriteNode * blueBall = [SKSpriteNode spriteNodeWithImageNamed:@"hRedBall.png"];
blueBall.name=@"blueball";
blueBall.size=CGSizeMake(75, 75);
blueBall.physicsBody=[SKPhysicsBody bodyWithCircleOfRadius:blueBall.frame.size.width/2];
blueBall.physicsBody.categoryBitMask=blueBallHitCategory;
blueBall.physicsBody.collisionBitMask=blueBallHitCategory|pinkBallHitCategory|wallHitCategory;
blueBall.physicsBody.contactTestBitMask=blueBallHitCategory|pinkBallHitCategory|wallHitCategory;
blueBall.physicsBody.dynamic=YES;
blueBall.physicsBody.affectedByGravity=NO;
blueBall.physicsBody.restitution=1.0;
blueBall.physicsBody.friction=0.0;
blueBall.physicsBody.linearDamping=0.0;
blueBall.physicsBody.angularDamping=0.0;
blueBall.position=point;
[self addChild:blueBall];
//applying impulse to bounce off
// CGVector impulse = CGVectorMake(30.0,60.0);
// [blueBall.physicsBody applyImpulse:impulse];
//
}
我正在用这种方法检查球的位置：
-(void)update:(CFTimeInterval)currentTime {
/* Called before each frame is rendered */
[self checkSpriteMovement];
}
-(void)checkSpriteMovement{
[self enumerateChildNodesWithName:@"blueball" usingBlock:^(SKNode * _Nonnull node, BOOL * _Nonnull stop) {
SKSpriteNode *ball=(SKSpriteNode *)node;
if (ball.physicsBody.resting) {
NSLog(@"The ball position is %@",NSStringFromCGPoint(ball.position));
}
}];
}
案例二：
假设我有一个背景精灵节点，我将球节点添加到这个背景节点，而不是将球节点添加到场景。
_background = [SKSpriteNode spriteNodeWithImageNamed:@"parkImage.jpg"];
_background.size = self.frame.size; //frame size is (1024x768)
_background.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame));
[self addChild:_background];
然后我将球节点添加到这个背景中：
[_background addChild:blueBall];
这是添加的后台节点：
现在我尝试将球添加到添加的背景中：
在点：（100,100）：
在点：(-280,-150)
我还想讨论第三种情况：
案例三：
我要另一个节点精灵返回运行d叫环。后来我想在背景中添加球。所以会有2个子节点。
_ringNode=[SKSpriteNode spriteNodeWithImageNamed:@"hue_ring.png"];
_ringNode.size=CGSizeMake(80, 80);
_ringNode.position=CGPointMake(0, 0); //center point of background in this case
_ringNode.anchorPoint=CGPointMake(0.5,0.5);
_ringNode.name=kRingNodeName;
[_background addChild:_ringNode];
所以戒指会在这里：
现在我想将球节点添加到背景节点：
我使用相同的代码在 (-280,-150) 点添加球：
为什么场景和精灵节点的坐标系发生变化？
我面临的另一个问题是：
节点没有添加到场景properly.Even虽然场景启动了，但用户看不到节点，但我可以看到节点数，表明[=103=上有节点] 需要再次 运行 代码才能看到正确添加到场景中的节点。这种情况每 4 次发生一次。我只需要停止代码并再次 运行 以查看屏幕上的球，否则我只看到背景而没有任何球，尽管我正在将它们添加到背景中。
为什么会这样？
我正在添加 didMoveToView
中的所有节点
情况一：不知道为什么差了38多分；我需要查看添加节点的代码。
情况2和3：场景和sprite节点有不同的锚点。对于 SKScene it's (0.0, 0.0) and for SKSpriteNode 它是 (0.5, 0.5).
好的，所以很难回答这个问题，因为你没有一个问题，但我会尽力解释为什么事情会这样发生。
首先要考虑的事情。你的场景是 1024 x 768（猜测是因为你的评论之一和你的问题）现在这会导致一些问题。首先是你的 phone 不是那个纵横比，其次你的 phone 不是那个尺寸。如果您查看 ViewController，您可能会看到正在设置一些 AspectFill 或 AspectFit。这会缩小你的场景。当涉及到您在代码中所见所为时，事情不再是 1:1 定位。
让我们更进一步。场景的原点位于左下角，根据您的场景大小和缩放比例，它可能会在屏幕外。这是 0,0 所在的位置。因此，您添加的每个 child 都将从那里开始，并根据位置正确向上工作。 SKSpriteNode 的原点在中心。例如，您的背景原点位于中心。请注意如何将位置设置为框架宽度和高度的一半。它的原点在中间，你把它移到右边，从左下角向上移动到正确的距离。现在，当您向该节点添加一个 child 节点时，它会从其 parent 的原点开始。在这个例子中的中心。所以这就是为什么当你在背景中添加一个球时，你必须给它负值才能下降到左下角。
至于节点没有出现。如果您查看 ViewController，您可能会看到 ignoresSibling order 或类似性质的内容。这意味着您必须设置节点的 zPosition。较低的 zPositions 首先被渲染，因此背景通常为 0，所有显示在背景之上的节点的 zPosition 为 1 或更高。
希望对您有所帮助。尽管您的问题有详细记录，但很难在一个答案中回答所有问题。以后我会建议在第一个问题得到回答后将你的问题分解并提出一个新问题，因为你可能在你有机会提问之前就知道了答案 =)
我对 spritekit 坐标系很困惑。我需要澄清两个案例。
案例一：
当精灵节点作为子节点添加到场景时：
SKSpriteNode * blueBall = [SKSpriteNode spriteNodeWithImageNamed:@"hRedBall.png"];
blueBall.name=@"blueball";
blueBall.size=CGSizeMake(75, 75);
blueBall.position=point; //I am varying this point
[self addChild:blueBall];
我在每个不同的点添加了节点 time.These 是我在以下位置添加节点的点：(100x100)(200x200)(300x300)(400x400)(900,600)
在我的 iphone 5 设备中，它们看起来像这样：
如果你查看 100x100，当我在点 (100,100) 添加精灵时，在设备上，当我记录节点位置时，它显示 (99.9,138.17) 与点 (100,100) 相比有很大差异).
尽管其他点也有变化，但我忽略了它们，因为对其他点来说差异太小了。
-(void)didMoveToView:(SKView *)view {
/* Setup your scene here */
[self bounceTheBlueBallAtPoint:CGPointMake(100, 100)];
}
-(void)bounceTheBlueBallAtPoint:(CGPoint)point{
SKSpriteNode * blueBall = [SKSpriteNode spriteNodeWithImageNamed:@"hRedBall.png"];
blueBall.name=@"blueball";
blueBall.size=CGSizeMake(75, 75);
blueBall.physicsBody=[SKPhysicsBody bodyWithCircleOfRadius:blueBall.frame.size.width/2];
blueBall.physicsBody.categoryBitMask=blueBallHitCategory;
blueBall.physicsBody.collisionBitMask=blueBallHitCategory|pinkBallHitCategory|wallHitCategory;
blueBall.physicsBody.contactTestBitMask=blueBallHitCategory|pinkBallHitCategory|wallHitCategory;
blueBall.physicsBody.dynamic=YES;
blueBall.physicsBody.affectedByGravity=NO;
blueBall.physicsBody.restitution=1.0;
blueBall.physicsBody.friction=0.0;
blueBall.physicsBody.linearDamping=0.0;
blueBall.physicsBody.angularDamping=0.0;
blueBall.position=point;
[self addChild:blueBall];
//applying impulse to bounce off
// CGVector impulse = CGVectorMake(30.0,60.0);
// [blueBall.physicsBody applyImpulse:impulse];
//
}
我正在用这种方法检查球的位置：
-(void)update:(CFTimeInterval)currentTime {
/* Called before each frame is rendered */
[self checkSpriteMovement];
}
-(void)checkSpriteMovement{
[self enumerateChildNodesWithName:@"blueball" usingBlock:^(SKNode * _Nonnull node, BOOL * _Nonnull stop) {
SKSpriteNode *ball=(SKSpriteNode *)node;
if (ball.physicsBody.resting) {
NSLog(@"The ball position is %@",NSStringFromCGPoint(ball.position));
}
}];
}
案例二：
假设我有一个背景精灵节点，我将球节点添加到这个背景节点，而不是将球节点添加到场景。
_background = [SKSpriteNode spriteNodeWithImageNamed:@"parkImage.jpg"];
_background.size = self.frame.size; //frame size is (1024x768)
_background.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame));
[self addChild:_background];
然后我将球节点添加到这个背景中：
[_background addChild:blueBall];
这是添加的后台节点：
现在我尝试将球添加到添加的背景中：
在点：（100,100）：
在点：(-280,-150)
我还想讨论第三种情况：
案例三：
我要另一个节点精灵返回运行d叫环。后来我想在背景中添加球。所以会有2个子节点。
_ringNode=[SKSpriteNode spriteNodeWithImageNamed:@"hue_ring.png"];
_ringNode.size=CGSizeMake(80, 80);
_ringNode.position=CGPointMake(0, 0); //center point of background in this case
_ringNode.anchorPoint=CGPointMake(0.5,0.5);
_ringNode.name=kRingNodeName;
[_background addChild:_ringNode];
所以戒指会在这里：
现在我想将球节点添加到背景节点：
我使用相同的代码在 (-280,-150) 点添加球：
为什么场景和精灵节点的坐标系发生变化？
我面临的另一个问题是：
节点没有添加到场景properly.Even虽然场景启动了，但用户看不到节点，但我可以看到节点数，表明[=103=上有节点] 需要再次 运行 代码才能看到正确添加到场景中的节点。这种情况每 4 次发生一次。我只需要停止代码并再次 运行 以查看屏幕上的球，否则我只看到背景而没有任何球，尽管我正在将它们添加到背景中。
为什么会这样？
我正在添加 didMoveToView
情况一：不知道为什么差了38多分；我需要查看添加节点的代码。
情况2和3：场景和sprite节点有不同的锚点。对于 SKScene it's (0.0, 0.0) and for SKSpriteNode 它是 (0.5, 0.5).
好的，所以很难回答这个问题，因为你没有一个问题，但我会尽力解释为什么事情会这样发生。
首先要考虑的事情。你的场景是 1024 x 768（猜测是因为你的评论之一和你的问题）现在这会导致一些问题。首先是你的 phone 不是那个纵横比，其次你的 phone 不是那个尺寸。如果您查看 ViewController，您可能会看到正在设置一些 AspectFill 或 AspectFit。这会缩小你的场景。当涉及到您在代码中所见所为时，事情不再是 1:1 定位。
让我们更进一步。场景的原点位于左下角，根据您的场景大小和缩放比例，它可能会在屏幕外。这是 0,0 所在的位置。因此，您添加的每个 child 都将从那里开始，并根据位置正确向上工作。 SKSpriteNode 的原点在中心。例如，您的背景原点位于中心。请注意如何将位置设置为框架宽度和高度的一半。它的原点在中间，你把它移到右边，从左下角向上移动到正确的距离。现在，当您向该节点添加一个 child 节点时，它会从其 parent 的原点开始。在这个例子中的中心。所以这就是为什么当你在背景中添加一个球时，你必须给它负值才能下降到左下角。
至于节点没有出现。如果您查看 ViewController，您可能会看到 ignoresSibling order 或类似性质的内容。这意味着您必须设置节点的 zPosition。较低的 zPositions 首先被渲染，因此背景通常为 0，所有显示在背景之上的节点的 zPosition 为 1 或更高。
希望对您有所帮助。尽管您的问题有详细记录，但很难在一个答案中回答所有问题。以后我会建议在第一个问题得到回答后将你的问题分解并提出一个新问题，因为你可能在你有机会提问之前就知道了答案 =)