Hello, I'm

What is Static Tic Tac Toe?

Static Tic Tac Toe is a uniquely implemented version of the classic Tic Tac Toe game that runs entirely on static HTML with no JavaScript. Each possible game state is pre-generated as a separate HTML file, creating a web-based game that works through simple hyperlinks.

Requirements

Any web browser (no JavaScript required)

Features

Below is a list with some key features of Static Tic Tac Toe.

• Play Tic Tac Toe entirely through static HTML files
• No JavaScript or other client-side programming
• Pre-generated game states for all possible moves
• Hyperlink-based gameplay mechanics
• Demonstrates the concept of a "solved game" in a creative way
• Extremely lightweight and works on any browser
• Open source with customizable templates

Screenshots

Game Board

Winning State

Getting started

Go to the page or install Static Tic Tac Toe

General

Go to tictactoe.programar.io to start playing. Click on any empty square to place your mark (X goes first). Each click simply navigates to another HTML file representing the new game state!

Getting Started

When you first visit the site, you'll see an empty Tic Tac Toe board where player X goes first. Click on any square to place an X.

Taking Turns

After each move, the game switches to the next player automatically. The board shows the current state with all placed X's and O's.

Winning the Game

Get three of your marks in a horizontal, vertical, or diagonal row to win. The game will display a winning message when this happens.

Starting a New Game

After a game ends or at any point during play, you can refresh the page or click a "New Game" link to start over.

Behind the Scenes

Every possible game state has its own HTML file. When you click a square, you're actually following a link to a new HTML file that represents the updated board. This project contains thousands of pre-generated HTML files!

Tips & tricks

Try to understand the naming convention of the URLs as you play—they encode the current state of the board! The format is: player prefix (x- or o-) followed by 9 characters representing the board state (_ for empty squares, x for X moves, o for O moves).

Sourcecode

If you want to check out the sourcecode for Static Tic Tac Toe visit my GitHub repository.

Link

Visit tictactoe.programar.io to get started.

Installation

• Chrome-based-browsers:
  Click the install icon next to the plus icon or the install button in the browsers adressbar.
• iPhone:
  Click the share button at the bottom of the browser. Click "Add to Home Screen" and hit "add"