LIVE PREVIEWBUY FOR $19

Xtreme Tic Tac — Championship Version

A premium, fully-featured Tic Tac Toe recreation constructed fully with vanilla HTML, CSS, and JavaScript. Zero dependencies. Zero construct instruments. Open and play immediately in any fashionable browser.

Sport Modes

  • 2 Gamers (Native Versus) — Two human gamers share one machine. Participant X all the time goes first. Collection rating persists throughout rounds.
  • vs AI (Machine Opponent) — Single participant vs a Minimax AI with Alpha-Beta pruning. Human is all the time Participant X.

Collection Lengths:

  • Better of 5 — First to three wins
  • Greatest of seven — First to 4 wins
  • Better of 9 — First to five wins
  • Marathon — First to 10 wins

AI Problem

  • Simple.
  • Medium
  • Unbeatable

Themes

8 premium built-in themes with prompt CSS variable switching and 0 flash:

  1. Obsidian — Cyan & Magenta on deep black
  2. Crimson — Crimson & Orange, blood enviornment
  3. Arctic — Ice Blue & Teal, frozen north
  4. Amber — Gold & Orange, desert warmth
  5. Violet — Purple & Pink, mystic night time
  6. Neon — Electrical Teal & Scorching Pink, arcade
  7. Sakura — Pink & Gold, cherry blossom
  8. Marble — Brown & Crimson, heat parchment

Customized Theme Builder (applies to recreation board solely — doesn’t override the foyer theme):

  • Background shade picker
  • Cell A & Cell B shade pickers
  • X image shade picker
  • O image shade picker
  • 6 quick-apply presets
  • Dwell 3×3 board preview
  • Persists choice to localStorage

Controls & Interactions

  • Click on / Faucet cell — Place X or O mark on the board
  • Pause button — Freeze the sport; resume, go to foyer, or give up
  • Sound button — Toggle all audio on or off
  • Stop Sport button — Opens a affirmation popup exhibiting the present sequence rating
  • Assign Spherical button — Forfeit the present spherical to your opponent; mechanically triggers the spherical end result popup or championship display screen if the sequence is gained
  • Important Menu — Returns to foyer with a full recreation state reset
  • Rematch — Begin a brand new sequence with the identical settings and gamers

Overlay System & UI Options

  • Pause Overlay — Resume / Again to Foyer / Stop with backdrop blur
  • Stop Affirmation — Exhibits reside sequence rating earlier than confirming exit
  • Assign Spherical Popup — Shows present participant and opponent of their theme colours; confirming forfeits the spherical and awards the purpose to the opponent
  • Spherical Consequence Popup — Winner image, participant title, streak indicator, Subsequent Spherical / Important Menu
  • Championship Display — Ultimate scores, rounds performed, greatest streak, draw depend, round-by-round replay log, and Corridor of Fame
  • Customized Theme Modal — Colour pickers with reside 3×3 board preview; impacts board cells and symbols solely
  • Rating Panel — Dwell scores, participant names, active-turn spotlight with glow impact
  • Collection Progress Pips — Dot indicators per participant exhibiting wins towards the sequence goal
  • Spherical Historical past Chips — Compact coloured chips exhibiting X win, O win, or Draw for every accomplished spherical
  • Win Line Animation — SVG stroke animation drawn within the winner’s shade; clears mechanically on the subsequent spherical
  • Particle Confetti — 52-particle burst on championship win utilizing the winner’s shade palette
  • Corridor of Fame — High 8 all-time sequence champions saved in localStorage
  • Browser Compatibility Checker — Constructed-in alert if any required browser characteristic is lacking

Tech Stack (100% Vanilla)

  • HTML5 — Semantic markup, no frameworks
  • CSS3 — Customized properties, keyframe animations, backdrop-filter
  • Vanilla ES2015+ JavaScript — Arrow features, destructuring, lessons
  • Net Audio API — Procedural sound synthesis, no audio information required
  • Inline SVG — All icons and board symbols are pure code, not photographs
  • localStorage — Corridor of Fame and customized theme persistence
  • Google Fonts CDN — Orbitron, Exo 2, Rajdhani
  • Zero npm. Zero construct instruments. Zero dependencies.

Necessities & Compatibility

No server required. Open index.html instantly in any supported browser.

  • Chrome 80+
  • Firefox 78+
  • Safari 14+
  • Edge 80+
  • iOS Safari 14+
  • Android Chrome 80+

Contact & Assist

For technical questions, pre-sale inquiries, or customized improvement: [email protected]


Source