Game 1 - Selection Task - Release!

I have at last finished my first game on this blog just in time for Christmas.

Here then is the final release of Selection Task

In general I'm pretty happy with it; think it is a cute distraction for a few minutes and demonstrates the power of the CSS really well.

It also turned out to be an interesting programming project: It required essentially no tools (text editor + SASS + firefox); it has no game loop or equivalent timer tick; it has no graphics resources; it has no hit testing or animation code.

The final source code is here; fork it, mod it, or just use it if you wish.

Game 1 - Selection Task - Mostly Done

I have all the content and pretty good intermediate screens. Stole the branding design off a Wheatsworth box - navy blue is always elegant.

So http://elementalsystems.github.io/selection/MostlyDone/# has my near complete version.

Needs to be cleaned up in various ways; better auto-generation and animations; Medal requirements need to be set; extra scoring options.

Game 1 - One Game

Got the game generally running nice for a specific level set up.

This link takes you to a five round colour game which is pretty similar what my tournament generator will generate for an easy 'colour' game. Five rounds made of 2 easy levels 2 moderate levels and one hard level.

Next up is a end of game screen showing how you did and some start on 'knowledge'  level design.

Game 1 - Proof of Concept

Go the basic ideas working - this code play a round of the game more or less: Proof of Concept


Seems to be operating okay on most mobile devices; need to handle the touch events a bit differently to stop clever browsers trying to zoom and need to switch off scaling rules in the meta tags.

Next work:

• inter-level timing and round length enforcement
• css for inplay and not a round
• Automatic next round start

Game 1 - Plan

I've been doing a lot of UI related work that is about making it easier to select one item from among many so my attention has been focused on 'Selection Tasks'.

As my first project I wanted a game that could be implemented almost entirely using CSS with very little need for JavaScript. I was also somewhat inspired by a recent Ludlum Dare suggestion: 'One Rule'.

The game is played out in rounds:

• will consist of a whole lot of moving objects
• one rule of the form: Select the xxxx objects.
• We keep a very tight clock on the round
• We score +1 for each correct selection and -1 for each error.

Some examples for 'the rule':

• Select the words that read 'red'
• Select the words written in red
• Select the words on a red background
• Select the words where the text matches the colour
• Select the words correctly spelt
• Select the words moving left
• Select the words spinning clockwise