Zoom a scrolling TileMap

This is a READ-ONLY snapshot of the Godot Community Forums when TwistedTwigleg was the owner, which is hosted for archival reasons only. The current Godot Community Forums can be found here.

Some links may point to external websites, including the current Godot Community Forums. These websites are not associated with TwistedTwigleg.

Default_User

I had successfully created a TileMap embedded in a ScrollContainer. I wanted to be able to zoom in or out on the tiles. I added a Camer2D node with code to zoom with the mouse wheel. The problem is, the ScrollContainer itself is growing or shrinking. I want it to stay the same size and the tiles to do the zooming. I don't know if I've made a mistake in the node arrangement or what. Caps below.

duane

You could use the scale property of the TileMap.

Default_User

I will take a look at that. I'm still evaluating whether the scrolling container is the best solution, but for now I want to get it prototyped for proper comparison.

Thanks.

Default_User

This sort of worked. The current is a ScrollContainer, with a Panel as a child node, then a TileMap as a child of the Panel. Results of a few trials:

If I scale just the TileMap, the tiles remain the same size, but the entire ScrollContainer changes. It gets larger as I zoom out, and smaller on zoom in.
If I scale the TileMap and the panel, the tiles shrink, but the container changes slze as above.
The best result is to scale all three. The container remains the same size and the tiles shrink. However all of the methods have some problems with the container moving. This is particularly a problem when zooming out. The first zoom out from start finds the container in the upper left of the screen (image below), and subsequent zoom out steps it goes off screen. There must be something I need to do to get it to stay in the center.

duane

This is what I'm doing to scale. Getting the scroll_* parameters right afterward just requires some geometry work.

func scale(amt:float):
	tile_map.scale *= amt

	# Set the panel size to the used area of the map.
	panel.rect_min_size = (tile_map.get_used_rect().end + Vector2.ONE) * TILE_SIZE * tile_map.scale

	scroll_horizontal *= amt
	scroll_vertical *= amt