ios – iPhone SpriteKit rotation and zooming

I’m new to SpriteKit, and I’m attempting to observe by making a easy 2D recreation. I’ve gotten as far as to have my map displayed on the display screen, and cropped to solely fill about 1/3 of the display screen (in order that I can go away area for different controls, and so forth).

Nonetheless, making use of the rotation and zooming in gestures to the map are giving me a headache. I’ve found out that if I rotate the digital camera (SKCameraNode), then my complete display screen rotates, and that’s not what I would like. You may see my try at: https://youtu.be/UHIifaoGQQw if you wish to. Within the video, I might just like the map to rotate and zoom throughout the inexperienced rectangle, and be cropped neatly throughout the inexperienced rectangle solely. However as you possibly can see, the entire thing rotates.

I attempted to position my SKCameraNode contained in the SKCropNode, however that did not assist.

Additionally, I’ve tried to use rotations to my SKTileMapNode object, and that’s truly working appropriately and cropping the seen map space to 1/3 of the display screen. Nonetheless, the rotation doesn’t appear to be centered across the consumer’s middle view, and the axis of rotation is at all times considerably left or proper of the seen map middle. This makes it very arduous to rotate and zoom the map in any helpful means.

Is there any strategy to make the most of SKCameraNode and have it cropped “appropriately”? If I rotate the entire SKTileMapNode, then I would want to do some superior arithmetic to calculate the brand new place of the SKTileMapNode after rotation, with a purpose to middle it to the view, and it appears to be very arduous for me (not a math buff right here, sorry).

That is how I render my map:

non-public func renderMap() {
  guard let map = currentMap else { return }
  guard let textureAtlas = textureAtlas else {
    print("Texture atlas not loaded")
    return
  }
  let tileSet = createTileSet(from: textureAtlas)
  let columns = map.mapData[0].depend
  let rows = map.mapData.depend
  let tileMap = SKTileMapNode(tileSet: tileSet, columns: columns, rows: rows, tileSize: tileSize)
  tileMap.anchorPoint = CGPoint(x: 0.5, y: 0.5)  
  // Fill the tile map with tiles based mostly on the mapData
  for row in 0 ..< rows {
    for column in 0 ..< columns {
      let tileName = map.mapData[row][column]
      if let tileGroup = tileSet.tileGroups.first(the place: { $0.title == tileName }) {
        tileMap. setTileGroup(tileGroup, forColumn: column, row: row)
      }
    }
  }
  // Create a crop node
  let cropNode = SKCropNode()
  let cropWidth = tileSize.width * 3
  let maskNode = SKShapeNode(rect: CGRect(x: 0, y: 0, width: cropWidth, peak: 300))
  maskNode.fillColor = .white
  cropNode.maskNode = maskNode
  cropNode.addChild(tileMap)
  self.addChild(cropNode)
}

Right here is my rotation handler:

// Deal with rotation
@objc non-public func handleRotation(gesture: UIRotationGestureRecognizer) {
  print("handleRotation")
  guard let digital camera = digital camera else { return }
  if gesture. state == .modified | | gesture.state == .ended {
  digital camera.zRotation -= gesture.rotation
  gesture.rotation = 0.0 // Reset rotation issue
  print("handleRotation full")
}