用自定义数字SpriteKit替换数字

Question

我有点失落，正在寻找一种方法让我的分数看起来像飞扬的鸟数。我为每个号码准备好了所有图像，但不知道如何做到这一点。

console

！[两个muppets] [1]

Answer 1

首先，您无法在此使用SKLabelNode。我的意思是，您可以创建自定义字体然后使用它，但显然，您只有每个数字的图像。因此，请创建数字地图集，并将纹理命名为0@2x.png，1 @ 2x.png ... 9@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])

    }
}

我认为您的场景与您的视图具有相同的大小，因此如果是这种情况，您只需复制/粘贴此代码并运行它以查看其工作原理（它将生成三个独立的SKSpriteNodes将形成第230号。