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.

The yepnope.js JavaScript Library PRO

The yepnope.js is a JavaScript library that allows us an asynchronous conditional resource loading in according with conditions been tested on the client side.

The following is the code that I was using in this video clip. Make sure you update the link to the JavaScript files before you run it.

<!DOCTYPE html>
<html>
<head>
    <title>yepnope sample</title>
    <script type="text/javascript" src="yepnope.js">
    </script>
    <script type="text/javascript" src="modernizr.js">
    </script>
    <script type="text/javascript">
        yepnope({
            test : Modernizr.websqldatabase,
            yep  : 'a.js',
            nope : 'b.js',
            complete : function () {doSomething();}
        });
    </script>
</head>
<body>
</body>
</html>

You can find the complete sample with all the other files it uses as well as slides and video clips for learning how to use this library in my new yepnope.js basics free course at http://abelski.lifemichael.com.

Share:

The Beauty of Code

Coding is Art! Developing Code That Works is Simple. Develop Code with Style is a Challenge!

Update cookies preferences