MIT App Inventor is a software development tool for designing apps for Android phones and tablets. It is free to use with a Google account.
Click below to start a Play That Tune project in App Inventor (login with a Google/gmail account):
Explore the App Inventor Design and Blocks windows (seen in the diagrams on the right) in your opened app.
Try changing the colors of the buttons in the Design window. Click on a piano key button and change its BackgroundColor in the properties window on the right.
In the Blocks window, try adding code blocks that change the color of a key when it is clicked. For example, click on ButtonC on the left, scroll down and find a "ButtonC.setBackgroundColor" block and drag it into the "When ButtonC.Click" block in the middle, and add a Color block from the left.
Advanced: Try adding new buttons for the black keys on a piano (C#, D#, F#, G#, and A#) and new Media/Sound components for them with their Source property set to the correct sound wav file. In the Block editor, build Button.Click blocks for each sharp key to play the corresponding sounds.
Advanced: Try adding a C chord button that plays the SoundC, E, and G notes together (although the sound files will start one after another, they will overlap). Try adding other chords.
Download the app to your Android phone or tablet from the Connect menu at the top. Choose Connect/AI Companion. Install the free MIT AI Companion app on your phone or tablet to connect (directions).
