Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,256 --> 00:00:02,560
Let's get some UI up on the screen
2
00:00:02,816 --> 00:00:04,864
To represent the players health
3
00:00:05,120 --> 00:00:07,680
I'm going to do is we are going to create
4
00:00:08,192 --> 00:00:09,472
Health bar
5
00:00:09,728 --> 00:00:10,752
In the pliocene
6
00:00:11,008 --> 00:00:12,544
So I take control shift
7
00:00:13,056 --> 00:00:15,360
To open a quick open scene dialogue
8
00:00:15,616 --> 00:00:17,152
Let's go ahead and search for
9
00:00:17,408 --> 00:00:17,920
The player
10
00:00:18,176 --> 00:00:20,224
So we're gonna play essene open
11
00:00:20,480 --> 00:00:23,296
And what we're going to do is working to create a
12
00:00:23,552 --> 00:00:25,344
Progress bar same as we did
13
00:00:25,600 --> 00:00:26,880
For the Xperia
14
00:00:27,392 --> 00:00:29,440
Let's go ahead and add a child node
15
00:00:29,696 --> 00:00:30,208
The player
16
00:00:30,720 --> 00:00:32,000
Progress bar
17
00:00:33,024 --> 00:00:35,072
And let's move the Priory Spa
18
00:00:36,096 --> 00:00:36,608
Above
19
00:00:36,864 --> 00:00:37,888
The pickup
20
00:00:38,912 --> 00:00:41,984
And let's change a couple of these inspector settings
21
00:00:42,496 --> 00:00:43,520
So I'm gonna unsure
22
00:00:45,056 --> 00:00:49,152
And again setting mean value and max value of 0 in 1
23
00:00:49,408 --> 00:00:54,272
We can leave the step as it is let's at the value of .5 just so that we can see what we're working
24
00:00:55,296 --> 00:00:57,088
Another custom minimum size
25
00:00:58,112 --> 00:01:01,293
Let's create a good size for us let's try 64 in the
26
00:01:01,295 --> 00:01:03,899
Subtitled by
online-courses.club
We compress knowledge for you!
27
00:01:03,900 --> 00:01:06,048
A little bit big so maybe will do 48
28
00:01:06,304 --> 00:01:07,840
And let's go down
29
00:01:08,096 --> 00:01:09,376
I think 32 is going
30
00:01:09,632 --> 00:01:10,144
Just fine
31
00:01:10,400 --> 00:01:12,448
And then for a while let's do something like
32
00:01:12,704 --> 00:01:13,216
Pixels
33
00:01:13,472 --> 00:01:15,776
No you're not going to notice a change when you change
34
00:01:16,032 --> 00:01:16,544
A pixel
35
00:01:17,056 --> 00:01:19,872
And that's because we need a change this Transformers
36
00:01:20,384 --> 00:01:23,200
Now because we've got a custom minimum size
37
00:01:23,456 --> 00:01:24,224
Set a 32 and 8
38
00:01:24,480 --> 00:01:28,832
We should just be able to collect this reset button on the size property here
39
00:01:29,088 --> 00:01:29,856
And that was
40
00:01:30,112 --> 00:01:31,136
To the customer
41
00:01:31,392 --> 00:01:32,160
Minimum size
42
00:01:33,184 --> 00:01:38,816
Now this might still be a bit too thick so I'm going to turn it down to 6 in a custom size
43
00:01:39,072 --> 00:01:41,120
And then click the reset button again
44
00:01:41,376 --> 00:01:42,656
And it seems reasonable
45
00:01:42,912 --> 00:01:49,056
No we don't have to manually offset this now what I want to do as I want to change the pivot offset for this
46
00:01:49,312 --> 00:01:49,824
Call no
47
00:01:50,080 --> 00:01:54,432
So by default the control nodes have pivot offset letter in the top left corner
48
00:01:54,688 --> 00:01:58,528
And remember we talked about the pivot offset being the note around
49
00:01:58,784 --> 00:02:00,832
Or rather the point around which
50
00:02:01,088 --> 00:02:02,112
The Node will rotate
51
00:02:02,368 --> 00:02:04,928
So if I click the rotate mode
52
00:02:05,184 --> 00:02:06,720
Here and then I wrote a
53
00:02:07,232 --> 00:02:07,744
This
54
00:02:08,000 --> 00:02:09,792
You can see that it's rotating around
55
00:02:10,304 --> 00:02:10,816
The
56
00:02:11,328 --> 00:02:12,096
Top left corner
57
00:02:12,352 --> 00:02:15,424
And it's not like we're going to be rotating this it all but
58
00:02:15,680 --> 00:02:17,728
It does make sense in terms of layout
59
00:02:18,240 --> 00:02:19,776
You have the origin be
60
00:02:20,032 --> 00:02:22,336
In the centre of this
61
00:02:22,848 --> 00:02:25,664
No so what we're going to do is run a scroll down a bit upset
62
00:02:25,920 --> 00:02:29,760
And we're going to set the X to 16 because it's half of 32
63
00:02:30,016 --> 00:02:31,296
And then we're going to set the Y
64
00:02:31,552 --> 00:02:32,832
23 because that's half of
65
00:02:33,344 --> 00:02:36,928
Now is in the centre is the one we rotated you can see that a bit offset
66
00:02:37,184 --> 00:02:37,952
Worstest
67
00:02:38,464 --> 00:02:42,304
Now what did I do that because now it's easy to move it so if I select the move to
68
00:02:42,560 --> 00:02:45,632
I can centre it so the cross is in the centre
69
00:02:45,888 --> 00:02:46,656
And then move it
70
00:02:47,168 --> 00:02:48,192
To where I live
71
00:02:48,448 --> 00:02:48,960
To be healthy
72
00:02:49,216 --> 00:02:53,056
To be what's a right there and you could even if you wanted to if you prefer
73
00:02:53,568 --> 00:02:55,616
You can put the health bar below the player
74
00:02:55,872 --> 00:02:56,384
If you want
75
00:02:56,640 --> 00:03:01,760
I think I'm gonna put it above the player just because I think that's a little bit more traditional in video
76
00:03:02,272 --> 00:03:03,808
But the positioning of this
77
00:03:04,064 --> 00:03:04,832
Progress bar
78
00:03:05,088 --> 00:03:08,672
Does not really matter all that much so do what you think is best
79
00:03:08,928 --> 00:03:09,952
Alright so let's
80
00:03:10,464 --> 00:03:12,256
Open up our health components
81
00:03:12,768 --> 00:03:15,840
And let's create a little helper function in here
82
00:03:16,352 --> 00:03:17,376
I'm going to
83
00:03:17,888 --> 00:03:20,960
Create a function underneath a damage function call
84
00:03:21,472 --> 00:03:21,984
Get
85
00:03:22,240 --> 00:03:22,752
Health
86
00:03:25,312 --> 00:03:27,872
And what we're gonna do is we're going to say
87
00:03:28,384 --> 00:03:28,896
First of all
88
00:03:29,920 --> 00:03:32,992
Max health is equal to it's a last
89
00:03:33,248 --> 00:03:34,016
What is 0
90
00:03:34,272 --> 00:03:35,552
Then we're just going to return
91
00:03:36,832 --> 00:03:37,344
Otherwise
92
00:03:37,600 --> 00:03:38,880
Let's go Henry return
93
00:03:39,136 --> 00:03:39,904
Current health
94
00:03:40,160 --> 00:03:40,928
Slash
95
00:03:41,184 --> 00:03:41,696
Max
96
00:03:42,976 --> 00:03:45,280
And we can even go further here we could say
97
00:03:45,536 --> 00:03:49,120
Return the minimum of current house / maxwellton one
98
00:03:49,888 --> 00:03:54,240
And what's that got to do is that's going to basically make sure that we can't have a number greater than 1
99
00:03:54,752 --> 00:03:56,288
Ok so no helper function
100
00:03:56,544 --> 00:03:58,080
Let's open up our players
101
00:03:58,336 --> 00:04:02,944
And in here let's grab a reference to the health component because for referencing it in
102
00:04:03,200 --> 00:04:06,016
What place is now in so what I'm going to do is I'm going to
103
00:04:06,272 --> 00:04:07,040
Go up
104
00:04:07,296 --> 00:04:09,088
Hello this on ready up here
105
00:04:09,344 --> 00:04:10,112
And I'm just go
106
00:04:10,368 --> 00:04:11,904
To create another one via
107
00:04:12,160 --> 00:04:12,672
Underscore
108
00:04:14,720 --> 00:04:15,488
Al Capone
109
00:04:16,000 --> 00:04:17,791
And then let's go ahead and replace all in
110
00:04:18,047 --> 00:04:19,071
What does a health component
111
00:04:19,327 --> 00:04:21,119
So we can go down and check the other day
112
00:04:21,631 --> 00:04:23,423
Select the dollar sign health
113
00:04:23,679 --> 00:04:24,703
Control d
114
00:04:24,959 --> 00:04:25,727
To highlight
115
00:04:25,983 --> 00:04:27,007
The second occurrence of
116
00:04:27,263 --> 00:04:28,287
And then just replace it
117
00:04:28,543 --> 00:04:29,823
Health underscore compare
118
00:04:30,847 --> 00:04:33,151
So let's go back to your health component script
119
00:04:33,407 --> 00:04:35,455
Which you can navigate between your opens
120
00:04:35,967 --> 00:04:36,991
Here by the way in
121
00:04:37,247 --> 00:04:37,759
Panel
122
00:04:38,271 --> 00:04:42,367
And we currently don't have a signal that tells us that the health has changed
123
00:04:42,623 --> 00:04:44,159
Cancel let's go ahead and do that
124
00:04:44,415 --> 00:04:46,975
I'm going to write another signal underneath died
125
00:04:47,231 --> 00:04:48,767
I'm going to collect health change
126
00:04:49,023 --> 00:04:50,559
And in a damage here
127
00:04:50,815 --> 00:04:53,375
What I'm going to do before this calibre line
128
00:04:53,631 --> 00:04:54,655
Is I'm going to
129
00:04:54,911 --> 00:04:55,423
Right
130
00:04:55,935 --> 00:04:56,703
Health check
131
00:04:56,959 --> 00:04:57,727
Darling
132
00:04:58,751 --> 00:05:01,823
So now or doing is essentially just sending out an event
133
00:05:02,079 --> 00:05:02,847
Every time
134
00:05:04,127 --> 00:05:05,151
Change it now
135
00:05:05,407 --> 00:05:06,687
This will not work
136
00:05:06,943 --> 00:05:10,015
If we end up having a way for the player to heal
137
00:05:10,527 --> 00:05:12,575
So this is probably gonna need to be referred
138
00:05:12,831 --> 00:05:13,343
In the future
139
00:05:13,599 --> 00:05:15,391
But for now this work just fine
140
00:05:15,903 --> 00:05:17,183
Don't go back to my playlist
141
00:05:17,695 --> 00:05:20,767
We're going to underneath the damage interval timer
142
00:05:21,023 --> 00:05:21,791
Connection here
143
00:05:22,047 --> 00:05:22,815
In the ready-made
144
00:05:23,327 --> 00:05:23,839
Let's
145
00:05:24,095 --> 00:05:24,607
Do
146
00:05:24,863 --> 00:05:25,631
Health composed
147
00:05:26,911 --> 00:05:27,423
Health
148
00:05:27,679 --> 00:05:28,959
Underscore chain
149
00:05:29,215 --> 00:05:29,983
Dr No
150
00:05:30,751 --> 00:05:31,263
On
151
00:05:31,775 --> 00:05:32,287
Health
152
00:05:32,543 --> 00:05:33,055
Change
153
00:05:34,847 --> 00:05:36,127
What's scroll down
154
00:05:36,383 --> 00:05:37,663
To the bottom of our script
155
00:05:37,919 --> 00:05:39,199
Create that function
156
00:05:40,223 --> 00:05:40,735
Hello
157
00:05:40,991 --> 00:05:41,759
Changed
158
00:05:42,783 --> 00:05:48,159
And what we're going to do is we're going to get a reference for the progress bar which we might as well go ahead and put me on read
159
00:05:48,415 --> 00:05:48,927
Up here
160
00:05:49,183 --> 00:05:50,719
So let's get a reference to that
161
00:05:50,975 --> 00:05:51,743
Progress bar
162
00:05:54,303 --> 00:05:55,583
Progress bar is he
163
00:05:55,839 --> 00:05:56,607
2 dollar sign
164
00:05:57,119 --> 00:05:57,631
Progress
165
00:05:58,655 --> 00:06:04,287
And let's actually rename this so over in the pliocene I'm going to double click this to
166
00:06:04,543 --> 00:06:06,591
Rename it and we're going to call it help
167
00:06:08,383 --> 00:06:09,663
And then make sure change
168
00:06:12,479 --> 00:06:15,807
Ok so got her progress parlours renamed this to health bar as well
169
00:06:18,111 --> 00:06:20,671
Good to be constantly iterating on your naming
170
00:06:20,927 --> 00:06:22,463
To make it as clear as poss
171
00:06:22,975 --> 00:06:23,487
So
172
00:06:23,743 --> 00:06:26,047
On health changed what we're going to do
173
00:06:26,303 --> 00:06:27,071
Is going to say hello
174
00:06:27,327 --> 00:06:27,839
Bar
175
00:06:28,863 --> 00:06:29,631
Value
176
00:06:29,887 --> 00:06:32,447
Because that is this property here
177
00:06:32,703 --> 00:06:35,263
So if I scroll down to value here
178
00:06:35,519 --> 00:06:36,799
You can see the dad
179
00:06:37,055 --> 00:06:38,847
That's what we need to change because that change
180
00:06:39,103 --> 00:06:41,151
How far along the progress bar is
181
00:06:41,407 --> 00:06:43,967
If you ever unsure what a property is called
182
00:06:44,223 --> 00:06:46,271
You can either check the documentation or
183
00:06:46,527 --> 00:06:48,575
If you have her over this property
184
00:06:48,831 --> 00:06:50,879
It will tell you what the property name is
185
00:06:51,391 --> 00:06:52,159
PropertyPal
186
00:06:52,415 --> 00:06:56,511
You here and then max value property underscore Max or Max underscore value
187
00:06:56,767 --> 00:06:58,815
So if you ever unsure just know that
188
00:06:59,071 --> 00:07:00,607
You can access the property names
189
00:07:00,863 --> 00:07:02,655
Going to say health board values
190
00:07:02,911 --> 00:07:04,191
To help underscore
191
00:07:04,447 --> 00:07:04,959
Composed
192
00:07:05,983 --> 00:07:06,495
Get
193
00:07:06,751 --> 00:07:07,263
Health
194
00:07:08,287 --> 00:07:09,311
Invoke
195
00:07:11,103 --> 00:07:12,639
And then we're just going to
196
00:07:13,151 --> 00:07:13,663
Call
197
00:07:13,919 --> 00:07:14,943
This line
198
00:07:15,199 --> 00:07:15,967
In the ready-made
199
00:07:16,223 --> 00:07:16,991
Now we could
200
00:07:17,247 --> 00:07:21,087
Copy and paste as well to make sure that this is updated when the game start
201
00:07:21,343 --> 00:07:22,623
What I'm going to do instead
202
00:07:22,879 --> 00:07:26,719
Is I'm going to create a new function below check deal damage
203
00:07:28,511 --> 00:07:31,839
Which is Justin Bieber called update health display
204
00:07:32,863 --> 00:07:35,167
I'm going to pay stat line in this healthbars
205
00:07:35,423 --> 00:07:36,703
Eagles health component
206
00:07:36,959 --> 00:07:39,519
And the universe is now we don't have to worry about
207
00:07:39,775 --> 00:07:43,103
Copying pasting this line we're going to call update health display
208
00:07:43,359 --> 00:07:45,407
And know that funk
209
00:07:45,663 --> 00:07:47,967
Contain all the code that is necessary
210
00:07:48,479 --> 00:07:49,503
To update artist
211
00:07:50,015 --> 00:07:52,319
And I'm going to go ahead and replace this and the ready up here
212
00:07:52,831 --> 00:07:53,855
When I call up day
213
00:07:54,367 --> 00:07:57,951
Display a cooling update help display in ready as well as
214
00:07:58,207 --> 00:07:59,231
Neon health check
215
00:08:00,255 --> 00:08:01,535
So let's see if that were
216
00:08:02,047 --> 00:08:04,095
So you can't see the health bar very well
217
00:08:04,351 --> 00:08:07,167
It looks like our health bar is not
218
00:08:07,679 --> 00:08:08,959
Let's go in Hindi
219
00:08:09,727 --> 00:08:11,775
So I'm going to start the debugging process
220
00:08:12,031 --> 00:08:12,543
Bye
221
00:08:12,799 --> 00:08:13,567
You can use
222
00:08:14,079 --> 00:08:14,847
Breakpoints
223
00:08:15,103 --> 00:08:17,151
So maybe this is a good opportunity to do
224
00:08:17,663 --> 00:08:19,711
So I can place a breakpoint here
225
00:08:19,967 --> 00:08:22,527
By clicking in the gutter next to line number
226
00:08:22,783 --> 00:08:26,111
What are tyres that won't tell the game to pause execution at
227
00:08:26,367 --> 00:08:28,159
What's the point so that we can inspect
228
00:08:28,671 --> 00:08:29,183
Various
229
00:08:29,695 --> 00:08:32,511
Issues with Ark we can inspect variables and all that good
230
00:08:33,023 --> 00:08:33,535
So
231
00:08:33,791 --> 00:08:36,863
KFC on health changed signal is being emitted proper
232
00:08:37,119 --> 00:08:38,143
We should see
233
00:08:38,399 --> 00:08:38,911
This
234
00:08:39,423 --> 00:08:41,471
Stop the games execution at this
235
00:08:41,983 --> 00:08:43,007
What's going around
236
00:08:43,519 --> 00:08:45,055
And I'm just going to go ahead and
237
00:08:45,567 --> 00:08:46,335
Get it down anime
238
00:08:47,359 --> 00:08:49,407
Ok Anna breakpoint is not work
239
00:08:49,919 --> 00:08:51,967
That means that are on health change this
240
00:08:52,223 --> 00:08:53,503
King cod and why is that
241
00:08:53,759 --> 00:08:58,367
And the reason is because we actually have never connected to that signal in are ready
242
00:08:58,879 --> 00:09:01,695
And perhaps I had that earlier and I just didn't
243
00:09:01,951 --> 00:09:03,999
Connected but it's very simple
244
00:09:04,255 --> 00:09:04,767
So
245
00:09:07,583 --> 00:09:09,119
Health components dot
246
00:09:10,911 --> 00:09:12,959
Underscore changed dartconnect
247
00:09:13,471 --> 00:09:13,983
On
248
00:09:14,239 --> 00:09:14,751
Health
249
00:09:15,007 --> 00:09:15,519
Change
250
00:09:19,359 --> 00:09:21,151
And I'm going to leave that break point
251
00:09:21,407 --> 00:09:24,223
In the code here to show you how
252
00:09:24,735 --> 00:09:26,271
So if I go
253
00:09:26,527 --> 00:09:28,063
Into the game and get hit
254
00:09:28,319 --> 00:09:31,135
Alright so you can see that as soon as that code is wrong
255
00:09:31,391 --> 00:09:34,207
The game has pause execution you can see that is paused
256
00:09:34,463 --> 00:09:36,767
Here and I can actually inspect
257
00:09:37,023 --> 00:09:39,071
All kinds of stuff in the debugger
258
00:09:39,583 --> 00:09:45,727
So I can see what the self is what the damage interval timer is but this I can see what the number of colliding bar
259
00:09:45,983 --> 00:09:47,007
Please is right
260
00:09:47,263 --> 00:09:49,823
I can also see the list of breakpoints on the right here
261
00:09:50,079 --> 00:09:51,615
I've got a number of
262
00:09:51,871 --> 00:09:52,639
Options
263
00:09:53,151 --> 00:09:58,527
So I can turn on skip breakpoint I can copy the error I can step into the function I can
264
00:09:58,783 --> 00:10:00,588
Over the function and I can continue
265
00:10:00,589 --> 00:10:02,760
Subtitled by
online-courses.club
We compress knowledge for you!
266
00:10:02,761 --> 00:10:04,159
So these are the three functionalities that you're going to 1
267
00:10:04,671 --> 00:10:06,719
So we started this breakpoint update
268
00:10:06,975 --> 00:10:08,767
Display let's say that
269
00:10:09,023 --> 00:10:13,375
I want to see actually I want to step through the execution of this funk
270
00:10:13,887 --> 00:10:15,935
What I can do is I can use
271
00:10:16,191 --> 00:10:16,959
The
272
00:10:17,215 --> 00:10:18,751
Intu Barton
273
00:10:19,263 --> 00:10:20,031
When I click that
274
00:10:20,287 --> 00:10:22,335
That's going to immediately take me
275
00:10:22,591 --> 00:10:24,127
To the first line of Ed
276
00:10:25,407 --> 00:10:26,687
And now I can in
277
00:10:27,199 --> 00:10:27,967
Everything
278
00:10:28,223 --> 00:10:33,599
I'm here ok and then I can also continue to step into so if I click this button again
279
00:10:33,855 --> 00:10:38,463
That's going to take me to the health percent function because that's what is calling
280
00:10:38,975 --> 00:10:39,999
And then in here
281
00:10:40,255 --> 00:10:44,863
Let's say that I wanted to nitpick or inspect various property so I can see
282
00:10:45,119 --> 00:10:49,215
What is my Max health I can hover over that I can see all well it's 10 ok
283
00:10:49,471 --> 00:10:52,031
What are my current health I'm going to hold over that
284
00:10:52,287 --> 00:10:53,567
That is 9 ok
285
00:10:53,823 --> 00:10:55,359
That makes sense and I can step
286
00:10:55,615 --> 00:10:56,895
Over these
287
00:10:57,151 --> 00:10:59,967
Siemens so if I click so we've used to step into
288
00:11:00,223 --> 00:11:01,247
A couple times now
289
00:11:01,503 --> 00:11:03,039
Banana fake Step Over
290
00:11:03,551 --> 00:11:06,367
You can see that it goes to the next line that it Valley
291
00:11:06,623 --> 00:11:09,439
And then I can click Step Over Again
292
00:11:09,695 --> 00:11:10,975
And that will take me
293
00:11:11,231 --> 00:11:11,999
Back to
294
00:11:12,511 --> 00:11:16,351
Just after the health changed and minutes ago which is what kicked off dad in tyre
295
00:11:16,863 --> 00:11:17,631
12 oz
296
00:11:17,887 --> 00:11:20,959
And we pretty much step through all the code that we want to inspire
297
00:11:21,215 --> 00:11:23,263
And so to continue the execution of the game
298
00:11:23,519 --> 00:11:24,031
I can do
299
00:11:24,287 --> 00:11:25,055
Hitler's continue
300
00:11:25,567 --> 00:11:26,847
And I will take me back to the game
301
00:11:27,103 --> 00:11:29,407
But we had the break point again because
302
00:11:29,663 --> 00:11:30,687
The health exchange
303
00:11:31,199 --> 00:11:32,735
If I want to I can just on
304
00:11:32,991 --> 00:11:33,503
Select
305
00:11:33,759 --> 00:11:34,527
Breakpoint
306
00:11:34,783 --> 00:11:35,295
Continue
307
00:11:36,575 --> 00:11:40,159
Now everything is good and I can see that my health is actually going down
308
00:11:40,671 --> 00:11:41,951
Which is very hard to see
309
00:11:42,207 --> 00:11:44,255
So let's address that
310
00:11:44,511 --> 00:11:47,327
Style of the progress bar for the health bar
311
00:11:47,839 --> 00:11:51,935
I'm going to click my health bar in the scene tree over here
312
00:11:52,191 --> 00:11:53,727
I'm going to scroll down
313
00:11:53,983 --> 00:11:55,519
Until I see
314
00:11:57,055 --> 00:11:59,359
This Styles section here
315
00:11:59,615 --> 00:12:02,943
Now we're going to get into in more depth
316
00:12:03,199 --> 00:12:04,223
UI theme
317
00:12:04,735 --> 00:12:06,015
Because you're definitely not
318
00:12:06,271 --> 00:12:08,575
Not even close to polishing up this game yet
319
00:12:08,831 --> 00:12:10,367
Now's a good time to
320
00:12:10,623 --> 00:12:12,415
The first little bit of exposure
321
00:12:12,927 --> 00:12:15,743
So we can seem h u i l
322
00:12:16,255 --> 00:12:16,767
With
323
00:12:17,023 --> 00:12:17,535
Athene
324
00:12:17,791 --> 00:12:21,119
And we can override individual parts of that theme
325
00:12:21,375 --> 00:12:23,167
At the individual node level
326
00:12:23,423 --> 00:12:24,191
So another word
327
00:12:24,447 --> 00:12:26,239
I can provide in global theme
328
00:12:26,495 --> 00:12:28,031
That all control nodes
329
00:12:28,287 --> 00:12:32,127
Will sell themselves after oral inherit the styles of ethene
330
00:12:32,383 --> 00:12:34,431
But I can also override
331
00:12:34,687 --> 00:12:35,967
What's a 15 of the individual love
332
00:12:36,223 --> 00:12:36,991
And that's what the
333
00:12:37,247 --> 00:12:37,759
Styles
334
00:12:38,783 --> 00:12:39,551
So what
335
00:12:39,807 --> 00:12:40,831
If I decide
336
00:12:41,087 --> 00:12:43,135
That I want to override the fill here
337
00:12:43,391 --> 00:12:45,695
I can't click into this empty button right here
338
00:12:45,951 --> 00:12:47,487
If I select new style box
339
00:12:49,023 --> 00:12:52,607
Why because I'll B empty is what it says it it's empty
340
00:12:52,863 --> 00:12:54,911
Of course we don't want that so I'm going to undo that
341
00:12:55,167 --> 00:12:56,447
What we want instead
342
00:12:56,703 --> 00:12:58,239
Is we want a style bar
343
00:12:58,495 --> 00:13:00,799
You can see immediately upon
344
00:13:01,055 --> 00:13:03,615
Choosing Starbucks we have just
345
00:13:03,871 --> 00:13:05,407
Regular rectangle
346
00:13:05,663 --> 00:13:06,431
Boxer
347
00:13:06,687 --> 00:13:12,575
And to make it easier to see I'm going to talk with the visibility of these areas I'm going to talk to the visibility of the pick-up area
348
00:13:13,855 --> 00:13:14,879
I'm going to town with the visit
349
00:13:16,415 --> 00:13:17,695
So we have much cleaner
350
00:13:18,463 --> 00:13:19,743
Go back to the health bar
351
00:13:19,999 --> 00:13:22,559
If we click into this so I'll box flat here
352
00:13:23,071 --> 00:13:24,095
You can see that we've got
353
00:13:25,631 --> 00:13:27,423
One of them being the background colour
354
00:13:27,679 --> 00:13:30,239
This is going to be the one that's most important to us
355
00:13:30,495 --> 00:13:34,591
Something it's important to do when you're working with an asset pack or
356
00:13:34,847 --> 00:13:36,127
Just pixel are generally
357
00:13:36,383 --> 00:13:37,407
Is understood
358
00:13:37,919 --> 00:13:39,199
Maybe you can't tell
359
00:13:39,455 --> 00:13:40,223
Explicitly
360
00:13:40,479 --> 00:13:43,039
These colours are all very thematically see
361
00:13:44,063 --> 00:13:47,391
So this green in the health potion this light
362
00:13:47,903 --> 00:13:49,183
Is the same green
363
00:13:50,207 --> 00:13:51,231
This fountain
364
00:13:51,743 --> 00:13:57,887
Because the pallet is very restrictive it's it's the same colour as you can even see that the flesh colour of the sky right
365
00:13:58,399 --> 00:14:00,191
Is the same colour as the sun
366
00:14:00,703 --> 00:14:01,471
A little bit of this
367
00:14:01,727 --> 00:14:02,495
Up here
368
00:14:02,751 --> 00:14:07,615
So all the colours are very similar and the reason I bring this up is because we want to do the same for you Ireland
369
00:14:08,127 --> 00:14:14,015
Are games going to look out of place if we for instance went to this background colour and just choose a random shade of green
370
00:14:14,271 --> 00:14:15,295
That will work
371
00:14:15,551 --> 00:14:17,087
But it's not going to look
372
00:14:17,343 --> 00:14:18,367
Like if it's in the game
373
00:14:18,623 --> 00:14:20,159
So you don't have to do this
374
00:14:20,415 --> 00:14:20,927
But
375
00:14:21,183 --> 00:14:22,719
I'll give you the hex code
376
00:14:22,975 --> 00:14:23,999
I'm going to
377
00:14:24,255 --> 00:14:25,535
Grab the colour
378
00:14:25,791 --> 00:14:27,327
Of one of the screens
379
00:14:27,583 --> 00:14:28,863
So this one friend
380
00:14:29,375 --> 00:14:30,911
431
381
00:14:32,191 --> 00:14:33,215
And in my
382
00:14:33,727 --> 00:14:34,751
Background colour
383
00:14:35,263 --> 00:14:36,543
For my style box flat
384
00:14:36,799 --> 00:14:37,823
I'm going to Golden paste
385
00:14:38,079 --> 00:14:39,103
So again that
386
00:14:39,359 --> 00:14:40,127
Text number
387
00:14:40,639 --> 00:14:41,407
43
388
00:14:41,663 --> 00:14:42,431
E1
389
00:14:42,687 --> 00:14:43,199
B
390
00:14:43,967 --> 00:14:44,735
I'm going to enter
391
00:14:44,991 --> 00:14:47,807
And so now we've got a green colour that
392
00:14:48,319 --> 00:14:49,343
Ok let
393
00:14:49,599 --> 00:14:51,391
Clothes that by clicking the Sky box
394
00:14:51,647 --> 00:14:52,671
Compressed air
395
00:14:52,927 --> 00:14:54,207
And then I'm going to
396
00:14:54,463 --> 00:14:57,279
Do the same for the background so I'm going to collect this empty here
397
00:14:57,535 --> 00:14:58,815
New style backsplash
398
00:14:59,583 --> 00:15:02,143
And I'm gonna open it up and we want to change
399
00:15:02,399 --> 00:15:03,935
Bgcolor here as well
400
00:15:04,191 --> 00:15:08,287
Imagine that we probably want to use this outline colour for our bgcolor
401
00:15:08,543 --> 00:15:10,079
So I'm just going to go and grab
402
00:15:10,591 --> 00:15:13,151
Caveat in a read off the code for you as well
403
00:15:13,407 --> 00:15:15,455
So I'm gonna go to my bgcolor here
404
00:15:15,711 --> 00:15:16,735
She stayed in there
405
00:15:16,991 --> 00:15:18,015
And it is
406
00:15:18,271 --> 00:15:19,039
3 f
407
00:15:19,551 --> 00:15:20,319
26
408
00:15:20,831 --> 00:15:21,343
31
409
00:15:24,415 --> 00:15:27,487
And so now looking how much better that looks the
410
00:15:27,999 --> 00:15:32,863
Let's say that we want to have a border around or health bar so that it matches
411
00:15:33,119 --> 00:15:34,655
The thickness of the outside
412
00:15:34,911 --> 00:15:36,191
So let's
413
00:15:36,447 --> 00:15:39,263
Clothes style box flat for the background open
414
00:15:39,519 --> 00:15:40,287
The film
415
00:15:40,543 --> 00:15:41,311
Tile backsplash
416
00:15:41,567 --> 00:15:44,383
In what we can do in here if we can change the border
417
00:15:44,639 --> 00:15:45,407
Here so
418
00:15:45,663 --> 00:15:46,431
I'm going to do
419
00:15:46,943 --> 00:15:47,455
2
420
00:15:47,711 --> 00:15:48,991
222
421
00:15:49,247 --> 00:15:50,783
Cancel that out of order
422
00:15:51,039 --> 00:15:52,575
Now the problem is that
423
00:15:52,831 --> 00:15:54,367
This border colour is not correct
424
00:15:54,623 --> 00:15:58,207
So what I'm going to do as I'm going to open up the background style again
425
00:15:58,463 --> 00:16:00,767
Clicking device bgcolor I'm going to copy this
426
00:16:02,815 --> 00:16:04,863
And then I'm going to go over to the
427
00:16:05,375 --> 00:16:06,143
Border collie
428
00:16:06,399 --> 00:16:07,679
Of the Phil Style
429
00:16:07,935 --> 00:16:09,215
And Peace that colour in
430
00:16:09,471 --> 00:16:11,519
And now we've got a pretty respectable
431
00:16:11,775 --> 00:16:12,543
Health bar
432
00:16:13,055 --> 00:16:13,823
With a
433
00:16:14,079 --> 00:16:14,591
Bored
434
00:16:15,103 --> 00:16:17,663
So let's see how this looks in game and see it
435
00:16:17,919 --> 00:16:18,431
Works
436
00:16:18,943 --> 00:16:21,503
An hour in game we can see the health bar around
437
00:16:21,759 --> 00:16:22,271
The character
438
00:16:22,527 --> 00:16:24,063
And as I take Dam
439
00:16:24,575 --> 00:16:26,879
I'm going to see that health bar get deployed
440
00:16:28,415 --> 00:16:29,439
So that is
441
00:16:29,695 --> 00:16:32,255
The UI implementation for the player health
29174
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.