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,816
One thing that has been visually lacking
2
00:00:03,072 --> 00:00:05,632
So far is H
3
00:00:05,888 --> 00:00:09,216
And most notably we are using the default good elf on
4
00:00:09,728 --> 00:00:12,800
And we need to update this experience bar to look nice
5
00:00:13,056 --> 00:00:14,848
And all of our panels
6
00:00:15,104 --> 00:00:16,640
4 upgrade cards
7
00:00:16,896 --> 00:00:18,176
Don't look that good
8
00:00:18,432 --> 00:00:18,944
Either
9
00:00:19,200 --> 00:00:22,528
So the first thing that we're going to do is we're going to set up a theme
10
00:00:22,784 --> 00:00:24,064
With a d
11
00:00:24,320 --> 00:00:25,344
Find love H
12
00:00:25,600 --> 00:00:26,112
Own
13
00:00:27,392 --> 00:00:29,440
The download page for a set
14
00:00:30,720 --> 00:00:32,000
Domaine font
15
00:00:32,256 --> 00:00:33,792
That you can use in your projects
16
00:00:34,048 --> 00:00:37,120
For this project and for all future projects
17
00:00:37,376 --> 00:00:39,936
I've also upload the zip standalone
18
00:00:40,192 --> 00:00:40,704
So
19
00:00:40,960 --> 00:00:46,080
Please check out the edge page of the author of The Fonz but you can also just download the zip file
20
00:00:46,336 --> 00:00:48,640
Directly from the resources in this lesson
21
00:00:49,408 --> 00:00:54,528
And what you downloaded NB pixel font bundle go had an extracted wherever you want
22
00:00:55,040 --> 00:00:57,344
And I'm going to use this ro
23
00:00:57,600 --> 00:00:58,880
Foxconn
24
00:00:59,136 --> 00:00:59,648
12
25
00:00:59,904 --> 00:01:00,269
Fart
26
00:01:00,271 --> 00:01:02,619
Subtitled by
online-courses.club
We compress knowledge for you!
27
00:01:02,620 --> 00:01:03,744
And I'm just going to go ahead and dragged it over into
28
00:01:04,000 --> 00:01:05,536
Godot file system
29
00:01:05,792 --> 00:01:08,352
And that's going to put it right there now it's like an estate
30
00:01:08,864 --> 00:01:13,984
So let's go to resources and let's create a new folder underneath this
31
00:01:14,240 --> 00:01:15,520
And we're gonna call this
32
00:01:15,776 --> 00:01:16,288
Beam
33
00:01:16,544 --> 00:01:18,080
And I'm going to drag this
34
00:01:18,336 --> 00:01:18,848
TTR
35
00:01:19,104 --> 00:01:19,616
File
36
00:01:19,872 --> 00:01:21,408
Into the theme folder
37
00:01:21,664 --> 00:01:23,200
And then I'm also going to
38
00:01:23,456 --> 00:01:23,968
Play click
39
00:01:24,224 --> 00:01:24,992
Say new
40
00:01:25,760 --> 00:01:26,784
And then resource
41
00:01:27,808 --> 00:01:28,832
Search for theme
42
00:01:29,600 --> 00:01:30,368
And
43
00:01:30,624 --> 00:01:31,392
The theme
44
00:01:31,648 --> 00:01:32,928
Hear anything
45
00:01:33,184 --> 00:01:34,208
Try
46
00:01:35,744 --> 00:01:36,256
Ok
47
00:01:37,024 --> 00:01:38,048
So what is 8
48
00:01:38,304 --> 00:01:41,632
Well I seem essentially is away that we can
49
00:01:41,888 --> 00:01:42,400
Dictate
50
00:01:42,912 --> 00:01:47,008
How all of the UI asset look by default and you can see in here
51
00:01:47,264 --> 00:01:49,312
These are our default
52
00:01:49,568 --> 00:01:50,848
UI elements
53
00:01:51,104 --> 00:01:53,920
They're already on build out nice and need for us
54
00:01:54,176 --> 00:01:57,504
And this is also a nice way to preview any changes that we make
55
00:01:57,760 --> 00:02:00,064
And so you actually see the fonts in here change when
56
00:02:00,320 --> 00:02:03,904
Change the phone before we go any further because this is a pixel art game
57
00:02:04,160 --> 00:02:05,952
We need to make a couple of changes
58
00:02:06,464 --> 00:02:07,488
Find itself
59
00:02:07,744 --> 00:02:09,280
So if you double click the ttf
60
00:02:09,536 --> 00:02:10,048
File
61
00:02:10,304 --> 00:02:11,584
This will open up
62
00:02:11,840 --> 00:02:12,352
Window
63
00:02:13,376 --> 00:02:16,448
There's a couple of options here that we want to pay at 10
64
00:02:17,216 --> 00:02:21,056
Anti-aliasing since is a pixel game we don't want any anti
65
00:02:21,312 --> 00:02:21,824
Turn
66
00:02:22,336 --> 00:02:22,848
2
67
00:02:23,104 --> 00:02:23,616
None
68
00:02:25,920 --> 00:02:26,432
Ok
69
00:02:26,688 --> 00:02:27,968
And then we're gonna tell him
70
00:02:28,480 --> 00:02:28,992
2
71
00:02:29,248 --> 00:02:30,272
None as well
72
00:02:31,040 --> 00:02:32,064
And then some pics
73
00:02:32,320 --> 00:02:34,368
Positioning we're going to turn to disable
74
00:02:35,392 --> 00:02:36,416
So it's all those
75
00:02:36,672 --> 00:02:37,184
Settings
76
00:02:37,440 --> 00:02:37,952
Set
77
00:02:38,464 --> 00:02:39,744
We are going to have nice
78
00:02:40,000 --> 00:02:40,512
Chris
79
00:02:41,024 --> 00:02:41,792
Pixel font
80
00:02:42,048 --> 00:02:42,816
In our game
81
00:02:43,072 --> 00:02:44,096
Quick reimport
82
00:02:45,376 --> 00:02:46,656
And we should be good to
83
00:02:47,168 --> 00:02:53,056
So now I can drag over this default fine so I can open my theme by double-clicking I can drive the default
84
00:02:53,312 --> 00:02:54,080
Into the default
85
00:02:54,336 --> 00:02:54,848
Property
86
00:02:55,104 --> 00:02:58,432
Default font size should be 16 because
87
00:02:58,688 --> 00:03:00,480
Is enby pixel phone
88
00:03:00,736 --> 00:03:02,016
Almost all of them
89
00:03:02,528 --> 00:03:05,088
Should be scaled in multiples of 60
90
00:03:05,600 --> 00:03:06,880
In order to preserve
91
00:03:07,392 --> 00:03:07,904
The pixel
92
00:03:08,416 --> 00:03:12,000
Ok we will notice on our game this font is still there
93
00:03:12,512 --> 00:03:14,816
And the reason is because we need to set the diff
94
00:03:15,072 --> 00:03:16,864
Font for the project wide
95
00:03:18,144 --> 00:03:19,680
What we need to do is go to Prague
96
00:03:20,192 --> 00:03:20,960
Project settings
97
00:03:21,216 --> 00:03:25,056
And make sure advanced settings is on so tell that on there
98
00:03:25,312 --> 00:03:27,872
And then go to the filter settings box and
99
00:03:28,128 --> 00:03:28,640
Theme
100
00:03:28,896 --> 00:03:30,944
Go to the gym section
101
00:03:31,200 --> 00:03:32,992
And we have cuss
102
00:03:33,504 --> 00:03:34,784
This is a custom theme
103
00:03:35,808 --> 00:03:37,600
When we supply the path
104
00:03:37,856 --> 00:03:39,136
It's going to update
105
00:03:39,392 --> 00:03:40,672
All of our control now
106
00:03:40,928 --> 00:03:42,976
To use this theme so I'm going to go ahead and
107
00:03:44,256 --> 00:03:45,024
Open this
108
00:03:45,280 --> 00:03:47,072
And then I'm going to go to my
109
00:03:47,584 --> 00:03:48,096
Resource
110
00:03:48,608 --> 00:03:49,120
Beam
111
00:03:49,376 --> 00:03:50,912
Anything that try
112
00:03:51,424 --> 00:03:52,192
So again
113
00:03:52,448 --> 00:03:55,520
You click the open icon here and then pointing
114
00:03:55,776 --> 00:03:56,544
The path of your theme
115
00:03:56,800 --> 00:03:58,336
Now this does require a restart
116
00:03:58,592 --> 00:04:00,128
So I'm going to go ahead and restart
117
00:04:01,152 --> 00:04:04,224
Alright I've restarted my editor and you can see now look at this
118
00:04:04,480 --> 00:04:05,504
Our little
119
00:04:05,760 --> 00:04:06,528
Text right here
120
00:04:06,784 --> 00:04:07,808
Is career
121
00:04:08,320 --> 00:04:10,624
It's showing that's fine too that we specified
122
00:04:10,880 --> 00:04:11,904
That we wanted to you
123
00:04:12,416 --> 00:04:13,440
What's going to run the game
124
00:04:13,696 --> 00:04:15,232
And that's looking great
125
00:04:16,512 --> 00:04:19,583
The timer at the top of the screen is not super real
126
00:04:19,839 --> 00:04:22,399
So let's go into our Arena time you are
127
00:04:22,655 --> 00:04:24,959
Let's go ahead in AD
128
00:04:25,215 --> 00:04:25,983
Outline
129
00:04:26,239 --> 00:04:29,055
Around the text so if I go to my label here
130
00:04:29,311 --> 00:04:31,359
And I scroll down
131
00:04:32,639 --> 00:04:35,199
Until I see the theme override here
132
00:04:35,711 --> 00:04:37,759
What I can do is I can change
133
00:04:38,015 --> 00:04:42,367
This shadow offset and outline size to give it Shadows angel
134
00:04:43,135 --> 00:04:46,975
I'm gonna choose out line by clicking on the boxer and then enter
135
00:04:47,231 --> 00:04:47,743
Tool
136
00:04:47,999 --> 00:04:49,279
And then I'm going to
137
00:04:49,535 --> 00:04:51,327
Check the box that says find
138
00:04:51,583 --> 00:04:52,095
Lime colour
139
00:04:52,351 --> 00:04:56,191
So now we can see the outline and I'm going to hold control
140
00:04:56,447 --> 00:04:57,215
And
141
00:04:57,727 --> 00:04:59,263
Scrubs with the left Mouse button
142
00:04:59,775 --> 00:05:02,335
This value until I get something that look
143
00:05:02,847 --> 00:05:04,383
Approximately like
144
00:05:04,639 --> 00:05:05,919
What I would expect
145
00:05:06,175 --> 00:05:06,687
To see
146
00:05:06,943 --> 00:05:07,967
And the
147
00:05:08,735 --> 00:05:11,551
Remember our asset pack has like really thick
148
00:05:12,063 --> 00:05:12,831
Outline
149
00:05:13,087 --> 00:05:14,111
Someone like that
150
00:05:14,367 --> 00:05:16,671
Install the apps and I'm using it as an outline
151
00:05:16,927 --> 00:05:17,439
10
152
00:05:17,695 --> 00:05:19,231
I think that looks really nice
153
00:05:19,743 --> 00:05:23,839
The final thing I want to do is I want to change this font outline colour
154
00:05:24,095 --> 00:05:27,423
To match the brown that the other outlines are using
155
00:05:27,935 --> 00:05:30,239
So what I'm going to do is I have a colour picker tool
156
00:05:30,751 --> 00:05:31,519
In Windows
157
00:05:31,775 --> 00:05:33,055
But I would I will read
158
00:05:33,311 --> 00:05:33,823
The
159
00:05:34,079 --> 00:05:34,847
Colour to you
160
00:05:35,103 --> 00:05:39,455
As I input it so I've just copy the colour I'm going to bring it over to the font outline colour
161
00:05:39,711 --> 00:05:43,551
And select this colorbar and pasted in there and the
162
00:05:43,807 --> 00:05:44,575
Hex code
163
00:05:44,831 --> 00:05:46,111
Is 3 f
164
00:05:46,623 --> 00:05:47,391
26
165
00:05:47,903 --> 00:05:48,415
31
166
00:05:48,927 --> 00:05:50,463
Enter to apply that
167
00:05:50,719 --> 00:05:55,327
And now we've got our text with a brown outline and so if I go back into the game
168
00:05:55,583 --> 00:05:56,863
You can see now that
169
00:05:57,119 --> 00:05:59,423
That text is a lot more Rita
170
00:05:59,935 --> 00:06:02,239
That was a brief introduction to
171
00:06:02,495 --> 00:06:03,007
Theme
172
00:06:03,519 --> 00:06:04,799
And France
173
00:06:05,055 --> 00:06:07,359
Next up we are going to do something fun
174
00:06:07,615 --> 00:06:11,199
We are going to use what we've learnt about fans and theme
175
00:06:11,455 --> 00:06:12,223
To create
176
00:06:12,479 --> 00:06:14,271
Numbers when in anime
177
00:06:14,527 --> 00:06:15,039
Get hit
178
00:06:15,295 --> 00:06:17,087
And then afterwards will begin
179
00:06:17,599 --> 00:06:18,111
On
180
00:06:18,367 --> 00:06:19,391
Our other
181
00:06:19,647 --> 00:06:20,671
UI elements
11137
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.