Sktilemapnode 从一张图片加载图块

Posted 2023-02-25

【中文标题】Sktilemapnode 从一张图片加载图块

【英文标题】：Sktilemapnode load tiles from one picture

【发布时间】：2017-02-05 21:59:19

【问题描述】：

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

【参考方案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 瓦片的精灵表。

【参考方案2】：

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

【讨论】：

有办法的。以编程方式拆分图片并以编程方式将图块添加到 SKTilemapNode，但我正试图弄清楚。

github上有一些程序是用swift开发的，可以将地图加载到Tiled制作的Xcode中