Tic Tac Toe - Classic Grid Strategy Game - Puzzle Game

Seele01-Flash
By Olivia Brown
Play the classic Tic Tac Toe game online for free! Challenge friends in multiplayer mode or test your skills against AI. Features unlockable skins and endless fun for all ages.
Arcade

Pumpkin Night Adventure

Build a Halloween grid-arena survival romp.

Build a Halloween grid-arena survival romp.Open in workspace
Adventure

Character Adventure Sim

Build a 3D character explorer with traversal and interactive zones.

Build a 3D character explorer with traversal and interactive zones.Open in workspace
Subscriber only

Unreal Landscape Tour

Tour photoreal Unreal landscapes with cinematic camera work.

Tour photoreal Unreal landscapes with cinematic camera work.Open in workspace
Unity

Egg on the Car Roof

Build a Unity challenge: keep a fragile egg on a moving roof.

Build a Unity challenge: keep a fragile egg on a moving roof.Open in workspace
Roguelike

Dungeon Survivors

Build a Vampire-Survivors-style dungeon arena with hero picks.

Build a Vampire-Survivors-style dungeon arena with hero picks.Open in workspace
New

Solo Racing Game

Build a browser racer with tracks, timing, and a minimap.

Build a browser racer with tracks, timing, and a minimap.Open in workspace
Unity

Chaos Train Arcade

Build a chaotic Unity train arcade of hazards and timing.

Build a chaotic Unity train arcade of hazards and timing.Open in workspace
Sports

Basketball Duel

Build a one-on-one basketball game with physics shooting.

Build a one-on-one basketball game with physics shooting.Open in workspace
New

Hook a Fish Arcade

Build a fishing arcade where catches buy you more time.

Build a fishing arcade where catches buy you more time.Open in workspace
Shooter

Platform Shooter Quest

Build a side-scrolling platform shooter with weapon switching.

Build a side-scrolling platform shooter with weapon switching.Open in workspace
Arcade

Pumpkin Night Adventure

Build a Halloween grid-arena survival romp.

Build a Halloween grid-arena survival romp.Open in workspace
Adventure

Character Adventure Sim

Build a 3D character explorer with traversal and interactive zones.

Build a 3D character explorer with traversal and interactive zones.Open in workspace
Subscriber only

Unreal Landscape Tour

Tour photoreal Unreal landscapes with cinematic camera work.

Tour photoreal Unreal landscapes with cinematic camera work.Open in workspace
Unity

Egg on the Car Roof

Build a Unity challenge: keep a fragile egg on a moving roof.

Build a Unity challenge: keep a fragile egg on a moving roof.Open in workspace
Roguelike

Dungeon Survivors

Build a Vampire-Survivors-style dungeon arena with hero picks.

Build a Vampire-Survivors-style dungeon arena with hero picks.Open in workspace
New

Solo Racing Game

Build a browser racer with tracks, timing, and a minimap.

Build a browser racer with tracks, timing, and a minimap.Open in workspace
Unity

Chaos Train Arcade

Build a chaotic Unity train arcade of hazards and timing.

Build a chaotic Unity train arcade of hazards and timing.Open in workspace
Sports

Basketball Duel

Build a one-on-one basketball game with physics shooting.

Build a one-on-one basketball game with physics shooting.Open in workspace
New

Hook a Fish Arcade

Build a fishing arcade where catches buy you more time.

Build a fishing arcade where catches buy you more time.Open in workspace
Shooter

Platform Shooter Quest

Build a side-scrolling platform shooter with weapon switching.

