Go to the Text property in the Properties pane and delete the display text of your Button component (#4).

Click OK again on the properties pane to close the small popup window (#3). Select the file, then click OK to close the selection window. Click the 'Upload File' button and browse to where you saved the 8-Ball image. Under Image click on the word 'None.' and a small selection window will pop up (#2).

Set the Button image to an 8-Ball image: Click on your newly added Button to see its properties in the Properties pane on the right.

Drag a Button component over to the Viewer (#1).

On the left column of the Designer, you should see the User Interface Palette.

Save the media files to a convenient location on your computer that you will remember. Right click (control-click) on the link of the image or sound, then choose 'Download' or 'Save As'.

Download one image and one sound file from below to be used in your app.

Click 'New Project' and name your project something like 'Magic8Ball' (note: spaces are not allowed). Click 'Project' in the upper left corner of the screen and then 'My Projects', which will take you to your list of projects.

If you have already made an app (such as Hello Purr), you will automatically be directed to the Designer with the last project you worked on showing.

See setup instructions if you are not sure how to sign in.

To open the App Inventor Designer window, open a new tab or window in your browser and go to.

To get started, first we'll make a button with a picture on it, and program it to play a sound when the button is clicked. The final Magic 8-Ball App will deliver a prediction from a list that you have designed.

Suggestions for further exploration: Text-to-Speech, Rotating image, Custom prediction lists.

Part Three: Shake the Phone, Get a Prediction + Hear a Sound.

Part Two: Click the Button, Get a Prediction + Hear a Sound.

Set up computers and mobile devices or emulators.

A selection of images and sounds are available at the App Inventor Media Library.

Correctly use the following App Inventor concepts: making and using a list, responding to an event.

Correctly use the following App Inventor components: AccelerometerSensor, Button, Player.

Navigate the App Inventor environment: Designer, Blocks Editor, Emulator and/or AI Companion on mobile device.

Learning GoalsĪfter completing this app, you will be able to: When activated, your 8-ball will deliver one of its classic predictions, such as 'It is decidedly so' or 'Reply hazy, try again'. This introductory module will guide you through building a Magic 8-Ball app with App Inventor. Lesson One: Magic 8-Ball Predicts the Future

Magic ball 3 pc game