Home Game Development How to pan and zoom an isometric map on a canvas

How to pan and zoom an isometric map on a canvas

0
How to pan and zoom an isometric map on a canvas

[ad_1]

I’m new to html canvas.

So far I’m following this code as base for easy isometric tiles.

I made an empty isometric grid map that solely exhibits the grid.

I need to offset the place of my isometric map, down and proper and vice versa.

The code that I’m utilizing for instance has just a little map, with just a few tiles and its a set place, in my code, I made 10x larger.
I need to navigate by means of my 100 tiles, navigate to the perimeters.

This is my code

In the instance code there’s a perform renderTiles, the place it has two perform inside that has renderY + 48.

renderTileBackground and renderTileHover

When I enhance these values to offset an sure axis,the perform renderTileHover get buggy, it hovers the flawed tile.

I did comply with these directions for isometric, however I’m so misplaced on this canvas factor.

How do I zoom out and in and pan this isometric canvas grid?

[ad_2]

LEAVE A REPLY

Please enter your comment!
Please enter your name here