1
00:00:00,240 --> 00:00:00,900
Welcome back.

2
00:00:00,930 --> 00:00:05,310
Congratulations on making it this far into the course, this lesson, we're going to run through the

3
00:00:05,310 --> 00:00:07,990
game and make some tweaks and updates to the gameplay.

4
00:00:08,010 --> 00:00:08,940
So we're coming to the game.

5
00:00:08,940 --> 00:00:12,560
And this is where the user experience comes in that we see that we've got.

6
00:00:12,570 --> 00:00:13,710
Welcome to the game guests.

7
00:00:13,710 --> 00:00:15,090
A number one to 10.

8
00:00:15,270 --> 00:00:17,580
We probably don't need the welcome to the game.

9
00:00:17,580 --> 00:00:23,400
So let's get rid of that, try the game out and play through the game so we see that the number was

10
00:00:23,400 --> 00:00:23,790
higher.

11
00:00:23,800 --> 00:00:27,720
Let's try a lower number or let's try a higher number so we can go to ten.

12
00:00:27,720 --> 00:00:30,720
And we know the number is nine because it's OK put in the console.

13
00:00:30,960 --> 00:00:35,540
So we're going to have to remove that as well after we finished testing and debugging.

14
00:00:35,550 --> 00:00:37,350
So now we know that the number was lower.

15
00:00:37,500 --> 00:00:42,330
So let's guess correctly, and you might want to keep this in place while you're doing your debugging

16
00:00:42,330 --> 00:00:44,430
and you're testing of the gameplay.

17
00:00:44,430 --> 00:00:45,100
So correct.

18
00:00:45,120 --> 00:00:48,150
Guess of nine in four.

19
00:00:48,150 --> 00:00:49,680
Guess that one is OK.

20
00:00:49,680 --> 00:00:52,530
And then when we restart the game, we got welcome to the game.

21
00:00:52,530 --> 00:00:53,880
Guess the number one to ten.

22
00:00:54,330 --> 00:00:56,280
So let's get rid of that welcome message.

23
00:00:56,460 --> 00:01:03,600
And we also noticed that the button moves from over here to down here because we're applying the display

24
00:01:03,900 --> 00:01:06,830
style of block, which is moving the buttons.

25
00:01:06,850 --> 00:01:10,710
We need to take care of that and handle that as well within the styling.

26
00:01:10,710 --> 00:01:15,870
So just lets us make a few updates and add the button element.

27
00:01:15,930 --> 00:01:17,820
So couldn't do a display block.

28
00:01:17,820 --> 00:01:20,850
So that's more consistent with what's happening within the gameplay.

29
00:01:20,880 --> 00:01:25,530
And of course, you're probably going to want to play your own styling to play the feel that you want

30
00:01:25,530 --> 00:01:26,100
for the game.

31
00:01:26,160 --> 00:01:30,630
And this is also the point where you want to make any of the updates that you want within the game as

32
00:01:30,630 --> 00:01:30,960
well.

33
00:01:30,960 --> 00:01:34,260
And then message, let's add margin around that.

34
00:01:34,260 --> 00:01:36,600
So there's additional spacing around the message.

35
00:01:36,660 --> 00:01:39,060
We can also make the button bigger as well.

36
00:01:39,090 --> 00:01:41,340
I usually like to set a meme with snow.

37
00:01:41,340 --> 00:01:42,450
We've got a guess.

38
00:01:42,450 --> 00:01:44,040
We've got the button content.

39
00:01:44,220 --> 00:01:46,650
Also update the button font size.

40
00:01:46,650 --> 00:01:48,000
So that's a bit bigger.

41
00:01:48,000 --> 00:01:51,120
And then font family can also be updated and set of height.

42
00:01:51,300 --> 00:01:54,600
Maybe we could do padding around the button and border radius.

43
00:01:54,600 --> 00:01:59,400
So it looks like we've got all of the functionality, the few other things that we can update and we

44
00:01:59,400 --> 00:02:02,550
can update it more and back to templated format.

45
00:02:02,850 --> 00:02:08,160
So instead of sending in these strings, we can send these strings through within a backpack template

46
00:02:08,160 --> 00:02:08,640
format.

47
00:02:08,880 --> 00:02:15,150
So what I mean by that is using that Bostik instead of the quotes, and that's also provide you more

48
00:02:15,150 --> 00:02:18,990
flexibility within your string so you can add in the quotes as needed.

49
00:02:19,320 --> 00:02:25,170
So I'm just replacing all of these quotes with tactics and using the Batek templating format.

50
00:02:25,410 --> 00:02:33,540
You can also update your addin variables by using the dollar sign and the curly bracket so you don't

51
00:02:33,540 --> 00:02:39,060
have to break in and out of your string, which looks a whole lot better, of course.

52
00:02:39,060 --> 00:02:42,090
And that's how we can pass variables into the message area.

53
00:02:42,390 --> 00:02:45,600
And we'll do the same thing for our tenth message here.

54
00:02:45,780 --> 00:02:50,490
So using back ticks again and then we're we're need to use the string values.

55
00:02:50,490 --> 00:02:55,590
We're going to use the curly brackets so those variables get added into our content.

56
00:02:55,740 --> 00:02:57,330
I think we're ready to try it again.

57
00:02:57,420 --> 00:02:59,460
So let's do a refresh and see.

58
00:02:59,460 --> 00:03:00,510
It doesn't affect that.

59
00:03:00,510 --> 00:03:02,160
I would put that output is still the same.

60
00:03:02,160 --> 00:03:06,240
If you go to inspect that output that's being output there is still the same.

61
00:03:06,270 --> 00:03:10,820
So always run through it and make sure that things are working as you're expecting it to.

62
00:03:11,010 --> 00:03:18,360
So every time we run the game against whatever time the game has to run again, whenever it's game over,

63
00:03:18,570 --> 00:03:23,450
we can update the game minimum or game maximum to increase.

64
00:03:23,460 --> 00:03:24,630
We can increase it by five.

65
00:03:24,630 --> 00:03:27,090
That makes the game more interesting as you play through it.

66
00:03:27,090 --> 00:03:30,990
So now we're guessing a number from one to fifteen was higher.

67
00:03:31,030 --> 00:03:33,000
Now we're guessing a number from one to twenty.

68
00:03:33,000 --> 00:03:34,380
So we've made it fairly dynamic.

69
00:03:34,470 --> 00:03:36,780
Also, let's get rid of the console messages.

70
00:03:37,590 --> 00:03:42,540
And sometimes there are several gameplay throughout that you need to do in order to make sure that you've

71
00:03:42,540 --> 00:03:44,040
addressed all of the functionality.

72
00:03:44,250 --> 00:03:49,200
And once you're happy, you're ready to launch the game, finish off all of the gameplay to do a quick

73
00:03:49,200 --> 00:03:49,980
refresh there.

74
00:03:49,980 --> 00:03:50,980
So now it's up to you.

75
00:03:51,000 --> 00:03:55,380
Take the source code, try it out for yourself, make sure the game is functioning as needed.

76
00:03:55,500 --> 00:03:58,110
And coming up next, to do a quick code review, an overview.