SpriteKit Swift网格中物理体与纹理图像不对齐问题

问题根源 #

你手动创建的物理体与TileMap纹理错位，核心原因是物理体的坐标计算逻辑错误：当前代码中，你基于tileMapNode的全局坐标创建物理体矩形，但将物理体节点的位置设为(0,0)，导致物理体的实际位置偏移了对应tile的坐标值，和纹理位置不匹配。

修复步骤 #

修改非gap tile的物理体创建代码，将物理体节点定位到对应tile的位置，并使用本地坐标创建物理体：

if !isGapTile {
    // 计算当前tile在tileMapNode中的位置（左上角坐标）
    let tilePosition = CGPoint(x: CGFloat(x) * tileSize.width,
                               y: CGFloat(y) * tileSize.height)
    // 基于物理体节点的本地坐标创建矩形（原点为节点自身的(0,0)）
    let localTileRect = CGRect(x: 0, y: 0,
                               width: tileSize.width,
                               height: tileSize.height)
    
    let tilePhysicsBody = SKPhysicsBody(edgeLoopFrom: localTileRect)
    tilePhysicsBody.categoryBitMask = 4
    tilePhysicsBody.contactTestBitMask = 1
    
    let physicsBodyNode = SKNode()
    physicsBodyNode.position = tilePosition // 将节点定位到tile的位置
    physicsBodyNode.physicsBody = tilePhysicsBody
    tileMapNode.addChild(physicsBodyNode)
}

额外优化建议 #

• 如果不需要单独控制每个tile的物理体，可以直接为tileMapNode创建整体物理体（需手动排除gap区域），减少节点数量提升性能：

  // 构建包含所有非gap tile的路径
  let path = CGMutablePath()
  for x in 0..<columns {
      for y in 0..<rows {
          if !(x == 4 || x == 5 || x == 6) {
              let tileRect = CGRect(x: CGFloat(x)*tileSize.width,
                                    y: CGFloat(y)*tileSize.height,
                                    width: tileSize.width,
                                    height: tileSize.height)
              path.addRect(tileRect)
          }
      }
  }
  tileMapNode.physicsBody = SKPhysicsBody(edgeLoopFrom: path)
  tileMapNode.physicsBody?.categoryBitMask = 4
  tileMapNode.physicsBody?.contactTestBitMask = 1
  

• 确认tileMapNode的anchorPoint保持默认的(0,0)，避免坐标系偏移。

内容的提问来源于stack exchange，提问作者lando2319