7

我仍在尝试在 iOS 中学习 SpriteKit，并且一直在做大量的阅读和大量的实验。我对我发现的关于坐标、框架和子节点的其他东西感到困惑*。

考虑这段代码，我试图在我的飞船精灵周围画一个绿色框以进行调试：

func addSpaceship()
{
    let spaceship = SKSpriteNode.init(imageNamed: "rocketship.png")
    spaceship.name = "spaceship"

    // VERSION 1
    spaceship.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame))

    let debugFrame = SKShapeNode(rect: spaceship.frame)

    debugFrame.strokeColor = SKColor.greenColor()
    spaceship.addChild(debugFrame)

    // VERSION 2
   //       spaceship.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame))

    spaceship.setScale(0.50)


    self.addChild(spaceship)
}

如果我用上面标记为“VERSION 1”的行添加飞船精灵的集合，我会得到：

版本 1

这显然是错误的。但是，如果我注释掉上面标有“VERSION 1”的行，而使用标有“VERSION 2”的行，我会得到我想要的：

版本 2

请注意，标记为版本 1 和版本 2 的行的实际代码是相同的： spaceship.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame))

那么为什么我设置飞船精灵的位置很重要呢？

在我看来，飞船精灵的位置与 debugFrame 的位置无关，因为 debugFrame 是飞船精灵的子节点，因此，它的坐标应该是相对于飞船精灵的框架的——对吧？

谢谢西马

*这与我昨天问的一个问题有些相关：

在 iOS 上的 SpriteKit 中，缩放纹理精灵会产生不正确的帧？

但是a）我现在明白了，b）这是一个足够不同的问题，它值得自己提出问题。

更新：

嗯-谢谢，伙计们提供以下想法，但我仍然不明白，也许这会有所帮助。

我修改了我的代码以打印出相关的位置和框架：

func addSpaceship()
{
    let spaceship = SKSpriteNode.init(imageNamed: "rocketship.png")
    spaceship.name = "spaceship"
    println("Spaceship0 Pos \(spaceship.position) Frame = \(spaceship.frame)")

    // VERSION 1 (WRONG)
    spaceship.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame))
    println("Spaceship1 Pos \(spaceship.position) Frame = \(spaceship.frame)")

    let debugFrame = SKShapeNode(rect: spaceship.frame)
    println("DEBUG Pos \(debugFrame.position) Frame = \(debugFrame.frame)")

    debugFrame.strokeColor = SKColor.greenColor()
    spaceship.addChild(debugFrame)

    // VERSION 2 (RIGHT)
//      spaceship.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame))
//      println("Spaceship2 Pos \(spaceship.position) Frame = \(spaceship.frame)")

    spaceship.setScale(0.50)


    self.addChild(spaceship)
}

然后，我以两种方式运行它得到了这些结果。既然我了解第 2 版，让我们从那里开始。

使用“VERSION 2 (RIGHT)”代码运行，我得到：

Spaceship0 Pos (0.0,0.0) Frame = (-159.0,-300.0,318.0,600.0)
DEBUG Pos (0.0,0.0) Frame = (-159.5,-300.5,319.0,601.0)
Spaceship2 Pos (384.0,512.0) Frame = (225.0,212.0,318.0,600.0)

spaceship 节点默认从屏幕左下方 (Spaceship0) 开始。它的框架也用它的锚点（中心）来表示，它位于屏幕的左下角，因此它的框架矩形的原点是负数。

然后创建调试框架，其位置设置为 0，默认为 0，并且其框架设置为与飞船的相同。

代码（Spaceship2）然后将宇宙飞船节点移动到视图坐标（384.0,512.0）中的位置，并且通过将新位置添加到旧原点（即384 + -159 = 225）来移动其框架的原点。

一切都很好。

不幸的是，我仍然没有得到第 1 版。

当我使用“VERSION 1 (WRONG)”代码运行时，我得到

Spaceship0 Pos (0.0,0.0) Frame = (-159.0,-300.0,318.0,600.0)
Spaceship1 Pos (384.0,512.0) Frame = (225.0,212.0,318.0,600.0)
DEBUG Pos (0.0,0.0) Frame = (0.0,0.0,543.5,812.5)

如上所示，默认情况下，宇宙飞船节点的起始位置位于屏幕的左下角 (Spaceship0)。它的框架也用它的锚点（中心）来表示，它位于屏幕的左下角，因此它的框架矩形的原点是负数。

代码 (Spaceship1) 然后将宇宙飞船节点移动到视图坐标 (384.0,512.0) 中的某个位置，并且通过将新位置添加到旧原点（即 384 + -159 = 225）来移动其框架的原点。

然后创建调试框架，其位置设置为 0，默认情况下为 0，其框架设置为具有奇怪的宽度 (543.5) 和奇怪的高度 (812.5)。由于我正在使用 spaceship.frame 初始化 debugFrame.frame（我认为这是默认初始化程序所做的），我希望新的 debugFrame.frame 与飞船的框架相同 - 但事实并非如此！调试框架的宽度和高度值显然来自将实际宽度和高度添加到飞船节点框架的原点 (543.5 = 225 + 318.5)。但如果是这样的话，为什么t的框架矩形原点仍然是0、0和不一样的加法（225.0 + 0 = 225.0）？？？

我不明白。

4

3 回答 3

7

您正在使用精灵的框架创建形状节点，该框架位于场景坐标中。因为形状将是精灵的子对象，所以您应该在精灵的坐标中创建节点。例如，如果您SKShapeNode使用飞船的大小创建

let debugFrame = SKShapeNode(rectOfSize: spaceship.size)

而不是使用飞船的框架，debugFrame无论您何时设置飞船的位置，都会以飞船为中心。此外，debugFrame将随船适当缩放/移动。

于 2014-12-31T21:18:59.533 回答
1

回应您的“我不明白”。你的代码没问题，但有一个逻辑问题。'frame' 是相对于父坐标计算的。请注意，飞船的父级和调试窗口的父级在您的代码中是不同的。

解决您的问题的两种方法：

  1. 为调试窗口添加一个零偏移，并使用宇宙飞船作为父级。这样做的好处是调试窗口会随着飞船移动、缩放： let rectDebug = CGRectMake( 0, 0, spaceship.frame.size.width, spaceship.frame.size.height) let debugFrame = SKShapeNode(rect:rectDebug) spaceship.addChild(debugFrame)
  2. 将带有飞船“框架”坐标的调试窗口添加到飞船的父级（即“自身”）。这样做的缺点是，您必须自己在代码中移动、缩放调试窗口，因为它不会附加到飞船上。： let debugFrame = SKShapeNode(rect:spaceship.frame) self.addChild(debugFrame)

这两种解决方案都被广泛使用。在您的情况下，您应该选择更适合您的那个。可能会出现其他三个问题：

1.我的代码中可能有代码错误，我只是直接将这些输入到Web窗口中，没有进行xcode语法检查。

2.两个对象的锚点可能不同。因此，您可能需要在代码中为此对齐。

3.还要考虑物体的zPosition，这样这些物体就不会隐藏在其他一些物体下面。

针对您要解决的问题，也许 showPhysics 会有所帮助：

    skView.showsFPS = YES;
    skView.showsNodeCount = YES;
    skView.showsPhysics = YES;
于 2015-07-15T08:17:15.490 回答
0

这与您提到的另一个问题几乎相同。frame是一个包含 aposition和 a的属性size。它们都受制于其祖先节点的缩放。阅读https://developer.apple.com/library/ios/documentation/GraphicsAnimation/Conceptual/SpriteKit_PG/Nodes/Nodes.html#//apple_ref/doc/uid中的“节点将其许多属性应用于其后代”部分/TP40013043-CH3-SW13

再说一遍：永远不要对节点应用缩放，在完全构建其层次结构之前永远不要移动节点，除非你想要一些特殊或奇怪的效果。

于 2014-12-31T08:31:20.897 回答