Code Arcade

🕹️ Learn how to program with Code Arcade! ## How to Play Code Arcade is a puzzle game where you learn to program by writing and fixing JavaScript code to beat each level. 1. Each level presents a play area (the game) and a code editor containing the level's script. 2. Read the instructions in the play area and the comments in the code to figure out the objective. 3. Write or fix the JavaScript code in the editor. 3. Press Run to execute the code with the KAPLAY.js game engine. 4. 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. 5. Touch the door to advance to the next level. Buttons: - ► Run: run the code in the editor - ⟳ Restart: restore the editor to the level's original code - ⓘ Hint: display a hint in the game console 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 ## Credits - Assets from KAPLAY Crew: https://kaplayjs.com/crew/ - Editor from CodeMirror: https://codemirror.net/ - Code: https://github.com/remarkablegames/code-arcade

🕹️ Learn how to program with Code Arcade! ## How to Play Code Arcade is a puzzle game where you learn to program by writing and fixing JavaScript code to beat each level. 1. Each level presents a play area (the game) and a code editor containing the level's script. 2. Read the instructions in the play area and the comments in the code to figure out the objective. 3. Write or fix the JavaScript code in the editor. 3. Press Run to execute the code with the KAPLAY.js game engine. 4. 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. 5. Touch the door to advance to the next level. Buttons: - ► Run: run the code in the editor - ⟳ Restart: restore the editor to the level's original code - ⓘ Hint: display a hint in the game console 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 ## Credits - Assets from KAPLAY Crew: https://kaplayjs.com/crew/ - Editor from CodeMirror: https://codemirror.net/ - Code: https://github.com/remarkablegames/code-arcade