RoundedCornerTileSet 1.1.2

RoundedCornerTileSet 1.1.2

由以下人员维护 Todd Denlinger.



  • 编者
  • Todd Denlinger

Swift 4.2 Platform Platform License

RoundedCornerTileSet

Imgur

RoundedCornerTileSet可以程序化地创建适用于任何需要背景网格和圆角方块的应用或游戏(例如,三消游戏)的SpriteKit SKTileSets。

为什么?

在匹配三消游戏中使用SKTileSets的原因是不可抗拒的。我想通过使用一个SKNode来提高背景网格的性能,而不是使用81个(实际上变成了2个节点...但仍然。)

我尝试使用XCode中的Interface Builder来实现这个功能。尝试...尝试...又尝试。但始终无法实现。我不确定是我的无知还是文档过于简略。

此外,我发现使用InterfaceBuilder添加方块集非常繁琐。因此,我决定程序化地创建它们。

需求

  • macOS 10.12及更高版本
  • iOS 11及更高版本

安装

CocoaPods

只需在Podfile中添加 pod RoundedCornerTileSet 即可。

手动操作

从GitHub下载,并将“ Sources”文件夹中的文件添加到您的项目中。

使用方法

了解 RoundedCornerTileSet 的最佳方法就是查看 Example-macos 示例应用程序。

提示:关键操作在 ViewController 中完成

func createMap(scene: SKScene, tiles: [[Int]])

基本上,这个方法接收一个二维整数数组(列行),它定义了哪些网格单元包含“填充”的地砖,哪些没有。

首先创建 SKTileSet

tileSet = try RoundedCornerTileSet.create(textures: tileCache)

然后使用

RoundedCornerTileMapNode.create(tileSet: tileSet, grid: grid)

创建 SKNode,其中“grid”来自“tiles:”参数的 Array2d

(Array2d 泛型来自 raywenderlich/swift-algorithim-club

RoundedCornerTileSet 图集

Example-shared 中提供了一个示例图集。不包括交替分辨率(@2X、@3X等),它包含32个 .png 文件。16个用于“填充”的地砖,16个用于空的地砖。

图集中的文件按照以下约定命名

<filled prefix>_xxxx.png<not filled prefix>-.xxxx.png,其中 'xxxx.png' 代表包括圆角的方向(西北、东北、西南、东南)。

例如:'rounded_1111.png' 代表四个角都圆角的地砖。

类似地,'inset_1111.png' 代表四个角都有圆角的内嵌空地砖。

我必须创建32个.png文件吗?

可以。但一个更简单的方法是使用Example-shared里面的svg文件,并进行相应的修改。

您可以使用Svg to Png轻松更改导出.png文件的多分辨率大小。