This course on game development with JavaScript using HTML5 canvas aims to teach students the fundamentals of game development by building a complete brick-breaker game. The course covers topics such as setting up the project, drawing on the canvas, handling user input, implementing game physics, creating game levels, and adding game over screens. The course is suitable for beginners interested in learning game development with JavaScript and HTML5 canvas.
Overview
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
Related Courses
-
Unity GameDev Tutorial for Beginners: Brick Breaker Game
-
JavaScript Tutorial: Build Flappy Bird and Doodle Jump
-
Create a Platformer Game with JavaScript - Full Tutorial
-
Game Development with LÖVE 2D and Lua – Full Course
4.0 -
Code Asteroids in JavaScript (1979 Atari game) - tutorial
-
Code a Squid Game JavaScript Game Using Three.js - Tutorial for Beginners
5.0
Related articles
Reviews
4.0 rating, based on 1 Class Central review
-
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.
