Stuff & guff about the web, design, and what’s inspiring us at The Bold.

~~~~~
Hiding a game of noughts and crosses

Hiding a game of noughts and crosses

Update: Noughts and Crosses has been removed during the about page redesign. We did hide another game though... can you find it?

Throughout our site we've subtly hidden easter eggs. We think it takes the site from standard to exceptional, by adding personality and fun. One of these easter eggs is Noughts and Crosses (or Tictactoe, depending on where you're from).

When we started creating the about page, it was a bit dry. It's all good and well stating what you offer, but it needs to stand out so people actually remember them. So we decided to inject a bit of fun hidden behind the services.

When you drag your mouse over any of the services, the cursor changes to a cross. Click your mouse and the services disappear, showing the hidden game. The game is damn near unbeatable, so good luck to you. I've played it over 200 times in testing and only won once. If you do win, take a screenshot as proof and I'll shout you a beer!

To build this game, we used the HTML5 Canvas API, which is a powerful development tool used to render 2d and 3d graphics. Using this API we can also build in and animate interactions, like selecting which square to click in. And because Javascript is used to create the Canvas renders, we can program intelligent AI into the game, which is what makes it so difficult to beat.

Noughts and Crosses

Noughts and Crosses

Noughts and Crosses

^^^^^^