iOS 带有 SpriteKit 的通用设备应用程序,如何为所有视图缩放节点?

iOS Universal Device App with SpriteKit, how to scale nodes for all views?

我想制作一个 landscape app 成为 universal,这样 sprite节点与 运行 应用程序的任何视图大小成比例地缩放。我想要一个 完全程序化的 解决方案,因为我不喜欢 IB。

我的游戏非常简单,不需要任何类型的滚动或缩放,所以整个游戏将始终存在并占据整个视图。

有没有可能我正在寻找的是更改场景的大小以始终适合视图?如果是这样,你能彻底解释一下吗,因为我已经尝试更改我的视图控制器的这一部分

    if let scene = GameScene(fileNamed:"GameScene")

成为以大小为参数的构造方法,但Xcode不喜欢那样。


我尝试过的事情

  1. 使用 self.view.bounds.width/height 的分数。这通常会使所有 iPhone 看起来都不错,但在 iPads 上会拉伸和扭曲视图周围的节点和边界框。
  2. 正在更改所有四种类型的scaleMode。我想保持良好的习惯,感觉 .AspectFill(默认)是我应该让我的应用程序使用的那个,但对建议持开放态度。笔记;我不希望任何设备上出现黑边,只希望整个视图 displayed/scaled 成比例。
  3. 应用编程约束。现在我对此还很陌生,并不完全理解约束,但我什至从 RayWenderlich 那里看到的教程都没有谈到节点上的约束,所以我没有深入研究这个。
  4. 用这样的方法在视图之间转换点。这实际上对于节点的点定位非常有效,如果可能的话,我希望这种方法能够解决,但我仍然遇到节点大小的问题。此外,当我使用这种方法为 iPad 构建视图时,视图似乎从纵向开始,节点看起来不错,但随后我必须手动将其切换为横向,精灵和视图边界再次变得混乱。方法如下:

    func convert(point: CGPoint)->CGPoint {
        return self.view!.convertPoint(CGPoint(x: point.x, y:self.view!.frame.height-point.y), toScene:self)
    }
    
  5. 无数关于 RW 和互联网上其他地方的视频教程。

提前致谢!感谢您的帮助。我知道这个话题很奇怪,因为很多人都问过这个问题,但每个人的情况似乎都不同,一个解决方案并不适合所有人。

我最初尝试用 2 个游戏自己进行缩放,这太疯狂了(场景大小 = 视图大小或场景缩放模式 = .ResizeFill)。您必须为所有设备调整所有值,例如字体大小、精灵大小、脉冲等,它永远不会保持一致。

所以你基本上有2个选择

1) 将场景大小设置为 1024X768(横向)或 768x1024(纵向)。这是 Xcode 7.

中的默认设置

你通常只是 have/show 在 top/bottom(横向)或 left/right(纵向)上的 iPad 上的一些额外背景,这些背景在 iPhones 上被裁剪。

在 iPad 上显示更多/在 iPhones 上裁剪的游戏示例:

Altos Adventure、Leos Fortune、Limbo、The Line Zen、Modern Combat 5.

2) Apple 将 xCode 8 中的默认场景大小更改为 iPhone 6/7 (7501334-Portait, 1337750-横向)。此设置将裁剪您在 iPad 上的游戏。

在 iPad 上显示较少的游戏示例:

夜光城,机器人独角兽来袭

这两个选项之间的选择取决于您,并且取决于您制作的游戏。我通常更喜欢使用选项 1 并在 iPad 上显示更多背景。

无论场景大小如何,缩放模式通常最好保留默认设置 .aspectFill。

要调整标签等特定内容,您可以这样做

 if UIDevice.current.userInterfaceIdiom == .pad {
   ...
 }

您可以自己尝试场景缩放,新建一个SpriteKit示例游戏工程。 运行 在所有 iPhone 上,您会发现 HelloWorld 标签在所有设备上看起来都很完美。

现在将默认设置更改为场景大小 = 帧或使用 .ResizeFill,HelloWorld 标签不再在所有设备上正确缩放。

作为旁注,行

 if let scene = GameScene(fileNamed: "GameScene")

引用 GameScene.sks 文件。你说你以编程方式做所有事情,因此你可以删除 GameScene.sks 文件并将行更改为

 let skView = view as! SKView!
 let scene = GameScene(size: CGSize(width: 1024, height: 768)) // 768 x 1024 if portrait

更新:

我现在使用的变体略有不同,因为我在使游戏适应 iPhoneX 时遇到了问题。我将场景大小设置为 1334x750,并使用纵横比适合作为缩放模式。我比 运行 一些代码可以在需要时删除黑条,例如在 iPad 或 iPhone X 上。它基于这篇很棒的文章(link 不再有效)。

http://endlesswavesoftware.com/blog/spritekit-skscene-scalemode/