diff --git a/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-intermediate-oop-by-building-a-platformer-game/6461815bc48998eb15d55349.md b/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-intermediate-oop-by-building-a-platformer-game/6461815bc48998eb15d55349.md
new file mode 100644
index 00000000000..aa8c9e8501d
--- /dev/null
+++ b/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-intermediate-oop-by-building-a-platformer-game/6461815bc48998eb15d55349.md
@@ -0,0 +1,190 @@
+---
+id: 6461815bc48998eb15d55349
+title: Step 1
+challengeType: 0
+dashedName: step-1
+---
+
+# --description--
+
+In this project, you are going to learn intermediate Object Oriented Programming principles by building a platformer game. All of the HTML and CSS have been provided for you.
+
+Start by using `document.getElementById()` to get the `#start-btn` and `#canvas` elements.
+
+Store them in `const` variables named `startBtn` and `canvas` respectively.
+
+# --hints--
+
+You should use `document.getElementById()`.
+
+```js
+assert.match(code, /document\.getElementById\(/);
+```
+
+You should get the element with the `id` of `start-btn`.
+
+```js
+assert.match(code, /document\.getElementById\(\s*('|"|`)start-btn\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `startBtn` and assign it the `#start-btn` element.
+
+```js
+assert.match(code, /const\s+startBtn\s*=\s*document\.getElementById\(\s*('|"|`)start-btn\1\s*\)/);
+```
+
+You should use the `document.getElementById()` method to get the `#canvas` element.
+
+```js
+assert.match(code, /document\.getElementById\(\s*('|"|`)canvas\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `canvas` and assign it the `#canvas` element.
+
+```js
+assert.match(code, /const\s+canvas\s*=\s*document\.getElementById\(\s*('|"|`)canvas\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Canvas API can be used to create graphics in games using JavaScript and the HTML `canvas` element.
+
+You will need to use the `getContext` method which will provide the context for where the graphics will be rendered.
+
+```js
+canvas.getContext("2d");
+```
+
+Assign that `getContext` method to a `const` variable called `ctx`.
+
+# --hints--
+
+You should use the `canvas.getContext("2d")` method.
+
+```js
+assert.match(code, /canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+You should use `const` to declare the variable called `ctx` and assign it `canvas.getContext("2d")`.
+
+```js
+assert.match(code, /const\s+ctx\s*=\s*canvas\.getContext\(\s*('|"|`)2d\1\s*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
requestAnimationFrame() web API, takes in a callback and is used to update the animation on the screen. The `animate` function will be responsible for updating the player's position and continually drawing it on the canvas.
+
+Inside the `animate` function, call the `requestAnimationFrame()` API and pass `animate` as the argument.
+
+# --hints--
+
+You should call the `requestAnimationFrame()` API and pass in `animate` for the argument.
+
+```js
+assert.match(code, /\s*requestAnimationFrame\s*\(\s*animate\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
clearRect() Web API to accomplish this. It takes in an `x`, `y`, `width`, and `height` arguments.
+
+Below your `requestAnimationFrame`, call the `clearRect()` method on the `ctx` variable and pass in `0, 0, canvas.width, canvas.height` as the arguments.
+
+# --hints--
+
+You should call the `clearRect()` method on the `ctx` variable.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\([^)]*\)\s*;?/);
+```
+
+You should pass in `0, 0, canvas.width, canvas.height` for the arguments of the `clearRect()` method.
+
+```js
+assert.match(code, /\s*ctx\s*\.\s*clearRect\s*\(\s*0\s*,\s*0\s*,\s*canvas\s*\.\s*width\s*,\s*canvas\s*\.\s*height\s*\)\s*;?/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+ Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
Learn Intermediate OOP by Building a Platformer Game
+
+
freeCodeCamp Code Warrior
+
+ Help the main player navigate to the yellow checkpoints.
+
+
+ Use the keyboard arrows to move the player around.
+
+
You can also use the spacebar to jump.
+
+
+ Start Game
+
+
+
Congrats!
+
You reached the last checkpoint.
+
-There are exactly fourteen triangles containing a right angle that can be formed when each coordinate lies between 0 and 2 inclusive; that is, $0 ≤ x_1, y_1, x_2, y_2 ≤ 2$.
+Існує чотирнадцять трикутників з прямим кутом, який можна утворити, коли кожна координата знаходиться між 0 та 2 включно; тобто, $0 ≤ x_1, y_1, x_2, y_2 ≤ 2$.
