ios - 在 Sprite-Kit 中滚动 Tilemap（JSTileMap 故障）

Question

由于 JSTileMap 扩展了 SKNode，您可以使用 API 像任何其他节点一样移动和动画您的 tilemap。但是，我不断收到这种奇怪的效果/故障......

代码：

_tiledMap = [JSTileMap mapNamed:@"Cloud.tmx"];
if (_tiledMap) {
    [self addChild:_tiledMap];
}
_tiledMap.position = CGPointMake(800, 0);

SKAction *scrollLeft = [SKAction moveTo:CGPointMake(600, 0) duration:4];
SKAction *scrollRight = [SKAction moveTo:CGPointMake(700, 0) duration:4];
SKAction *sequence = [SKAction sequence:@[scrollLeft, scrollRight]];
SKAction *repeat   = [SKAction repeatActionForever:sequence];
[_tiledMap runAction:repeat];

结果：

如您所见，每当 JSTileMap 改变方向时，取决于它的左侧或右侧，图像被裁剪或其他什么，我无法解释。如果节点本身是 SKSpriteNode，则不会发生这种情况。我在背景图像中添加了数字以供视觉参考。

---

编辑

进一步的测试表明，在更新循环中手动移动 JSTileMap 的位置 (_tiledMap.position.x = x+1) 具有相同的效果。它在向左动画时裁剪图像/图块，并在向右动画时恢复正常。

Answer 1

我找到了解决方法。显然问题是第一个tileset列本身由于某种原因被裁剪（如果有人知道这一点，请告诉我）。所以解决方案是创建一个比原始 tilemap 尺寸宽 2 个 tile 单位的 tilemap。例如，如果您的切片设置为 32x32（1024x768 的切片图），您应该生成一个 1088x768 的切片图并在第一列之后开始绘制。

见下图。

Answer 2

看来我使用的是 JSTileMap 的旧版本/未维护版本。Slycrel 的 JSTileMap 版本解决了这个问题。

https://github.com/slycrel/JSTileMap