Tic Tac Toe is a two-player game featuring turns between Player X and Player O. Enjoy automatic win and draw detection with smooth animations.
Tic Tac Toe
Two-player game · X goes first
X Wins
0
X’s Turn
O Wins
0
🎮
Click a square to start
Move History
Features of Tic Tac Toe Game
🎮 Gameplay
- Two-Player Mode: Player X and Player O take turns
- Turn Indicator: Shows whose turn it is with visual feedback
- Win Detection: Automatically detects winning combinations
- Draw Detection: Recognizes when the board is full without a winner
- Highlighted Win: Winning cells are highlighted in green
📊 Score Tracking
- X Score: Tracks wins for Player X
- O Score: Tracks wins for Player O
- Persistent Scores: Scores remain until manually reset
🎨 Visual Features
- Smooth Animations: Cells pop in with a scale animation when marked
- Hover Effects: Cells scale up on hover (when available)
- Win Animation: Winning cells scale up with a green highlight
- Responsive Design: Adapts to all screen sizes
- Clean Dark Theme: Matches the DecodeTool.com aesthetic
📝 Move History
- Tracks Every Move: Shows the sequence of moves made
- Player Labels: Each move shows which player made it
- Position Numbers: Shows the position number (1-9) for each move
⌨️ Keyboard Shortcuts
- R Key: Reset the game (without affecting scores)
🎯 Game States
| State | Description |
|---|---|
| Playing | Game is active, players take turns |
| X Wins | Player X has won the game |
| O Wins | Player O has won the game |
| Draw | Board is full with no winner |
| Game Over | No more moves can be made |
📱 Responsive Design
- Desktop: Full-sized board with comfortable spacing
- Tablet: Scaled board with adjusted font sizes
- Mobile: Compact layout with touch-optimized cells
🎮 How to Play ?
- Player X goes first – click any empty cell to place an X
- Player O goes second – click any empty cell to place an O
- Take turns until one player gets three in a row
- Win detection – the game automatically detects and announces winners
- Scores update – each win adds to the player’s score
- Reset – click “New Game” to start a fresh round
💡 Winning Combinations
- Rows: Top, Middle, Bottom
- Columns: Left, Center, Right
- Diagonals: Main diagonal, Anti-diagonal