How to run: Open the HTML file in your browser - double-click it or drag it into Chrome. In this build-along you write the code, then watch it come alive in the canvas on the right.
Lumo says: every step adds one feature to the same game. Type a little, click Apply to Canvas, and test it straight away. There is no wrong answer you can’t undo.
Starter reference project: want to compare against a finished version or recover from a mistake? Download the complete code for every step: js-platformer-part2-workshop-reference.zip.
Build Platformer Step by Step
Each step adds a feature. Write the code, watch it come alive in the canvas.
Step 1 / 6
Arrow keys to move, Space to jump