Javascript/HTML5 game for teaching children simple math.

This project was successfully completed by qingsong for $580 USD in 7 days.

Get free quotes for a project like this
Project Budget
$250 - $750 USD
Completed In
7 days
Total Bids
Project Description

Simple game where the child has to solve mathproblems to reveal an image.

See enclosed pdf for a simple sketch.

You can also have a look at this iPad app which is similar: [url removed, login to view] (Our version will be more simple without the map, score and timer).

To the left is a box divided into 5x5 squares,

To the right are five tiles with different answers (for example "12","18","6","21","30")

A random square in the box will show a math problems (for example "3x4"). The child has to drag the correct answer to the square.

If it's correct, the square will disappear to reveal a section of an image hidden under the squares. A new tile with an answer appears will slide in at the right so there are still five tiles with different answers.

If its, wrong the tile with the answer goes back to its starting postion at the right, with an error sound (buzz). When all 25 questions are answered and all the 25 squares are gone, the complete image can be seen. A box will appear with some text and also a button will appear with the text "Next". When clicked the game will restart with the next image.

== Important ==

1.I will provide the hidden images and also a background image for the game

[url removed, login to view] provide all other images (buttons etc).

[url removed, login to view] game should run smoothly on firefox, chrome, internet explorer, Ipad and most android tablets.

[url removed, login to view] game should scale up or down to fit the screen while keeping its porportions. If you cant get the game to fit the screen, dont bid.

[url removed, login to view] you dont understand any of the instructions, then ask.

== Customizable ==

The game shoud be easy to customize for different math problems, images and languages. I need to be able to change:

1. The top title text (in the pdf "DINOSAOUR MATH - learn the 6 times table").

2. The instruction ("Drag the correct answers to the grid to reveal the hidden picture!")

3. The hidden images.

4. Any other images, buttons etc.

4. The text that is displayed when an image is completely uncovered.

5. The math problems

I suggest all text and images for the game is placed in a file, gamedata.js. It could look something like this:

var txt_title='DINOSAOUR MATH - learn the 6 times table';

var txt_instruction='Drag the correct answer to the grid to reveal the hidden picture!';

var txt_next='Next';

var txt_welldone='Well done!';

var images=[{file:'images/[url removed, login to view]',text:'It's a Math-a-saurous!'},

{file:'images/[url removed, login to view]',text'It's a Sleep-a-saurous!'},

{file:'images/[url removed, login to view]',text:'It's a Santa-saurous!'}


var mathProblems=[{q:'0x6',a:'0'},{q:'1x6',a:'6'},{q:'2x6',a:'12'},{q:'3x6',a:'18'},{q:'4x6',a:'24'},{q:'5x6',a:'30'},


var backgroundImage='images/[url removed, login to view]';

And then this file its imported to the html file

This way I can easily change the [url removed, login to view] to customize the game the way I want.

Completed by:
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online