swift - Sktilemapnode 从一张图片加载图块

Question

我有超过 1000 个瓷砖需要使用。在平铺中，我只能使用所有图块的一张图片，但在 Xcode 中，我必须将图块表拆分为 1000 个单个图块。有没有办法可以像平铺一样从一张图片中获取瓷砖？

Answer 1

如果您仍然需要它，我刚刚在操场上完成了它：

struct SpriteSheet {

let baseTexture: SKTexture
let rows: CGFloat
let columns: CGFloat
var textureSize: (width: CGFloat, height: CGFloat) {
    return (width: baseTexture.textureRect().width / self.columns,
            height: baseTexture.textureRect().height / self.rows)
}

init(imageNamed texture: String, rows: CGFloat, columns: CGFloat) {
    self.baseTexture = SKTexture(imageNamed: texture)
    self.baseTexture.filteringMode = .nearest // best for pixel art
    self.rows = rows
    self.columns = columns
}

var testTileMap: SKTileMapNode {
    let tileSize: CGSize = CGSize(width: 16, height: 16)
    let texture = cropTexture(row: 1, column: 10, w: 1, h: 1)
    let tileDef = SKTileDefinition(texture: texture, size: tileSize)
    let tileGroup = SKTileGroup(tileDefinition: tileDef)
    let tileSet = SKTileSet(tileGroups: [tileGroup])
    let mapNode = SKTileMapNode(tileSet: tileSet,
                                columns: 4,
                                rows: 4, 
                                tileSize: tileSize,
                                fillWith: tileGroup)
    return mapNode
}

func cropTexture(row: CGFloat, column: CGFloat, w: CGFloat, h: CGFloat) -> SKTexture {
    assert(row < rows && column < columns && row > 0 && column > 0)
    let rect = CGRect(x: textureSize.width * (column - 1),
                      y: textureSize.height * (self.rows - row),
                      width: textureSize.width * w,
                      height: textureSize.height * h)
    return SKTexture(rect: rect, in: baseTexture)
}

}

let spriteSheet = SpriteSheet(imageNamed: "dungeon.png", rows: 24, columns: 20)
let node = spriteSheet.testTileMap

这是针对 16x16 像素的 20x24 瓦片的精灵表。

Answer 2

您可以使用SKTiled或JSTilemap库来处理在平铺编辑器中创建的地图。如果你想使用内置的 SpriteKits，SKTilemapNode那么你需要使用单独的图块。