Game Instructions

Tap a tile to toggle its color. When a tile changes nearby tiles may change as well. Each move affect multiple tiles. The target is to turn all tiles into yellow in the fewest steps possible.

Press 'j' to show/hide the game. Press 'i' to show/hide the instructions. Press 't' to show/hide the top score table.

Steps: 0

Top Scores

Name Steps
Press J to toggle the game, I to toggle instructions, and T to toggle the top scores

Congratulations!

You solved the puzzle in 0 steps!

Success!

Score submitted successfully!

Error

Failed to submit score. Please try again.

Google Charts Jump Start PRO

The Google Charts JavaScript library provides us with the capability to create various types of charts. The Google Charts library is available online hosted on Google servers. The following code sample shows how we can create a simple pie chart using the Google Charts JavaScript library. <html> <head> <script type=”text/javascript” src=”https://www.google.com/jsapi”></script> <script type=”text/javascript”> google.load(“visualization”, “1”, […]

UAParser.js Jump Start PRO

There are many cases in which we need to get exact information about the client on which the code we wrote in JavaScript is running. Getting the information we need out of the user-agent is not straight forward. Using the UAParser.js lightweight JavaScript library it becomes much simpler. The following demo shows how simple it […]

Microtext.js Jump Start PRO

The Microtext.js open source JavaScript library provides us with useful functions for working with texts. Using this library is fairly simple. It doesn’t require any other library. The following code sample shows how simple it is to use the functions this library provides us with. <!DOCTYPE html> <html> <head> <title>microtext.js demo</title> <script type=”text/javascript” src=”microtext.min.js”></script> </head> […]

Play Framework Jump Start in Scala PRO

I have recently started to work on a new course for learning how to use the Play Framework. Its community version is already available for free personal usage at http://abelski.lifemichael.com. So far I have completed the first two topics: Introduction and Jump Start. I believe that if you consider learning this framework then you might […]

Using Apache DB as In-Memory Database PRO

If you are already familiar with using the Apache DB I believe you will find it very simple to start using it as an in-memory database. You just need to change connection string you are using. Using Apache DB as an internal database running together with our application in the same process you just need […]

Open Source In-Memory Databases INFO

Using an in-memory database we get most of the data saved on the main memory instead of having it saved using the hard disk storage mechanism. The main advantage of using an in memory database is the excellent performance we can achieve. There are many in-memory databases we can use. Some of them are available […]

Parsing JSON in JavaScript PRO

There are many cases in which we need to parse JSON data our code receives. When writing our code in JavaScript parsing the JSON data is fairly simple. We just need to invoke the parse() function on the JSON object, as in the following code sample. The JSON object is available in most modern web […]

Collie.js Jump Start PRO

The Collie.js JavaScript library allows us to create simple 2D graphics animations. The Collie.js library indirectly uses HTML5 canvas based graphics capabilities. The following code sample shows how simple it is to use this library. The animation uses a simple image file. <!DOCTYPE html> <html> <head> <title>collie.js demo</title> <script type=”text/javascript” src=”http://jindo.dev.naver.com/collie/deploy/collie.min.js”></script> </head> <body> <div id=”drawingarea”></div> […]

Hammer.js Jump Start PRO

The Hammer.js JavaScript library allows us to handle gesture touch events that take place when running our code on a touch screen device. The following code sample shows how simple it is to use this library. You just need to pass over the name of the gesture touch event you want to handle and the […]

Swipe.js Jump Start PRO

Swipe.js is one of the most popular JavaScript libraries that allow us to get a responsive slider in our web page. The following code sample shows how simple it is to use this JavaScript library. It includes 4 images that were prepared in advance. <!DOCTYPE html> <html> <head> <title>swipe.js demo</title> <script type=”text/javascript” src=”swipe.js”></script> <style> .swipe […]

Update cookies preferences