1
00:00:00,420 --> 00:00:06,150
This lesson, we're going to update some of the styling to improve what the way the game looks so within

2
00:00:06,150 --> 00:00:12,540
our car and as well as our enemy, we're going to apply a background image and the image is going to

3
00:00:12,540 --> 00:00:14,730
have useful and within this you, Earl.

4
00:00:14,970 --> 00:00:19,470
So we actually have an image car to PNG so we can apply that.

5
00:00:19,860 --> 00:00:26,580
And the background is going to be cover to see what that looks like so that when we refresh, OK, they

6
00:00:26,580 --> 00:00:28,990
look a little bit more like cars now as well.

7
00:00:29,010 --> 00:00:34,560
You can add that image as well into your application to make them look a little bit more like car like

8
00:00:34,740 --> 00:00:38,850
so was just a little quick tweak to adjust the way the cars look.

9
00:00:39,300 --> 00:00:45,560
And let's do a final code review of the game just to make sure that everything is working as intended.

10
00:00:45,810 --> 00:00:49,470
So when we start the game, we come in and we've got a really narrow road.

11
00:00:49,740 --> 00:00:52,710
So we might want to even adjust the width of the road if we wanted to.

12
00:00:53,370 --> 00:00:59,190
As we can see, it's a little bit narrow and sometimes we might look a little bit better if the road

13
00:00:59,190 --> 00:01:00,080
was wider.

14
00:01:00,240 --> 00:01:03,950
So instead of 200 picks, let's do a width of 400.

15
00:01:04,320 --> 00:01:08,130
And in this case, we're probably going to have to make some adjustments to the code as well.

16
00:01:08,340 --> 00:01:10,320
Let's try it out and see how that works.

17
00:01:10,530 --> 00:01:15,900
And we do need to adjust where the lines are, as well as where the cars are coming in so you can make

18
00:01:15,900 --> 00:01:17,250
it a little bit more difficult.

19
00:01:17,460 --> 00:01:18,810
But then this as well.

20
00:01:18,810 --> 00:01:22,650
We need to adjust because we hardcoded some of these values.

21
00:01:22,950 --> 00:01:25,290
So we've got our margin left.

22
00:01:25,420 --> 00:01:28,470
So we need to adjust that to be 195.

23
00:01:28,770 --> 00:01:36,090
And we also need to adjust where the car position is as we've got that to be as a static position as

24
00:01:36,090 --> 00:01:36,340
well.

25
00:01:36,900 --> 00:01:42,420
So if we update all three of these, we should be good to go with having a wider road.

26
00:01:43,140 --> 00:01:47,220
So go back and try that out and see if that works.

27
00:01:48,030 --> 00:01:53,310
And so far so good it shouldn't be affecting any of the other mechanics of the game.

28
00:01:53,310 --> 00:01:54,960
So we should be able to start again.

29
00:01:56,770 --> 00:02:02,860
And see that that is that is working properly and sometimes you do need to play through these games

30
00:02:03,040 --> 00:02:09,040
just to make sure that everything is working as intended and we might not even want to change our car

31
00:02:09,040 --> 00:02:13,640
color to be white so that it stands out a little bit more within the road.

32
00:02:13,810 --> 00:02:14,860
So that's another option.

33
00:02:14,870 --> 00:02:21,520
So you can eat really easily, adjust the car color and that's coming in from as a default here within

34
00:02:21,520 --> 00:02:22,270
these lines.

35
00:02:22,270 --> 00:02:27,770
We've got it as blue so we can set it as white or we could use JavaScript to set that as well.

36
00:02:27,790 --> 00:02:30,160
So it's all dependent on what you want to do.

37
00:02:30,280 --> 00:02:33,130
So now we've got our white car and all of that.

38
00:02:33,130 --> 00:02:35,920
The enemy cars are going to have a number on them.

39
00:02:35,920 --> 00:02:38,820
So we see that it's got the one, two, three and so on.

40
00:02:39,310 --> 00:02:41,650
So see, they all have numbers on top of them.

41
00:02:42,130 --> 00:02:44,620
So do try out the game and enough less.

42
00:02:44,620 --> 00:02:52,060
And we'll do a quick overview of the source code to do a quick review of what we did and how we accomplished

43
00:02:52,060 --> 00:02:54,590
and built out this car game from scratch.

44
00:02:54,730 --> 00:02:57,340
So all of that is still yet to come in the upcoming lesson.