Small Jquery "snap" game

Need to develop a small Jquery based HTML (no-backend) app that:

- Asks a user to set parameters for snap game (see below)

- Then displays the "slides" (sets of images where 1 image may occur twice on one slide) (may look like this: [url removed, login to view])

- If the user presses the spacebar and the slide shows a match then the application counts this - amongst the mishits (and times)

- Then presents the score

In detail:

Page 1: Parameters

1. Choose number of images per page: 4, 6, 8, 10, 12

2. Select image set: (Dropdown list: Animals, Numbers, Letters, Cartoons)

Or Upload your own: 1: 2: 3 : (fileupload for a image)

3. Choose length of time: 2, 3, 5, 6, 8 minutes

4. Choose time per slide: 0.5, 1, 1.5, 2, 2.5, 3, 3.5 (secs)

5. Choose what proportion of slides have matches: 10, 20, 30, 40, 50, 60, 70 (%)

(Submit: Run Game)

Page 2:

Run game

* App creates "slides" of 4, 6, 8, 10 or 12 images per slide (depending on that selected in part 1)

* App calculates how many slides there needs to be over the time period (part 3)

* App calculates how many slides will have matches (Part 5)

* App then makes slides show for time period (4)

Following slides shown in time period (4)

1. "Ready"

2. "Steady"

3. "Go"

Then slides shown for time period (4)

IF user presses [spacebar] before time period is up for slide AND slide DOES have a matching image:

win=win+1

timetohit[slide-number] = time in milliseconds to hit spacebar (timer reset when slide displayed)

MOVE onto next slide

IF user presses [spacebar] before time period is up for slide AND slide DOES NOT have a matching image:

won=won

timetohit[slide-number] = time in milliseconds to hit spacebar (timer reset when slide displayed)

falsehit=falsehit+1

MOVE onto next slide

IF user DOES NOT press [spacebar] before time period is up for slide AND slide DOES have a matching image:

won=won

MOVE onto next slide

IF user DOES NOT press [spacebar] before time period is up for slide AND slide DOES NOT have a matching image:

win=win+1

MOVE onto next slide

At end display:

Page 3: Results:

Number of falsehits, Number of wins. List of all timetohit and Average time-to-hit

HTML5 jQuery / Prototype

ID Proiect: #13161037

Detalii despre proiect