ios - 用 SpriteKit 定制的数字替换数字

Question

我有点迷失，正在寻找一种方法让我的分数看起来像飞扬的小鸟的数字。我已准备好每个数字的所有图像，但不知道该怎么做。

var scoreLabel: SKLabelNode!


 override init(size: CGSize){
    super.init(size: size)

    GameHandler.sharedInstance.score = 0


   scorelabelhud()
}

func scorelabelhud() {
    scoreLabel = SKLabelNode(fontNamed: "bubblefont.ttf")
    scoreLabel.fontSize = 80
    scoreLabel.fontColor = SKColor.blackColor()
    scoreLabel.position = CGPoint(x: self.size.width / 2, y: self.size.height-110)

    scoreLabel.text = "0"
    self.addChild(scoreLabel)
}

![两个布偶][1]

Answer 1

首先，你不能在这里使用SKLabelNode。我的意思是，您可以创建自定义字体然后使用它，但显然，您只有每个数字的图像。因此，创建您的数字图集并将纹理命名为 [email protected] , [email protected] @2x.png。

然后创建一个名为textures的属性来存储每个数字的纹理。 下一步是将某个数字拆分为其数字。意味着将数字 230 拆分为数字 2,3 和 0。随后，根据每个数字，创建一个具有适当值的 SKSpriteNode 并相应地定位它。

这是一个可以为您提供起点的示例:

import SpriteKit

class GameScene: SKScene{

    var textures:[SKTexture] = []

    override func didMoveToView(view: SKView) {

        let atlas = SKTextureAtlas(named: "numbers")

        for i in 0...9 {textures.append(atlas.textureNamed("\(i)"))}

        createSprites(fromNumber: 230)

    }

    func createSprites(fromNumber number:Int){

        //Create an array of digits (of type Int)
        //flatMap will return an array containing the non-nil results of mapping
        let digits = String(number).characters.flatMap { Int(String($0)) }

        var i = 0
        for number in digits {

            if let sprite = createSprite(fromNumber: number) {

                //Do your positioning stuff here. I just placed nodes at the center of the screen
                sprite.position = CGPoint(x:frame.midX, y:frame.midY)
                sprite.position.x += CGFloat(i++) * sprite.size.width

                addChild(sprite)
            }
        }
    }

    func createSprite(fromNumber number:Int)->SKSpriteNode? {
        //Check if number is in allowed range ( 0 - 9 )
        guard 0...9 ~= number else { return nil}

        //You can setup your sprite here instead of just returning it

        return SKSpriteNode(texture: textures[number])

    }
}

我假设您的场景与您的 View 具有相同的大小，因此如果是这种情况，您只需复制/粘贴此代码并运行它以查看它是如何工作的(它将创建三个单独的 SKSpriteNodes 和数字 230 将形成)。