SpriteKit 和 JSTileMap

Question

我很难理解 JSTileMap 如何与 SpriteKit 和 Tiled 一起使用。

问题与像素和点有关，也与使用基于屏幕比例因子的 JSTileMap 加载适当的瓦片集有关。

项目中的文件结构

在我的项目中，有一些文件具有以下结构，这代表了我的低分辨率地图（1024x768px 和 32x32px 瓦片）：

• 名为 SD 的文件夹
  • level-1.tmx
  • 文件夹 tmx-levels-sd.atlasc
    • tmx-levels-sd.1.png
    • tmx-levels-sd.plist

在这种情况下，当我在非视网膜模拟器上加载 level-1.tmx 时，一切都已正确定位。当我在视网膜模拟器上运行相同的配置时，一切都很好，但瓷砖被缩放了。因为质量受到影响。 那么，如何在需要的时候加载高分辨率的瓦片集呢？

另一种解决方案

我还尝试通过为每个级别使用两个版本的地图（低分辨率和高分辨率）来解决这个问题。这实际上是我试图避免但仍然可以接受的：

对于这种情况，我的文件结构如下（地图为 2048x1536，带有 64x64 像素的图块）：

• 名为 SD 的文件夹
  • level-1.tmx
  • 文件夹 tmx-levels-sd.atlasc
    • tmx-levels-sd.1.png
    • tmx-levels-sd.plist
• 名为 HD 的文件夹
  • level-1-hd.tmx
  • 文件夹 tmx-levels-hd.atlasc
    • tmx-levels-hd.1.png
    • tmx-levels-hd.plist

我猜那张大小为 2048x1536 且瓦片大小加倍的地图适合我的高分辨率版本的地图？另外如您所见，我的项目中根本没有@2x 瓦片集（我猜我们不能在Tiled 编辑器和JSTileMap 中使用@2x 后缀？）。

这种配置的问题是一切都被改变了（位置和瓷砖尺寸加倍）。 JSTileMap 可能适用于点，平铺像素，最重要的是有一个已知的iPad simulator bug related to texture atlases，这让我很难理解是什么导致了高分辨率地图的问题。

有人可以澄清这些关于完全使用 JSTileMap、SpriteKit 和 Tiled 的事情吗？谢谢！

Answer 1

我收到了你的消息。

首先，您需要@1x 和@2x 版本的图块（精灵）。因此，如果您有一个名为 myTiles 的图集，您将需要：myTiles.png & myTiles@2x.png。

我使用纹理打包器创建了我的精灵表。我添加了@2x 图像，然后在导出时创建了一个@1x 版本。

在 Tiled 中仅使用 @1x​​ 版本，因此您将使用 myTiles.png

如果您的地图是 32x32，那么您的 @1x 版本将是 32x32，而您的 @2x 版本将是 64x64

忘记 SD 和 HD 文件夹，只使用 1 个称为级别的文件夹

里面你需要：

level-1.tmx, tmx-levels-sd.1.png, tmx-levels-sd.1@2x.png

您可以在主级别文件夹下拥有子文件夹。由您决定，但您必须同时拥有 @1x 版本和 @2x 版本的 png，并且您不能只复制 @1x 或 @2x 版本。 @1x 版本必须是基于 32x32 的图块，@2x 版本必须是其两倍 (64x64)。在 tmx 文件本身中，您不会加载 @2x 版本，因为这会破坏您的关卡。

** 所以你的游戏将是一个 32x32 的图块集。 sprite kit 的作用是将视网膜显示器上的像素加倍，因此为此您需要提供@2x 版本，否则它将升级您的@1x 版本，并且图块看起来很大且像素化。所以尽量不要混淆整个像素到点的事情。

代码示例：

GameViewController（加载场景）：

- (void)viewDidLoad
{
[super viewDidLoad];

self.currentLevel = 1;

// Configure the view.
SKView * skView = (SKView *)self.view;
skView.showsFPS = YES;
skView.showsNodeCount = YES;

/* Sprite Kit applies additional optimizations to improve rendering performance */
skView.ignoresSiblingOrder = YES;

// Create and configure the scene.
LevelScene *scene = [[LevelScene alloc]initWithSize:skView.bounds.size level:self.currentLevel];
scene.scaleMode = SKSceneScaleModeAspectFill;

// Present the scene.
[skView presentScene:scene];
}

LevelScene（加载 JSTileMap）：

#import "LevelScene.h"
#import "SKTAudio.h"
#import "JSTileMap"
#import "Player.h"

@interface LevelScene()

@property (nonatomic, assign) NSUInteger currentLevel;
@property (nonatomic, strong) SKNode *gameNode;
@property (nonatomic, strong) JSTileMap *map;
@property (nonatomic, strong) Player *player;
@property (nonatomic, assign) NSTimeInterval previousUpdateTime;

@implementation LevelScene

-(id)initWithSize:(CGSize)size level:(NSUInteger)currentLevel {

if ((self = [super initWithSize:size])) {
    self.currentLevel = currentLevel;
self.gameNode = [SKNode node];
    [self addChild:self.gameNode];
NSString *levelName = [levelDict objectForKey:@"level"];
    self.map = [JSTileMap mapNamed:levelName];

    [self.gameNode addChild:self.map];
return self;
}