Блог

Я создаю endless runner для iphone в ландшафтном режиме с помощью SpriteKit. Я настроил сцену как таковую:

 override func viewDidLayoutSubviews() {

    let scene = GameScene(size: CGSize(width: 812, height: 375))
    let skView = view as! SKView
    scene.backgroundColor = UIColor.red
    scene.scaleMode = .aspectFill
    skView.presentScene(scene)
    skView.showsFPS = true
    skView.showsNodeCount = true
    print("Screen Size: (GlobalProperties.screenSize.width) x (GlobalProperties.screenSize.height)")
    print("Scene Size: (scene.size.width) x (scene.size.height)")


} 
  

Я хотел бы расположить проигрыватель так, чтобы между краем проигрывателя и правым краем экрана было одинаковое количество пикселей независимо от соотношения сторон. Является ли это разумной практикой для поддержания сложности между устройствами? У меня есть настройка макета как таковая:

  override func didMove(to view: SKView) {

    let player = SKSpriteNode(texture: SKTexture(imageNamed: "CuteMelon"))
    player.anchorPoint = CGPoint(x: 0.5, y: 0.5)
    player.position = CGPoint(x: frame.width - 600, y: frame.midY)
    self.addChild(player)

    let rect = SKSpriteNode(color: .orange, size: CGSize(width: 550, height: 200))
    rect.anchorPoint = CGPoint(x: 1, y: 0.5)
    rect.position = CGPoint(x: frame.width-50, y: frame.height/2)
    self.addChild(rect)
}
  

Я добавил прямоугольник, чтобы посмотреть, был ли в обоих случаях проигрыватель на 600 пикселей справа (оставив пробел в 50 пикселей, чтобы убедиться, что он не выходит за пределы)

Результат следующий:

iPhone XR:https://imgur.com/y6OYHkK который работает так, как задумано

iPhone 8:https://imgur.com/nkrx5By который не помещает прямоугольник на 50 пикселей от правой границы рамки.

Что мне нужно сделать, чтобы исправить эту проблему, или мне следует решить ее совершенно другим способом? Спасибо

Просто определите разницу между размером сцены и экрана и переместите камеру на половину этого расстояния. Формула abs((sceneWidth - screenWidth * sceneHeight/screenHeight)/2) даст вам это. Что это делает, так это масштабирует экран до любой высоты сцены, затем вычитает две разницы из ширины и возвращает половину этого значения.

  override func didMove(to view: SKView) {
    let widthPadding = abs((self.frame.width - (UIScreen.main.bounds.width *  self.frame.height / UIScreen.main.bounds.height )) / 2)
    self.camera = self.camera ?? SKCameraNode()

    self.camera.position.x  = widthPadding

    let player = SKSpriteNode(texture: SKTexture(imageNamed: "CuteMelon"))
    player.anchorPoint = CGPoint(x: 0.5, y: 0.5)
    player.position = CGPoint(x: frame.width - 600, y: frame.midY)
    self.addChild(player)

    let rect = SKSpriteNode(color: .orange, size: CGSize(width: 550, height: 200))
    rect.anchorPoint = CGPoint(x: 1, y: 0.5)
    rect.position = CGPoint(x: frame.width-50, y: frame.height/2)
    self.addChild(rect)
}