Build a side-scrolling platform shooter with weapon switching.Open in workspace

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**3D Minimalist Tic Tac Toe**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist "Soft 3D" aesthetic. Recreate the flat vector look of the reference image but give it volume. * **Color Palette**: * **Background**: Vibrant Mustard Yellow (approx `#FFD700` or `#F4C430`) to match the reference. * **Grid/Board**: A 3x3 grid of slightly rounded separate distinct tiles (RoundedBoxGeometry). * **Piece "X"**: Bulky 3D "X" shape, White with a thick Dark Blue outline (or a dark blue backing layer to simulate outline). * **Piece "O"**: Torus (Donut) shape, Dark Blue (`#1A237E`) with a slightly glossy finish. * **Lighting**: Use a setup of `AmbientLight` (soft white) and a `DirectionalLight` (casting soft shadows to the bottom-right) to give the board a tactile, physical feel. * **Camera**: Fixed perspective or Isometric view, angled slightly down so the depth of the pieces is visible, but the grid remains readable. * **Effects**: When a piece is placed, it should "scale up" with an elastic easing function (bounce effect). When a player wins, the winning line of 3 blocks should pulse or rotate. ### 2. Audio Requirements * **BGM**: A loop of calm, lo-fi, or "zen" puzzle music (e.g., soft electric piano or marimba). * **SFX**: * **Placement**: A satisfying wooden "thock" or plastic "pop" sound when a piece is placed. * **Win**: A short, uplifting major-key chime or arpeggio. * **Draw**: A neutral "shrug" sound or low tone. * **UI Interaction**: Subtle clicks for menu buttons. ### 3. Gameplay Loop * **Core Mechanic**: Standard Tic Tac Toe rules. 2 Players (or Player vs AI) take turns placing markers on a 3x3 grid. * **Modes**: * **Local PvP**: Two players pass the device. * **Vs CPU**: Implement a simple Minimax algorithm so the AI is challenging but beatable. * **Win Condition**: Align 3 symbols horizontally, vertically, or diagonally. * **Draw Condition**: The grid is full with no winner. * **Game Flow**: Start Menu -> Game Board -> End Game Overlay (Winner/Draw) -> "Play Again" button resets the board instantly without reloading the page. ### 4. Mobile Controls & Interaction * **Touch Controls**: Use `Raycaster` to detect taps on the 3x3 grid tiles. The touch area must be precise. * **Feedback**: * **Visual**: Highlight the tile slightly (change material emissive color) when the player touches it (before release) to confirm selection. * **Haptic**: Trigger `navigator.vibrate(20)` (short tick) when a move is successfully placed. * **Responsiveness**: * The 3D Canvas must resize dynamically to fit both Portrait (smartphone) and Landscape (tablet) orientations. * In Portrait mode, center the board vertically. * UI buttons (Restart, Mode Select) should be HTML overlays placed at the bottom of the screen (thumb-friendly zone), with a minimum touch target size of 44x44px. ### 5. Technical Constraints * Ensure the code is a single HTML file containing CSS, HTML, and JavaScript (using ES6 modules for Three.js via CDN). * Optimize for mobile performance: limit shadow map resolution and avoid high-poly geometry for the X and O shapes. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.
A game idea becoming a playable world and reaching an audience
MAKE • SHARE • EARN

Games are fun. Creating them is even better.

Start creating for free

Game Introduction

About the Game

Tic Tac Toe is the ultimate modern take on the beloved classic strategy game that has entertained generations. This free online version transforms the simple 3x3 grid into an engaging digital experience with multiple game modes, customizable features, and competitive elements that keep players coming back for more.

Whether you're a seasoned strategist or new to the game, this version offers the perfect blend of nostalgia and innovation. The clean, intuitive interface makes it easy for players of all ages to jump in and start playing immediately.

Core Features

Multiple Game Modes

Experience Tic Tac Toe in three exciting ways: - Single Player Mode : Challenge smart AI opponents with varying difficulty levels - Multiplayer Mode : Compete against players from around the world online - Local Mode : Play with friends on the same device for face-to-face competition

Unlockable Content System

Win games to unlock exclusive features and stylish skins that add personality to every match. The progression system rewards consistent play and skill improvement, giving you goals beyond just winning individual games.

Competitive Leaderboards

Climb the rankings and prove you're the ultimate Tic Tac Toe master. Track your progress, compare scores with friends, and see how you stack up against players worldwide.

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices - desktop computers, smartphones, and tablets. Your progress syncs automatically, so you can continue your winning streak anywhere.

Gameplay Strategy

While Tic Tac Toe appears simple, mastering it requires strategic thinking:

  • Center Control : Starting in the center square gives you the most winning opportunities
  • Corner Strategy : Corners offer multiple paths to victory
  • Blocking : Always prevent your opponent from getting three in a row
  • Fork Creation : Set up multiple winning possibilities simultaneously

How to Play

Basic Controls

Playing is incredibly simple - just click to mark your chosen square with your symbol (X or O). The game alternates turns automatically, and the first player to get three symbols in a row wins.

Winning Conditions

Achieve victory by placing three of your symbols in: - Any horizontal row - Any vertical column
- Either diagonal line

Game Flow

  1. Choose your preferred game mode
  2. Select your symbol (X or O)
  3. Click on empty squares to place your mark
  4. Try to get three in a row while blocking your opponent
  5. Win to earn rewards and unlock new content

Why Play This Tic Tac Toe Game

Perfect for Everyone

This game appeals to players of all skill levels and ages. Children can learn basic strategy concepts while adults can enjoy quick, engaging matches during breaks.

Completely Free

Enjoy full access to all game modes and features without any cost. No hidden fees, no premium subscriptions - just pure gaming fun.

Social Gaming Experience

Connect with friends through multiplayer modes or challenge family members in local play. The game brings people together through friendly competition.

Brain Training Benefits

Regular play helps improve: - Strategic thinking skills - Pattern recognition - Quick decision-making - Problem-solving abilities

Instant Accessibility

No downloads required - play immediately in your browser. The game loads quickly and runs smoothly on any modern device with internet access.

Frequently Asked Questions (FAQ)