This takes some time, and often requires you to click accept, ok, or keep as the java program downloads to your computer. Wait for a few moments while the blocks editor loads. In the upper right corner of the Designer, click on the Blocks Editor button. You can change the color of the ball (PaintColor) to any color you like. Highlight the Ball1 in the Components pane and go to the Properties pane to set the heading to 30, interval to 50, radius to 20, and speed to 5.You can download the image here if you have not downloaded it yet. Highlight the Image Sprite component (#2) and change its image to paddle.gif (#3). Under the the Animation pane, drag a Ball and Image Sprite components onto the Canvas component in the Viewer(#1).You can change the background color of the canvas to any color you like.

From the Basic palette, drag a Canvas component and set the width to 300 and the height to 390 pixels under the Properties pane.

Drag the ScoreLabel into the Horizontal Arrangement first, then drag the two buttons into the Horizontal Arrangement component next to the ScoreLabel component (you can see this under the Components pane too).

Under the Screen Arrangement palette, drag a Horizontal Arrangement component to the viewer.

Rename the first button to 'StartButton' and change its text field to 'Start.' Rename the second button to 'ResetButton' and change its text field to 'Reset.'

From the Basic palette, drag two Buttons to the Viewer under the labels.

Under the Properties pane (right hand side), delete the display text of Label1 component to replace with Score' (#3) and change its font size to 18, its width to 150 pixels, and height to be 30 pixels. Under the Components pane, highlight the Label1 component and change its name to 'ScoreLabel' (#2).

On the left column of the Designer, open the Basic palette, and first drag a Label component over to the Viewer (#1).

Download and save an image of a paddle and a ding sound file from the Media Library.

To open the App Inventor Designer window, go to and sign in with a Google ID (Gmail account).

video snippets to assist students through this lesson (credit: K.Roy).

a selection of images and sounds in the App Inventor Media Library.

App Inventor components: canvas, buttons, labels, animation sprites, procedures with no parameters, global variables, and conditionals.

App Inventor environment: designer, blocks editor, emulator and/or physical phone.

Learning GoalsĬompleting this app will help you learn about: If the ball hits the paddle, the user gains points if the ball hits behind the paddle, the game is over. The ball bounces off the paddle and three walls. Pong is a simple game, which consists of a paddle (which is controlled by the user) and a ball.

Bounce touch gifs