I need help creating a grid map overlay with movement restrictions

[Jezzy]

Hello,

I am planing a new ambitious Renpy project and I am trying to figure out how to create an interactive semi transparent grid map overlay that would go over a background image of a city. This grid would allow my character to move on the map using a click on any gray box located next to her current position (see attached pictures). I don't know where to start, I know I need a screen and I need to use grid but I cannot find any clear tutorial about how I want to create my grid map and how to only activate the case around my current position. Anyone can help me? ^.^

[philat]

This isn't really a ren'py question so much as a python question. The issue of how to SHOW the location (using grid as a screen element) is secondary to how you're going to create a system to track the location (for instance, storing the player's location as x, y coordinates and then checking if the player can move in a particular direction). As such, it's hard to give advice. Googling for python grid-based examples might be helpful (e.g., along the lines of https://codereview.stackexchange.com/qu ... ent-engine -- although I just skimmed this).