Over the course of the past few months I've been developing this idea, a little web game called Boxes. Basically, I saw some cool looking CSS3 buttons on a site with a nice transition upon hovering so I decided to make some myself. And then that turned into a grid of divs, and then that formed the idea for the game. I have working code (not finished, of course) for the game but I've been making a cleaner site to stick it on from scratch.
The main game mechanic is the use of a timer. Well, multiple timers actually. All the player will see is the timer in which they must try and find all 'happy' boxes to succeed. You see if a box is happy from hovering over it, but for the most part the boxes will either be empty, or have an instance of an unhappy character lurking inside. Clicking on this resets the your progress.
I've written an initial description on the 'rules' page as follows:
"Welcome to Boxes! In this little web game you must try and save all the little happy boxes, as quickly as you can. As you hover over the different boxes you'll be able to to see if they're happy or not. But hey, don't click on the sad ones! Remember, once a happy box has been clicked, it won't stay up forever and it will surely move."
It'll be a lot easier to see what I mean when I put it up online, but I'll throw in a screenshot of the initial version of the working code. Oh, and I'll be using a global scoreboard to see who can get the fastest times!
The tagline to this little project is, 'A good ol' time waster', which got me thinking about possibly creating a series of these time waster projects, or games, or whatever they'll be. I'll put one or two follow up posts to this when I'm nearer to finishing.
Alex.