Information and Contacts

Latest News

This section of the V4T Project portal provides administrative information for the project contractual partners and for the European Commission and it is password protected.



Table of Contents
3.3 Creating games with App Inventor
3.3.1 How to create a simple game

Listed below are indicative steps that can be followed in order to create a simple game using the App Inventor.

Design the graphical user interface of the game.

In the App Inventor Designer:

  • Select components (Button, Label etc.) from the Palette.
  • Drag the selected components into the Viewer area and arrange them to design the appearance of your game.
  • From Layout palette, you can use screen arrangements to create HorizontalArrangement (from left to right) , VerticalArrangement (from top to bottom left-aligned), or TableArrangement (in a tabular fashion) of the components.
  • The selected components are placed in the Component area and named by App Inventor. You can change the name of these components or delete them, if necessary.
  • Add media files (images, sounds) to your game by uploading them from your computer. Media files are listed into the Media area under the Component column.
  • By clicking one component from the Viewer area you can change its details (title, background color etc.) that are listed in the Properties area.
  • From Drawing and Animation Palette select and configure Canvas, if necessary. On the two-dimensional touch-sensitive rectangular panel of Canvas you can draw and move Balls or ImageSprites.
  • Add a Clock component, if necessary. Clock works as a timer firing at regularly set intervals. It is non-visible component that provides manipulations and calculations dealing with time by using the internal clock on the phone or the tablet.

Define the behavior of the components - The Blocks Editor

  • Create and initialize global and local variables.
  • Select a Built-In Drawer (Control, Logic, Math, Text etc.) or a Component-Specific Drawer (a drawer for each component you created in the Designer) to get a group of blocks for that component. Every Specific component has blocks for event handlers, method calls, setting properties and getting properties.
  • Choose and drag the proper blocks into the Viewer area.
  • Configure these blocks and snap them appropriately to set game behavior.
  • Define procedures to create new blocks of instructions that can be used repeatedly.
  • Use procedure and method calls.



This project has been funded with support from the European Commission. This web site reflects the views only of the author, and the Commission cannot be held responsible for any use which may be made of the information contained therein.

The V4T - Videogames 4 Teachers project © 2018