Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Intro to Game Development with JavaScript - Full Tutorial

via freeCodeCamp

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This introductory tutorial teaches learners to build a 2D brick-breaker game with JavaScript and the canvas. It covers project setup, rendering, input handling, game logic, collision detection, menus, pausing, game-over states, and level completion.

Syllabus

) Introduction.
) Project Setup and Canvas.
) Drawing on the Canvas.
) Clearing the Canvas.
) Creating the Player's Paddle.
) The Game Loop.
) Handling Keyboard Input.
) Moving the Paddle.
) Stopping the Paddle.
) Drawing the Ball Image.
) Moving the Ball.
) Refactoring to the Game Class.
) Collision Detection between the Ball and Paddle.
) Loading Bricks.
) Building Levels.
) Collision Detection with Bricks.
) Pause Screen.
) A Simple Start Menu.
) Game Over.
) Completing Levels.

Taught by

freeCodeCamp.org

Reviews

4.0 rating, based on 1 Class Central review

Start your review of Intro to Game Development with JavaScript - Full Tutorial

  • This is a very useful course to start developing games in HTML and Javascript. It covers some of the basic concepts related to game development.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.