向 SpriteKit 项目添加背景图像

Question

iPhone 6 和 6s 的分辨率应该是 750 x 1334 [1]，自 iPhone 5 以来每部 iPhone 的屏幕比例都是 16:9 [2]。因此，为了让应用程序的背景图像完美契合，它必须具有 16:9 的比例。我正在使用 SpriteKit 开发一个项目，我希望游戏有一个从边缘到边缘覆盖背面的壁纸。但是，当我在模拟器上运行应用程序时，背景图像总是在左右两侧被裁剪。我什至尝试过各种比率和分辨率。本项目背景代码为：

    let background = SKSpriteNode(imageNamed: "backtImage")
    background.size = self.size
    background.position = CGPoint(x: self.size.width/2, y: self.size.height/2)
    background.zPosition = 0
    self.addChild(background)

我做错了什么？

Answer 1

这可能是因为您的 SKView 与您的 SKScene 尺寸不匹配。

来源：

@available(iOS 7.0, *)
public enum SKSceneScaleMode : Int {

    case Fill /* Scale the SKScene to fill the entire SKView. */
    case AspectFill /* Scale the SKScene to fill the SKView while preserving the scene's aspect ratio. Some cropping may occur if the view has a different aspect ratio. */
    case AspectFit /* Scale the SKScene to fit within the SKView while preserving the scene's aspect ratio. Some letterboxing may occur if the view has a different aspect ratio. */
    case ResizeFill /* Modify the SKScene's actual size to exactly match the SKView. */
}

你可以改变你的代码如下：

override func viewDidLoad() {
        super.viewDidLoad()

        if let scene = GameScene(fileNamed:"GameScene") {
            // Configure the view.
            let skView = self.view as! SKView
            ...
            /* Set the scale mode to scale to fit the window */
            scene.scaleMode = .ResizeFill // <- this is an example

            skView.presentScene(scene)
        }
    }

Answer 2

如果您的图像在左侧和右侧（纵向）被裁剪，那么我们正在处理 .AspectFill 缩放模式，并且您的场景的宽高比小于屏幕分辨率。这可能是因为模板构建中提供的默认场景大小是正方形。进入您的 .sks 文件，将场景大小更改为 9x16 比例，您的问题应该得到解决