Skip to content

Number Memory Game – MIT App Inventor Tutorial

In this app, numbers will appear in a 4×4 grid for a certain amount of time. User needs to remember all the numbers and tap on the buttons according to number sequence from 1 to 16.

UI Components:
Label, Horizontal Arrangement, Button (lots of button 😱), Horizontal Arrangement, Clock, Notifier

Clock – Enabled (false), TimeInterval (5000)

Blocks

Generate Random Number Sequence

First, generate a list with incremental numbers from 1 to 16. Then, apply Fisher-Yates algorithm to shuffle the list to have random permutation.

Show Numbers when Game Start

When the start game button is clicked, generate the random number list and show the numbers on all 16 buttons from left to right.

Enable the clock when game start to start the timer. In this example, the time interval was set to 5000ms and once the Clock.Timer event called, disable the timer and hide all the text on buttons.

Finally, we need a variable to keep track of the button clicks and the number will be displayed using the top label.

Game Play

For each button click, increase the clickCount variable by one and check if the number on the button matches the number in our generated array based on its sequence. In below example, checkClick function will take in an argument which will be used as index to get the value in the generated list.

Complete Program

Other Resources

building

How to Build Website like Codecademy

Interactive coding platforms are probably the most common way many people get started learning how to code. I used websites such as Codecademy, freecodecamp, and W3School a lot to learn
Read More

Binary Representation of Text

Most text characters are converted into binary using a code called ASCII (American Standard Code for Information Interchange). The first version of ASCII was published in 1963 and last updated
Read More
image data representation

Binary Representation of Images

All data are stored as binary in computers. How images are represented in binary? To understand how images are stored digitally, first, we need to learn what is a pixel.
Read More

Colour Guessing Game – MIT App Inventor Tutorials

In this game, a RGB value will be generated randomly and player will need to select the correct colour based on the RGB value. UI Components:Label, Horizontal Arrangement, Button, Notifier
Read More

The Nim Game – MIT App Inventor Tutorials

Nim is a mathematical strategy game which two players take turn to remove any number from different piles. There are many variations of the game, in this tutorial, there will
Read More

MIT App Inventor Generate QR Code Offline

This app will generate a QR code using string input by user. The QRCodeCreator extension was used for the QR generation. Add BarcodeScanner and File components to provide required dependency
Read More
learn-kodular-thunkable

Learn Kodular, Thunkable & App Inventor – Start with Programming Basics

The rise of low-code/no-code platforms allow anyone to easily create mobile apps. In the low-code/no-code mobile apps development space, three notable platforms are MIT App Inventor, Thunkable, and Kodular. Both
Read More

Drawing Canvas – MIT App Inventor Tutorial

Create a drawing canvas on app inventor that allows you to pick colour from all spectrum. In this app we will also add several drawing tools such as drawing straight
Read More
dungeon-whack-mit-app

Dungeon Whack – MIT App Inventor Tutorial

We will build a game similar to the classic Whac-A-Mole game. The user will need to tap on the orc that shows up randomly on the screen within a limited
Read More
todo app

To-do List – MIT App Inventor Tutorial

Create a to-do list app that can help you to get all the tasks out of your head and manage them on your phone anytime. UI Components:Label, Horizontal Arrangement, Button,
Read More