Skip to main content
Explore
Log in
Get started
Someone wanted to learn this too, so Grasp built them a personal learning path.
Create your own
Fun Learning
Module 1
JavaScript Game Foundations
1
Creating and Running a JavaScript Game in p5.js
Create and run a JavaScript game sketch in the browser-based p5.js editor.
Create and run a JavaScript game sketch in the browser-based p5.js editor.
2
Declaring JavaScript Variables for Game Data
Declare JavaScript variables for numbers, strings, and Boolean game-state values.
Declare JavaScript variables for numbers, strings, and Boolean game-state values.
3
Drawing a Player and Dungeon Room with p5.js
Use p5.js drawing functions and coordinates to render a player and a dungeon room.
Use p5.js drawing functions and coordinates to render a player and a dungeon room.
4
Animating Game Objects with setup() and draw()
Use the setup() and draw() functions to animate a game object over time.
Use the setup() and draw() functions to animate a game object over time.
5
Move the Player with Keyboard Input in JavaScript
Read keyboard input to move the player with JavaScript.
Read keyboard input to move the player with JavaScript.
6
Using JavaScript Conditionals to Respond to Game State
Write a JavaScript conditional that changes behavior based on game state.
Write a JavaScript conditional that changes behavior based on game state.
7
Keeping the Player Within Boundaries
Keep the player inside the play area using conditional boundary checks.
Keep the player inside the play area using conditional boundary checks.
8
Debugging Syntax and Runtime Errors in p5.js
Locate and correct a syntax or runtime error in a short p5.js JavaScript program.
Locate and correct a syntax or runtime error in a short p5.js JavaScript program.