Game: Tic-Tac-Toe Super Bowl Edition

Tic-Tac-Toe-SuperBowl-Cover

This time last year I made a tic-tac-toe game in lieu of a Valentine's Day card - a basic single play game.

I pulled it out and gave it a booster shot, themed it around the Super Bowl and added a scoreboard. 

Best 2 out of 3 games wins the Quarter. Four Quarters to the Championship!

To Demo: Tic-Tac-Toe Super Bowl Edition

Enjoy! And please let me know if you find any bugs.

13 Replies
Ant Pugh

Loving the graphics, really cool - good work Kevin. Love that you've taken an existing project and re-themed it with something topical and relevant - I guess that's also a great example of the benefit of building up a large catalogue of projects.... that you can take the foundations of the what you have built in the past and change the graphics to create a completely different course with minimum amount of effort.

But being a Brit all this down/touchdown/quarter stuff still confuses me... And I can't see where I can score a home run? This must be what it's like for my girlfriend whilst I'm watching the football (sorry.... "soccer") ;)

Maybe if I play your game for long enough I'll finally figure it all out :)

Kevin Thorn

@Ant, Yes. This is in larger part more about design thinking. On every project I'm always thinking, and encourage others, to continuously strategize how building an interaction for one course can be a true template for possible future repurposing. 

It starts with the design. Designing an underlying infrastructure that will support any top layer of visual  treatment is key.

The graphics can easily be changed to theme it around baseball or even that other football (soccer). :) In fact, I'd like to create a library of these in sports themes. Hard part is done. Just swapping graphics and terminology will completely change the look/feel. 

Kevin Thorn

@Mike. Yes, there's all sorts of goodness in this thing. Great examples of variables changing based on one or two object states changing. And examples of one or more object states changing based on the value of a variable. Many of which are communicating across various layers.

For stat geeks:

  • 2 slides: Cover and Game Board
    • Cover + 1 layer
    • Game Board + 8 layers
  • 640 triggers
  • 39 variables
  • No JavaScript