Javascript/HTML5 game for teaching children simple math.

IN PROGRESS
Bids
19
Avg Bid (USD)
$558
Project Budget (USD)
$250 - $750

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: https://itunes.apple.com/se/app/id505834212?mt=8&affId=1860684 (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
2.You provide all other images (buttons etc).
3.The game should run smoothly on firefox, chrome, internet explorer, Ipad and most android tablets.
4.The 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.
5.If 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/dino1.jpg',text:'It's a Math-a-saurous!'},
{file:'images/dino2.jpg',text'It's a Sleep-a-saurous!'},
{file:'images/dino3.jpg',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'},
{q:'6x6',a:'36'},{q:'7x6',a:'42'},{q:'8x6',a:'48'},{q:'9x6',a:'54'},{q:'10x6',a:'60'},{q:'11x6',a:'66'},{q:'12x6',a:'72'}];
var backgroundImage='images/background1.jpg';

And then this file its imported to the html file


This way I can easily change the gamedata.js to customize the game the way I want.

Skills required:
HTML5, Javascript
Additional Files: sketch_game2.pdf
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 500
in 15 days
Hire ibapi
$ 750
in 10 days
$ 1000
in 30 days
$ 699
in 9 days
$ 580
in 7 days
$ 750
in 21 days
$ 600
in 10 days
$ 750
in 30 days
$ 300
in 3 days
$ 1300
in 3 days