Create interactable world map

Phaser 3
1

Hi, i have close to no experience with Phaser, neither with developing games, but I need to achieve something for a project and I thought this could be the tool I need.
My objective is to create an interactable world map where every country is divided in regions. When clicking on a region, it should be somehow highlighted/change colour and some info and Icons should appear over it. I don’t need to do anything else. So my questions are:

  • Is Phaser 3 a good tool to achieve this?
  • Considering that every region has a non-squared form and has borders with other regions, what should be my approach to achieve a highlight on click?
  • Are there any examples showcasing any of my needs?

Thanks in advance.

2

Yes, would be simple to do (depending of course on your general JS programming experience). This example sounds similar to your idea, and uses the camera to pan and zoom around. In regards to input targets, you can use a texture based game object, where the texture alpha determines clickability.

1 Like
3

Understood. Thanks for the example! I will use it as a starting point.