How to Play

Code Arcade is a puzzle game where you learn to program by writing and fixing JavaScript code to beat each level.

Each level presents a play area (the game) and a code editor containing the level's script.
Read the instructions in the play area and the comments in the code to figure out the objective.
Write or fix the JavaScript code in the editor.
Press Run to execute the code with the KAPLAY.js game engine.
Use WASD or the arrow keys to move the player (the bean) to the exit door. In some levels you must spawn the exit, collect a key, or fight off enemies.
Touch the door to advance to the next level.

Buttons:

The console in the play area reports output from console.log(), errors, and hints.

Features

31 levels that teach JavaScript programming concepts:
- Outputting with console.log and errors
- Single-line and multi-line comments
- Data types: strings, numbers, booleans
- Data structures: arrays, objects
- Variables (let/const), template literals
- Functions: declarations, function expressions, hoisting
- Iteration: for loops, forEach()
- Timing: setTimeout(), setInterval()
- Object properties and methods
- JSON: JSON.stringify(), JSON.parse()
- DOM events: addEventListener
- Promises: fulfilled, rejected, then/catch, async/await
- Networking: fetch()
Game built on the KAPLAY.js engine
In-browser code editor powered by CodeMirror with JavaScript syntax highlighting
Keyboard (WASD/arrow keys) and mouse controls
Progress saved when level is cleared