AI literacy arcade · 40 games

Pick a mini-game concept

Two batches of action-arcade games spanning Journeys 2–8. Each makes the kid an AI engineer. Click any tile to play. 🔊 toggle in the top-right mutes game sounds.

Round 1 · 11 gamescurriculum-anchored prototypes
🧠ZAP!WATCH THE SPARKS!
▶ PlayableMedium
Journey 2 · AI Foundations

Neuron Sparks

A neural network fires neurons in sequence — watch the ZAP! then tap them back in the same order. Teaches how neural nets activate.

Watch · tap · repeatPlay now
🔴🔵🔴🔵?🔴🔵🟢🟡PREDICT THE PATTERN!
▶ PlayableMedium
Journey 3 · Data & Patterns

Pattern Punch

A sequence shows on Codi's prediction crystal with one piece blank. Tap the right fill before the orb dims. Teaches the foundational AI skill: spotting patterns.

See · predict · strikePlay now
dataset.csv1🐱cat2🐶dog3🐰dog⚠ BAD4🐦bird5🐢turtle🔍 SPOT THE BAD ROW
▶ PlayableMedium
Journey 3 · Data Science

Data Hunt

A dataset rolls in — one row is mislabeled. Tap the bad row before it ships. Teaches data quality & anomaly detection in green-terminal style.

Scan · spot · ship cleanPlay now
🧠 AI BRAIN · TRAINING🐶→ ANIMAL🍎→ FOOD🚗→ VEHICLE🐱ANIMALFOODVEHICLEWHAT GROUP IS IT?
▶ PlayableMedium
Journey 4 · Machine Learning

Train the Bot

Codi's AI brain shows 3 training examples (🐶→Animal, 🍎→Food, 🚗→Vehicle). Then new items arrive — classify them the way the AI would. Teaches supervised learning.

Learn · classify · shipPlay now
🐱CATDOGFISHBIRDWHAT'S THE IMAGE?
▶ PlayableMedium
Journey 5 · Computer Vision

Pixel Quest

A fuzzy image comes into focus inside Codi's vision terminal. Tap the right label before it's fully clear. Teaches image recognition.

Reveal · guess · scorePlay now
🎨🖌️🌈🎨🤖🌌TARGET🥰cute🤖robot🪐in spacecute robot in space ✨🎨 BUILD THE PROMPT
▶ PlayableMedium
Journey 5 · Creative AI

Prompt Painter

Build the AI's prompt by picking a STYLE, SUBJECT and SETTING word, then hit Generate. Match the target painting. Teaches prompt engineering.

Mix · cast · paintPlay now
AMAZING!boringGRAB ALL THE HAPPY WORDS
▶ PlayableBig build
Journey 6 · Language AI

Sentiment City Dash

Codi dashes across a sunset-purple city skyline collecting AMAZING/LOVE word coins and dodging boring/UGH blocks. Teaches sentiment analysis.

Run · jump · collectPlay now
HAPPY!UGHLOVEmehPOP THE POSITIVE BUBBLES!
▶ PlayableMedium
Journey 6 · Language AI

Mood Bubble Pop

Word bubbles drift up through a sherbet sky. Tap only the happy ones — tapping a grumpy bubble costs a heart. Teaches sentiment classification.

Aim · tap · burstPlay now
CASE FILE🐕AI says ALL dogs are scarybecause it only saw growling ones✓ FAIR✗ BIASED⚖️ AI COURT — YOUR VERDICT
▶ PlayableMedium
Journey 7 · AI Ethics

Bias Buster

In Codi's AI courtroom, decide if each AI decision is FAIR or BIASED before the gavel falls. Relatable kid-friendly scenarios. Teaches bias awareness.

Read · judge · rulePlay now
🚩PROGRAM▶ RUN🤖 PROGRAM THE BOT TO THE FLAG
▶ PlayableBig build
Journey 8 · Builders Lab

Robo Rally

Codi built a robot. You write its program. Stack ↑↓←→ commands, hit RUN, navigate past walls to the flag. Teaches algorithmic thinking and sequencing.

Stack · run · reach flagPlay now
📋 PMSETDEADLINE🧠 MLTRAINMODEL🎨 UXPICKCOLORS👨‍⚕️ Domain🩺Is the AI medicaladvice sound?📋 SEND TASK TO TEAMMATE
▶ PlayableMedium
Journey 8 · Builders Lab

AI Team Build

