Response title
This is preview!
Building a Simple Game
in Using jQuery
•
10 years ago
Hello, all!
I am working on a very simple 'game' concept — for now called '2-Player, Left and Right Game.' It's actually for an online art project, but I want 'interactive game' to be the medium. I'm pretty sure it should be a fairly simple project, but could be completely wrong — I can read and make some edits to jQuery, but writing it from scratch is something I'm still learning.
Here is the layout of the game:
- Page 1 — Static HTML/CSS landing page w/game title, directions and 'click to play.' When clicked, the browser will load...
- Page 2 — The game:
- Two images, each with 8 frames of animation that will loop continuously, one on the left side of the screen (Player 1) and one on the right (Player 2) — P1 uses the A, D keys and P2 uses the left and right arrows
- A simple countdown timer that counts down '3, 2, 1, GO!' — I'd like to make these numbers out of images, kind of in the style of 8-bit numbers/letters, or @font-face, using a font similar to these: http://www.zone38.net/font/
- When the timer hits 'GO!,' both players start pressing their 'left' and 'right' keys, 4 left and then 4 right. With each key stroke, the next frame of the 'animation' would play, with anything over 4 hits in any direction not registering as a successful strike
- The players repeat this for a random amount of time (between 5 and 30 seconds — different for each time the game is played)
- Page 3 (2 versions) — Winner screen, based on whoever was able to hit the most successful key strokes
This is unfortunately a personal side-project, so there is no profit being made (or even any non-profit being made). I will credit whoever is willing to help with this project at the bottom of each page, with a link to your personal website or profile page.
I will say this: if you are uneasy with making fun of celebrities or are averse to pornography, you will not want to be associated with this project.
If you're interested, reply and I'll get you my contact info.
1