Dev Log: 20 Games Challenge: Game Two: Breakout
1Hello! Welcome to my Dev Log! In this video I'm going to go through my code for the second game in the 20 games challenge for video game development, Breakout. I create this game in basic HTML, CSS, and JavaScript so it can be played in any web browser. If you like this video, please be sure to like and subscribe! Thanks for watching!
Game can be played here: https://hoppy-hacker.itch.io/breakout
The goals for this game are:
Create a game space with walls and ceiling.
Add paddle that can be moved left and right via player inputs.
Add ball that bounces off paddle, walls, ceiling.
Add square game objects into top of game space.
Enable ball to bounce off bricks:
Brick should disappear.
Breaking brick adds to player score.
Ball speed increases as bricks are broken.
Score displayed, as well as life counter.
Start with three lives, life subtracted if player misses the ball, game ends when lives are gone.
Timestamps:
00:00 Intro
00:38 HTML
01:26 CSS
02:32 JavaScript
03:25 Input Handler
05:41 Paddle
08:34 Brick
10:41 Ball
18:15 Game
25:28 Animation Function
26:15 isCollide
27:35 Game Testing
29:23 Outro