An AI product needs PM, ML engineer, UX designer and Domain expert. Send each task to the right teammate's column. Teaches AI team roles.

Sort · assign · shipPlay now
✨ Next Batch · 8 gamesnew mechanics & designs · with sound
🎾🦴🧸🍪🎾🐕🍪ate the cookie👍 REWARD👎 NOPE🍪 TEACH CODI'S PET!
▶ PlayableMedium
Journey 4 · Reinforcement Learning

Reward Hunt

A Codi-pet does something each round. Tap REWARD 👍 or NOPE 👎 based on whether the behavior is good. Teaches reinforcement learning by feedback.

Reward · nope · trainPlay now
🤖 Codi-BotWhat's the weather today?☀️ It's sunny today!I like pizza 🍕Banana 🍌Pick the best reply💬 CHATBOT REPLIES
▶ PlayableMedium
Journey 6 · Language AI

Chatbot Dash

A user texts the chatbot. Pick the best reply from 3 options in a phone-chat UI. Teaches conversational AI & context.

Read · pick · replyPlay now
🔍🔍🔍🔍🔍🔍🔍🔍🔍🔍🐱🐱🦄FAKE🐰🐶🕵️ SPOT THE DEEPFAKE
▶ PlayableMedium
Journey 7 · AI Safety

Deepfake Detective

4 photo cards on the evidence board. One is the AI-generated fake — look for the chimera tell. Teaches spotting AI-generated images.

Inspect · spot · exposePlay now
🚸PEDESTRIAN!🚗🛑 STOP🐢 SLOW▶️ GO☁️☁️🚗 SELF-DRIVING DECISIONS
▶ PlayableMedium
Journey 8 · Self-driving AI

Codi Drive

Top-down road. Obstacles appear (🚸 kid crossing, 🚦 light, 🦌 deer). Pick STOP / SLOW / GO before the car gets there. Teaches AI in self-driving cars.

Stop · slow · goPlay now
🪶✒️📜🪶TARGET STORY"The cat is dancing in the rain 🐱💃🌧️"🐱 cat💃 dancing🌧️ rain✨ WEAVE THE STORY✍️ BUILD THE STORY
▶ PlayableMedium
Journey 5 · Generative Text AI

Word Weaver

A sentence with 3 blanks. Pick noun + verb + place words and hit WEAVE. The AI generates the story — match the target. Teaches text-generation prompts.

Mix · weave · generatePlay now
🐱INPUTcat78%dog12%fox8%rabbit2%🔬 PICK HIGHEST CONFIDENCEmodel: vision_v2.1 · running
▶ PlayableMedium
Cross-curriculum · Uncertainty

Confidence Match

The AI lab shows 4 labels with confidence bars (cat 78%, dog 12%…). Tap the AI's top guess. Teaches AI uncertainty & probability.

Read · compare · tapPlay now
🧑‍🍳Mialikes 🍳 🍝 food shows🍕Pizza Time✨✨✨✨✨🍳Cooking with Codi✨✨✨✨✨🤖Robot Wars✨✨✨✨✨🎬 CODIFLIX
▶ PlayableMedium
Journey 4 · Recommendation Systems

Recommend-O-Matic

A user profile shows 3 likes. Pick the best show recommendation from 3 streaming-app cards. Teaches Netflix/YouTube-style recommendation algorithms.

Profile · match · pickPlay now
☀️🐝🌷🌿🌱🌱🌷🌿🌱🌷🐱🐱 ANIMAL🌳 PLANT⚙️ OBJECT🌱 CODI'S GARDEN
▶ PlayableMedium
Journey 4 · Cumulative Learning

Codi's Garden

Classify each item (Animal / Plant / Object). Correct answers grow flowers in your garden strip. Wrong ones wilt them. Teaches iterative training.

Classify · grow · bloomPlay now
🚀 Standalone Builds · 21 gamesvanilla HTML · 5 each: Phaser / Three.js / Matter.js / P5.js + 1 narrative
CHAPTER 1 · THE MISSING MASCOTNARRATIVE · 20min
OpenBig build
Narrative · Pattern Recognition

Codi's AI Academy · Ch.1

Codi's first day at the AI Academy. The mascot is missing. The school's AI is broken. Codi, Pixel and Professor Lin work through a real pattern-recognition puzzle — and learn that a pattern is a question, not an answer.

