Building Tic Tac Toe

Build a complete Hara game in six small pages. Each page introduces one idea, then gives you a choice: try a focused practical exercise or continue directly to the next piece. The runnable panels use a real browser-hosted Hara kernel and canvas—no Studio UI and no iframe.

01 · DRAW

blank canvas↓line commands↓board

Make pixels from visible command data.

02–04 · DESCRIBE

files↓state + rules↓pointer

Keep the game understandable as it grows.

05–06 · RUN

commands↓next frame↓play

Render the game and connect it to the browser.

Choose a part

Part IDraw the boardCanvas commands and a drawing practical. Part IIOrganise the gameThree small files with clear responsibilities. Part IIIState and rulesImmutable game data and legal moves. Part IVPointer inputTurn a local event into one possible move. Part VRenderingTranslate the game into canvas commands. Part VIMake it liveFrames, reset, touch input, and the finished game.

Follow them in order for the full construction, or jump to the question you are trying to answer.