Create Your First JavaScript Game – Introduction to JavaScript Game Development

In this video we will create a simple javascript game. We will create a circle aka the little green blob that we will move around the screen. You will learn about taking input from the keyboard to move a character on the screen. Create a form of collision detection by detecting the edge of the screen. Lastly we will create a game loop which continuously draws the screen. We will implement the game loop with 2 different methods setInterval and requestAnimationFrame.

With the skills we learn from this introduction to game development we will then tackle games such as Pac-Man, Tetris and snake in later videos.

Links

Github Repo
https://github.com/CodingWith-Adam/GreenBlob

Playable game
https://codingwith-adam.github.io/GreenBlob/

Gradient background generator
https://cssgradient.io/

RequestAnimationFrame
https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame