Creating an in game map

What are the best ways to go about making a map in game? I want the user to be able to zoom in and out, and have icons on the map you can tap on and do different actions.

1 Like

Best way? Possibly the only way may be to use the Canvas . App Inventor 2 is not a game engine so there is no fantastic tool to do something like this.

Have you read Creating Animated Apps ?

Using the ScaleDetector extension, you can also zoom in.

Your icons can be ImageSprites or possibly colored zones (There is a tool that can detect the color of a pixel and respond to a touch). See Drawing and Animation components for a list of possible manipulation tools. Put your basic game map as the Background image of the Canvas and lots of things are possible.

Before you continue, you may want to review what can be done using App Inventor 2

Here are some resources to help you learn to use the AI2 tools. A very good way to learn App Inventor is to read the free Inventor’s Manual here in the AI2 free online eBook … the links are at the bottom of the Web page. The book ‘teaches’ users how to program with AI2 blocks.

There is a free programming course here and the aia files for the projects in the book are here:

How to do a lot of basic things with App Inventor are described here: .

Also look here and here for more tutorials.

You can look at the developer submitted apps in the MIT Gallery to see the types of games others have developed.

Here is a different type of map that can be used in a game. or [here](http:// here) or see also Scott’s examples here!searchin/app-inventor-developers-library/board$20game|sort:relevance or Ghica’s aia

Good luck Brady.


1 Like

Thanks for the help Steve,
I was thinking about using a canvas, and obviously app inventor is probably not what I should be using, but I am looking for a fun challenge and I am making it to the best of the capabilities of AI2. Thanks for the resources to help me learn even more, and thanks for the imformation about the canvas and scaledetector!