Story · 20-min playthroughOpen in new tab
Neural Net CatchPHASER · J2
OpenMedium
Journey 2 · Neural Networks

Neural Net Catch

A neural network fires neurons of different colors. The TARGET shows which one to catch — slide the catcher to grab the right color before it lands. 5 in a row triggers Mega AIGo mode.

Phaser · falling neuron catcherOpen in new tab
🍎 Apple 78%🐱 Cat 14%Pixel Vision Lab
OpenMedium
Journey 5 · Computer Vision

Pixel Vision Lab

A low-poly object spins on a hologram pedestal. The AI shows 4 candidate labels with confidence bars — but confidence bars can lie. Pick the label that matches what you actually see.

Three.js · 3D classificationOpen in new tab
🐾🚗🍎🐾 ANIMAL🚗 VEHICLE🍎 FOODMATTER · J3
OpenMedium
Journey 3 · Data Labeling

Data Drop Factory

Drops fall from a faucet — each one a data point that needs to be sorted. Click paddles to flip their tilt and bounce each drop into the matching bin (Animal / Vehicle / Food).

Matter.js · gravity puzzleOpen in new tab
TARGET STYLEYOUR GENERATION🎨 STYLE FORGEP5 · J5
OpenMedium
Journey 5 · Generative AI

Style Forge

Two mandalas sit framed like paintings. Tune four parameters (Hue / Density / Shape / Roughness) to make your generation match the target. Teaches that AI creativity is parameter tuning, not magic.

p5.js · generative art matcherOpen in new tab
🍪🍪🧲PHASER · RL
OpenMedium
Journey 4 · Reinforcement Learning

Cookie Path

Codi the robot wants to reach a magnet but hates spikes. Place tasty cookies on safe tiles to bias his path. Click Train Codi — he uses BFS pathfinding biased by your rewards.

Phaser · reward placementOpen in new tab
CATDOGPIZZAAPPLEOAKFERNSOUPTHREE · NLP
OpenMedium
Journey 6 · Language AI

Word Galaxy

A 3D galaxy of words clustered by meaning. The AI gives you a new word — pick which cluster it belongs to. Teaches embeddings: similar concepts sit close in semantic space.

Three.js · semantic clustersOpen in new tab
BEAM TILT−5.2°MATTER · ETHICS
OpenMedium
Journey 7 · AI Ethics & Fairness

Fair Scales

A real balance beam with hanging pans. Drop data samples on the lighter side to keep training data balanced. Tilt past 8° = biased AI = audit fails.

Matter.js · constraint physicsOpen in new tab
SPOT THE FAKEP5 · SAFETY
OpenMedium
Journey 7 · AI Safety

Deepfake Sleuth

Four procedurally generated faces. One has a subtle AI 'tell' — asymmetric eyes, off-center mouth, hair float, hue mismatch. Spot it before the timer runs out.

p5.js · spot the AI fakeOpen in new tab
DECISION LINE🚴PHASER · AV
OpenMedium
Journey 8 · Self-Driving AI

Sensor Drive

Codi's autonomous car drives forward. Hazards approach — kid, cyclist, leaf. Pick STOP / SLOW / GO before each crosses the decision line. Teaches AV sensor fusion.

Phaser · 3-lane decisionsOpen in new tab
YOUTHREE · RECS
OpenMedium
Journey 4 · Recommendation Systems

Neighbor Net

You sit at the center of a 3D taste-cloud. Three candidate items at varying distances. Pick the closest — that's how AI recommenders work (collaborative filtering).

Three.js · taste-spaceOpen in new tab
10%24%32%24%10%MATTER · PROB
OpenMedium
Cross-curriculum · Probability

Plinko Predict

A real Plinko peg board. Bet on a bin (1–5), drop the ball, watch stochastic physics decide. Center is statistically most likely, but anything can happen. Teaches AI uncertainty.

Matter.js · Galton boardOpen in new tab
P5 · ANOMALY
OpenMedium
Cross-curriculum · Anomaly Detection

Anomaly Hunter

Retro CRT oscilloscope. A signal scrolls across with anomalies (spikes, dips, flatlines). Click them before they scroll off. AI's dashed confidence band shows the normal range.

p5.js · time-series scopeOpen in new tab
🤖 AI SupportMy order is broken!👋 GREETING❓ QUESTION😡 COMPLAINT🙏 THANKSPHASER · CHAT
OpenMedium
Journey 6 · Chatbots

Intent Sort

