order-and-chaos
@jeffy24

order-and-chaos

Play Order and Chaos on a cute synced 3D 6x6 board with X/O choice, instant line wins, and a near-win drill.

About this tile

Order and Chaos is a compact abstract board game on a synced 6x6 grid. Each turn the active side chooses either X or O, Order tries to create five matching symbols in a row, and Chaos tries to fill every square before that happens.

The app keeps the board touch-first and polished with a Three.js scene, animated X/O pieces, clear empty-cell hit targets, a symbol selector, a near-win drill, and a top-right help button for quick rules.

What you can do

  • Choose every mark: Pick X or O on each turn before tapping an empty square.
  • Play the real win condition: Order wins immediately with five matching symbols horizontally, vertically, or diagonally.
  • Defend as Chaos: Fill all 36 cells without a five-symbol line to win for Chaos.
  • Practice a drill: Load a deterministic near-win position used by the tests, then finish it with one X placement.
  • Play in a Poe frame: Synced-store keeps the round state consistent across the app instance.

Development

  • ./scripts/doctor.sh checks the local toolchain.
  • bun run type-check verifies TypeScript.
  • bun test runs synced-store and happy-dom UI tests.
  • bun run test:playwright builds and runs browser tests.
  • SCREENSHOT_REGEN=1 bunx playwright test tests/screenshot.test.playwright.ts regenerates assets/screenshot.png.