Tutorial: How to create a minimap in Smile Game Builder

[JayRay]

Add assets > Game images > Images. Click "Add."



Create an "advanced event" on an empty block on your map.



Set the event to "Automatically Start (Synchronize and Repeated.)
Add a wait event, 0.1 seconds.



Step 6.
Add a "Display Image" event. Choose your map image, press "Select..." and drag the image to your desired location on the screen.



Step 7.
We now need to calculate where we will display the player dot on the screen.

Add an "Advanced Variable Box Op" event. We want to use a new variable and name it "PlayerX." Assign "Player Position", "X Coordinate."
Add another "Advanced Variable Box Op" event. This time use a new variable named "PlayerY" and assign "Player Position", "Y Coordinate."


Step 8.

As I've resized my map by 400% we will need to multiply our coordinates by 4 times each.



Create two "Variable Box" events for the PlayerX and PlayerY variables to multiplay them each by 4 times.


Step 9.

Create a "Variable Box" event. Look at the X coordinate you've used on the "Display Image" event for the map. Use that number and add it to the "PlayerX" variable.
Create another "Variable Box" event. This time add the value of the Y coordinate for the map image to the "PlayerY" variable.





Step 10.

And finally we display our player dot.



Add another "Display Image" event. Make sure to assign a different "Image display number." Select the "Assign by Variable Box" radio button. Set X to the "PlayerX" variable. Set Y to the "PlayerY" variable.


Step 11.

Test the game. You should have a minimap on the screen showing the players current position. Yay. Wow. Nice.