通用游戏位置

Question

说明

我正在 iPhone 5s 上构建游戏，但现在我想让它通用化，以便它可以在所有 iPhone（或至少 4s）和所有 iPad（或至少 iPad 2）上运行。 到目前为止，我几乎创建了这 3 张图像（1x、2x 和 3x）。所以有一个 50x50 的正方形 (@1x)、一个 100x100 的正方形 (@2x) 和一个 150x150 的正方形 (@3x)。

这是我正在测试的示例项目（下载here）：

import SpriteKit

class GameScene: SKScene {

    override func didMoveToView(view: SKView) {
        /* Setup your scene here */

        scene!.scaleMode = SKSceneScaleMode.ResizeFill //usually at GameViewController, not GameScene

        let square = SKSpriteNode(imageNamed: "square")
        square.anchorPoint = CGPointZero
        square.position = CGPoint(x: self.frame.width / 1.095, y: self.frame.height / 1.1875) //superior right on iPhone 5/5s
        addChild(square)
    }
}

这些是图片：

---

测试

当我在每台设备上运行时，都会发生这种情况：

• iPhone 4s - 位置错误
• iPhone 5/5s - 右侧位置（此处已设置）
• iPhone 6/6s - 位置错误
• iPhone 6+/6s+ - 位置错误
• iPad 2 - 位置错误
• iPad Air/iPad Air 2 - 位置错误
• iPad Pro - 位置错误
• iPad 视网膜 - 位置错误

通过单击下面的图像，您可以更好地了解发生了什么。

---

问题

基本上，我的问题是：我怎样才能使这个通用？我的意思是，我怎样才能使正方形定位在上面设备上的相同相对位置？

---

尝试

迈克尔·奥斯汀的尝试（下载here）

import SpriteKit

// MARK: Screen Dimensions
let screenWidth = CGFloat(1024)
let screenHeight = CGFloat(768)

// MARK: Node Sizes
let square = SKSpriteNode(imageNamed: "square")
let nodeConstantWidth = screenWidth/square.size.width * 0.088
let nodeConstantHeight = screenHeight/square.size.height * 0.158

class GameScene: SKScene {

    override func didMoveToView(view: SKView) {
        /* Setup your scene here */

        scene!.scaleMode = SKSceneScaleMode.Fill //usually at GameViewController, not GameScene

        square.xScale = nodeConstantWidth
        square.yScale = nodeConstantHeight

        square.anchorPoint = CGPointZero
        square.position = CGPoint(x: screenWidth / 1.5, y: screenHeight / 1.5)
        addChild(square)
    }
}

蒂米·索伦森的尝试（下载here）

import SpriteKit

class GameScene: SKScene {

    override func didMoveToView(view: SKView) {
        /* Setup your scene here */

        scene!.scaleMode = SKSceneScaleMode.ResizeFill //usually at GameViewController, not GameScene

        let square = SKSpriteNode(imageNamed: "square")
        square.anchorPoint = CGPointZero
        square.position = CGPoint(x: self.frame.width / 1.095, y: self.frame.height / 1.1875) //superior right on iPhone 5/5s
        addChild(square)
    }
}

方块不会在每台设备上定位在同一个位置，仅在设置了位置的设备上。下面我做了一个小对比。

Answer 1

尝试以数学方式设置大小。使用 UIScreen.mainScreen().bounds.width 和 UIScreen.mainScreen().bounds.height 查找设备大小。使用一些数学来设置 .sks 场景和设备大小之间的比例。然后使用 node.setScale 来设置你的 Sprite 的比例

这里是一些示例代码。将这些声明为通用常量：

// MARK: Screen Dimensions
let screenSize = UIScreen.mainScreen().bounds
let screenWidth = screenSize.size.width
let screenHeight = screenSize.size.height

// MARK: Node Sizes
let node = SKSpriteNode(imageNamed: "image")
let nodeConstantWidth = screenWidth/node.size.width*0.3

如果您将 nodeConstantWidth 的声明移动到 GameScene，它会在每次渲染场景时不断地自行缩放。为避免这种情况，我们只需将其普遍声明一次。从数学上讲，上面的等式会将节点的宽度设置为任何设备上屏幕宽度的 30%，并且将相应地计算高度。将“0.3”更改为任意数字以进行调整。然后在 GameScene 中：

node.setScale(nodeConstantWidth)

Answer 2

这就是我放置对象的方式

 scoreLbl.position = CGPoint(x: scene!.frame.width / 2, y: scene!.frame.height / 1.3)

 airDefense.positon = CGPoint(x: frame.size.width / 2, y: frame.size.height / 5

这会占用屏幕并将其分开，因此无论屏幕有多大，它始终位于同一个位置。

和使用是一样的

CGPoint(x: self.frame.width / 2, y: self.frame.height / 2)

在屏幕中间放置一些东西。