In Progress

simple puzzle game Javascript /Html5 /webstorage - repost

simple jigsaw puzzle HTML 5/javascript.

Html page contains the puzzle view of the image, the image size is fixed at 480x480.

There must be a selector which allows us to select a puzzle of 2x2, 3x3 or 4x4 (# of pieces), (corresponding to piece sizes 240x240, 160x160 or 120x120

The puzzle is displayed a whole (just the image) in the background and at the start pieces are positioned randomly. The positions MUST include locations outside of the image.

The result should look like the puzzle over here:

[url removed, login to view]

With the following differences

the pieces at the start should be random (shuffle button is not necessary, this can be automatic on coming to the page), and positions should include locations outside of the containing box.

Should detect when the puzzle is complete and a sound (mp3 file) should be played.

after 5 seconds (configurable in the code) a HINT must be shown in which a given piece NOT in position and the target location are highighted

Pieces must "Snap" into place, i.e. there must be some detection mechanism so that if the piece is close enough to the target location it snaps into position.

NOTE:

It is NOT necessary to rotate the pieces this is simpler and all we need... The pieces should always be correctly oriented so the user only has to drag and drop. the game is for young children so it should be as simple as possible.

ANY library can be used, but it must be open source and readable javascript (no minified), the code at [url removed, login to view] can be used as a starting point, but any other will be accepted, if the result is similar and includes the changes noted above.

NOTES:

You MUST provide a TEST website for this. Please do not bid on this project if you cannot post the result on a public test site. In order to simplify the testing, I will be using the public TEST site for validating the result before I try to install it locally.

Must work in Chrome and safari on an IPad (but no APP, just javascript/HTML5 !!!

Hello, please note that this project is urgent, I will favor bids which are less then 8 days. Please do not bid if you cannot deliver quickly (I am targetting October 25th for a working solution).

Skills: Game Design, HTML5, iPad, Javascript, jQuery / Prototype

See more: html5 simple jigsaw puzzle, javascript in html 5, javascript html 5, javascript game code, javascript code library, html 5 javascript, html5 button, game testing positions, game in html code, game html code, button over page html 5, p sound, javascript image library, html5 google chrome, google html5, testing game, puzzle game project, outside of the box, jq, javascript html5, ipad game test, html5 image, html5 game, drop game, chrome javascript

About the Employer:
( 35 reviews ) Lausanne, Switzerland

Project ID: #5033760

Awarded to:

zfla

Hello. I am interested in your project. I've rich experience with html5 and javascript development. Please check my protfolio and kindly me reply. Best regards. Thanks.

$206 USD in 3 days
(12 Reviews)
5.6

3 freelancers are bidding on average $228 for this job

VnBestSolutions

Dear Sir, We claim to get it done perfectly for you EXACTLY in the way you want it - Kindly give we a chance and we will prove myself - Ready to prove our words, let's get it done right away and I mean RIGHT AWAY !! More

$252 USD in 3 days
(1 Review)
0.8
sc3w

Dear Sir/Madam, We are a small team of web developers from Romania (GMT+2 timezone). Recently we have completed successfully a very similar project in JavaScript (Drag&Learn application - I can show a demo on reques More

$225 USD in 14 days
(0 Reviews)
0.0