Question

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

Answer 1

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

Answer 2

如果你仍然需要它，我只是在操场上完成它：

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

这是一张20x24 16x16像素的spritesheet。

Sktilemapnode从一张图片加载图块

2 个答案: