To reset the game so the player can play again We use the Clock for its Timer method to move the the saucer Upload the saucer image and set the Picture property to 'saucer.png'.Ĭhange PaintColor to Green and set the Radius property to 8. This will place the rocket at the bottom of the canvas. Upload the rocketship image and set the Picture property to 'rocket.png'. Set the BackgroundColor property to Black. The background that we will be putting our sprites onĬhange Width property to 'Fill parent' and Height property to 300. To create this interface, put the following components into the Designer by dragging them from the Component Palette into the Viewer and set the properties of the components as described below: When you finish, it should look something like the snapshot below (more detailed instructions below the snapshot). Use the component designer to create the interface for SpaceInvaders.

Click below to download the image files for your rocket ship sprite and flying saucer sprite. This tutorial introduces the following skills, useful for future game development:įor this game, you will have two types of sprites: an imagesprite represented by a shooter ship and flying saucers represented by a ball sprite. Name it SpaceInvaders, and also set the screen's Title to 'SpaceInvaders'. Getting StartedĬonnect to the App Inventor web site and start a new project. You'll program an application that has a shooter ship whose goal is to shoot all the flying saucers on the screen. By building the Space Invaders App you will get practice with using Clock components and Timers, using Animation components such as Image Sprites and the Canvas, setting visibility, and detecting collisions in App Inventor.

Inventor you tube