Home‎ > ‎

Educational Games

These are some of the easiest games to create. They usually consist of selecting objects, pushing buttons or matching objects (drag and dropping).

        Here are some Samples - ones that were designed  by students
        Also, scroll down to see more examples....

Matching or Moving Games
These are games where you drag-and-drop objects.

Let's start by creating a simple game where you are to match colors. We create 3 boxes; red, yellow and orange. We have a number of choices in creating those boxes. They can be graphic objects, images or buttons. Usually, it is best to use the buttons because you can the skin those buttons with almost any picture giving you a wide range of choices. Then instead of just being colored boxes, you could skin them with fruit (apples, bananas and oranges). You could skin them with people, words, letters, 

Selection Games
These are games where you select the correct answer. This is easy because you can just use buttons with code that answer whether you picked the right choice or not.  Of course, you can do much more with code.

Our First Educational Game - Match The Colors
Let's start by making a simple game where the user has to drag a colored box to its matching color.

First we start a new MainStack and drag 4 buttons over to it. Three buttons will be named "Red", "Green", and "Blue" and fill them with those colors. The 4th button will be named "b1" and be colored red. Code will be added to enable it to be moved (drag and dropped).

The user will try to drag the box to its matching color using the mouse.  The code to be added to drag the box (button "b1") is:

    on mouseDown
       grab me
    end mouseDown

Then when the user takes the finger off the mouse, the code will check where it is. If it is over the "Red" box, the user will see a "Correct" message. If it is dropped anywher else, it will be returned to its starting position (199, 144)

    on mouseUp
           if intersect(button "b1" , button "Red", "pixels" ) then
                  answer "Correct, Good Job"
                  set the loc of button "b1" to 199,144
                  set the loc of button "b1" to 199,144
           end if
    end mouseUp

Click here to see pictures of doing the above: - Creating the buttons and adding the code

That's it. You can add more special effects, sounds (cheering, booing, etc), or do other things when the user gets it right (change the background, go to another card/another level, change colors, etc)





Our Second Educational Game - Selecting the Right Choice
We can make a guessing game by hiding surprises under buttons. An example of this game is the famous one - Match where you turn over cards 2 at a time, trying to find the 2 objects that match. 

This is done by hiding objects under plain buttons. Then on each button put the script:

  on mouseUp
       set the visible of the button "b1" to false
       wait 2 secs
       set the visible of the button "b1" to true
    end mouseUp

When you press the button "b1" it will turn invisible (visible to false) showing what is underneath. After 2 seconds, it will become visible again, hiding the object underneath.

Dec 11, 2012, 8:26 PM
Dec 9, 2012, 5:45 PM