Phone messaging UI. A customer sends a message — tap the matching intent (greeting / question / complaint / thanks). Before a chatbot can reply, it has to know what the user wants.

Phaser · chat intentsOpen in new tab
THREE · ROBOTS
OpenMedium
Journey 8 · Robotics

Robot Route

Isometric 3D warehouse. Click a goal tile — watch the AI's BFS frontier expand tile-by-tile, then the robot follows the shortest path. The first true visualization of how AI 'thinks'.

Three.js · BFS pathfindingOpen in new tab
L(θ) = θ⁴ − 2θ²ABCDEMATTER · GRAD
OpenBig build
Cross-curriculum · How AI Learns

Loss Landscape

Scientific chalkboard with real loss curves (W-shape, hidden trough…). Pick a starting θ, drop the ball, watch gradient descent settle. Find the global minimum, beware local ones.

Matter.js · physics curveOpen in new tab
P5 · MUSIC
OpenMedium
Cross-curriculum · AI Music

Beat Echo

Neon 8-step × 5-pitch sequencer. AI plays a melody — replicate it by tapping cells. Real Web Audio notes (C4 to C5). Teaches that AI music is sequence pattern matching.

p5.js · synthwave sequencerOpen in new tab
TREASURE COVEPHASER · RL
OpenMedium
Journey 4 · Multi-Armed Bandits

Bandit Bay

Pirate treasure cove with 5 hidden-reward chests. Should you keep clicking your favorite, or try a new one? Explore vs exploit — the heart of every RL algorithm.

Phaser · explore vs exploitOpen in new tab
🤖THREE · PRIVACY
OpenMedium
Cross-curriculum · Federated Learning

Privacy Net

6 client devices around a central AI. Each sends a transmission — blue=safe encrypted gradient, red=raw data leak. Approve safe ones, block leaks. Privacy must hold.

Three.js · device updatesOpen in new tab
XIIABCDMATTER · TIME
OpenBig build
Cross-curriculum · Forecasting

Chaos Clock

Brass grandfather-clock pendulum. Watch it swing for 2s, then a curtain falls. Pick where the tip will be at the reveal. Double pendulums = chaos = limits of AI forecasting.

Matter.js · pendulum forecastOpen in new tab
🤖 AI PREDICTIONS🍌 BANANA 42%🐱 CAT 33%🍋 LEMON 18%P5 · ADVERSARIAL
OpenBig build
Cross-curriculum · Adversarial AI

Pixel Trickster

A pixel-art cat. The AI sees CAT (high confidence). Paint a few colored noise pixels — watch the AI flip its prediction to BANANA. Humans still see a cat. AI is fragile to tiny noise.

p5.js · adversarial pixelsOpen in new tab
Curriculum coverage

Every AI concept, mapped to a game

40 games · 17 topics

AI Foundations

2
  • · Neuron Sparks
  • · Neural Net Catch

Data Science & Patterns

3
  • · Pattern Punch
  • · Data Hunt
  • · Data Drop Factory

Machine Learning

3
  • · Train the Bot
  • · Codi's Garden
  • · Loss Landscape

Reinforcement Learning

3
  • · Reward Hunt
  • · Cookie Path
  • · Bandit Bay

Recommendation Systems

2
  • · Recommend-O-Matic
  • · Neighbor Net

Computer Vision

2
  • · Pixel Quest
  • · Pixel Vision Lab

Generative & Creative AI

3
  • · Prompt Painter
  • · Word Weaver
  • · Style Forge

Language AI & Chatbots

5
  • · Sentiment Dash
  • · Mood Bubble Pop
  • · Chatbot Dash
  • · Word Galaxy
  • · Intent Sort

AI Ethics & Fairness

2
  • · Bias Buster
  • · Fair Scales

AI Safety & Privacy

3
  • · Deepfake Detective
  • · Deepfake Sleuth
  • · Privacy Net

Self-Driving & Robotics

4
  • · Robo Rally
  • · Codi Drive
  • · Sensor Drive
  • · Robot Route

AI Teams & Builders

1
  • · AI Team Build

Uncertainty & Probability

2
  • · Confidence Match
  • · Plinko Predict

Anomaly & Forecasting

2
  • · Anomaly Hunter
  • · Chaos Clock

AI Music

1
  • · Beat Echo

Adversarial AI

1
  • · Pixel Trickster

Narrative Adventure

1
  • · Codi's AI Academy · Ch.1