首先

有个比较有意思的地方.创建一个场景有两种方式.

• 第一种: let scene = SKScene(fileNamed: "GameScene")!
• 第二种: let scene = GameScene() //GameScene是SKScene的子类

这两种方式都是创建一个场景
但是!!!,它们是有区别的,坐标系的参考就发生了变化.

• 第一种

scene为nil,因为没有.sks

sks文件的坐标系已经固定

• 第二种

直接let scene = GameScene(),这种创建方式的好处是不需要再附加一个.sks文件.但是坐标系为左下角为原点.

重要 : 后续所有代码都按照第二种方式创建场景!

图方便,不用创建sks文件`

以下以第一种来创建一个场景.

anchorPoint(锚点)

定义与节点位置对应的精灵中的点。
您可以在单位坐标空间中指定此属性的值。 默认值为（0.5,0.5）
这意味着精灵位于其位置的中心。

position(坐标)

节点在其父系坐标系中的位置。
默认值为（0.0,0.0）。

一直不理解,自己经过测试,发现一些比较有意思的地方.相对于UIKit的frame有点不一样.

• 在SKScene中,Scene的坐标系是固定的.中心点为原点.
  这个坐标系是固定的,可以理解为绝对坐标系.也就是说,在scene中,所有的节点都是参考这样的一个坐标系来布局坐标和锚点

场景的坐标系.png

以下用代码尝试

• 创建两个大小不一样的节点(不设置坐标和锚点)

    func createNode() {
        let node = SKSpriteNode(color: UIColor.red, size: CGSize(width: 800, height: 800))
        node.color = UIColor.red
        
        let node2 = SKSpriteNode(color: UIColor.red, size: CGSize(width: 400, height: 400))
        node2.color = UIColor.blue

        self.addChild(node)
        self.addChild(node2)
    }

根据不同设备来看scene的frame,这里用的是iPhone6sp

• 设置蓝色的节点的坐标(不设置锚点)

   func createNode() {
        let node = SKSpriteNode(color: UIColor.red, size: CGSize(width: 800, height: 800))
        node.color = UIColor.red
        
        let node2 = SKSpriteNode(color: UIColor.red, size: CGSize(width: 400, height: 400))
        node2.color = UIColor.blue
        node2.position = CGPoint(x: -1024, y: 0)

        self.addChild(node)
        self.addChild(node2)
    }

设置坐标

• 设置蓝色的节点的锚点

   func createNode() {
        let node = SKSpriteNode(color: UIColor.red, size: CGSize(width: 800, height: 800))
        node.color = UIColor.red
        
        let node2 = SKSpriteNode(color: UIColor.red, size: CGSize(width: 400, height: 400))
        node2.color = UIColor.blue
        node2.anchorPoint = CGPoint(x: 0, y: 0.5)
        node2.position = CGPoint(x: -1024, y: 0)

        self.addChild(node)
        self.addChild(node2)
    }

设置锚点

小总结 :

1.简单的理解坐标和锚点的配合使用
2.要从scene的绝对坐标来考虑节点具体的位置.(我看资料都没有提到这个细节,要从scene来参考.)

以下以第二种来创建一个场景.

同样的代码创建.

let node = SKSpriteNode(color: UIColor.red, size: CGSize(width: 800, height: 800))
node.color = UIColor.red
        
let node2 = SKSpriteNode(color: UIColor.red, size: CGSize(width: 400, height: 400))
node2.color = UIColor.blue
        
self.addChild(node)
self.addChild(node2)

设备效果

Debug View Hierarchy方式查看

修改一下position来再次验证

node.position = CGPoint(x: 0, y: size.height * 0.5)

修改坐标(0,场景中间位置)

小总结 :

• 场景的坐标系变成了从左下角为起点了.