1
00:00:00,180 --> 00:00:03,480
Hello and welcome to the brick breaker game.

2
00:00:03,690 --> 00:00:08,020
And in this section, we are going to be covering how to build out this game from scratch.

3
00:00:08,040 --> 00:00:13,800
The objective of is to move your paddle, move the ball and destroy all of the bricks that are visible

4
00:00:13,800 --> 00:00:14,490
on the screen.

5
00:00:14,640 --> 00:00:17,660
This is all JavaScript, all vanilla JavaScript.

6
00:00:17,670 --> 00:00:22,440
There's no libraries, there's no tricks, no hidden things, just pure JavaScript.

7
00:00:22,440 --> 00:00:27,780
And interacting with the dorms is also great practice to get more familiar with what you can do in JavaScript

8
00:00:27,900 --> 00:00:29,780
when you connect to it alongside the dawn.

9
00:00:29,940 --> 00:00:35,160
The game is fully dynamic and the objective is to destroy all the bricks on the screen.

10
00:00:35,280 --> 00:00:41,190
You can move your paddle around, you hit the ball and depending on where you the ball lands on the

11
00:00:41,190 --> 00:00:45,480
paddle, you can see that it's slightly angles the direction that the ball is going.

12
00:00:45,660 --> 00:00:47,340
So that enhances the gameplay.

13
00:00:47,370 --> 00:00:53,010
And once you clear out all of the bricks, then you get presented with a new set of bricks.

14
00:00:53,230 --> 00:00:55,890
You also have a default amount of lives.

15
00:00:55,890 --> 00:01:00,550
So once you run through all of the lives, then the game is over and the game ends.

16
00:01:00,570 --> 00:01:04,660
So in this case, we just saw that I lost a life and I've got two bricks left.

17
00:01:04,680 --> 00:01:10,020
Source code is also included to give you an opportunity to try the game, play out for yourself.

18
00:01:10,020 --> 00:01:16,080
And I do suggest that you do try the code in your own editor and get familiar with what it does and

19
00:01:16,080 --> 00:01:17,470
how it works as well.

20
00:01:17,490 --> 00:01:21,150
All of the values that we're using are fully dynamic.

21
00:01:21,150 --> 00:01:26,730
So the code is flexible in how it's being presented as well as you can adjust the number of lives you

22
00:01:26,730 --> 00:01:32,190
have, the number of bricks that are on the screen, as well as the speed, the direction and all of

23
00:01:32,190 --> 00:01:34,800
the variables that are associated with the gameplay.

24
00:01:34,890 --> 00:01:36,780
You have any questions at any time?

25
00:01:36,930 --> 00:01:40,230
I'm always happy to help you out to within the Q&A section.

26
00:01:40,410 --> 00:01:46,380
Please post your questions, comments and any suggestions that you might have in order to update and

27
00:01:46,380 --> 00:01:47,280
improve the course.

28
00:01:47,460 --> 00:01:49,200
I'm always happy to hear from you.

29
00:01:49,230 --> 00:01:51,650
So let's get started creating this game.