Original subtitles

One thing that has been visually lacking

So far is H

And most notably we are using the default good elf on

And we need to update this experience bar to look nice

And all of our panels

4 upgrade cards

Don't look that good

Either

So the first thing that we're going to do is we're going to set up a theme

With a d

Find love H

Own

The download page for a set

Domaine font

That you can use in your projects

For this project and for all future projects

I've also upload the zip standalone

So

Please check out the edge page of the author of The Fonz but you can also just download the zip file

Directly from the resources in this lesson

And what you downloaded NB pixel font bundle go had an extracted wherever you want

And I'm going to use this ro

Foxconn

12

Fart

Subtitled by online-courses.club We compress knowledge for you!

And I'm just going to go ahead and dragged it over into

Godot file system

And that's going to put it right there now it's like an estate

So let's go to resources and let's create a new folder underneath this

And we're gonna call this

Beam

And I'm going to drag this

TTR

File

Into the theme folder

And then I'm also going to

Play click

Say new

And then resource

Search for theme

And

The theme

Hear anything

Try

Ok

So what is 8

Well I seem essentially is away that we can

Dictate

How all of the UI asset look by default and you can see in here

These are our default

UI elements

They're already on build out nice and need for us

And this is also a nice way to preview any changes that we make

And so you actually see the fonts in here change when

Change the phone before we go any further because this is a pixel art game

We need to make a couple of changes

Find itself

So if you double click the ttf

File

This will open up

Window

There's a couple of options here that we want to pay at 10

Anti-aliasing since is a pixel game we don't want any anti

Turn

2

None

Ok

And then we're gonna tell him

2

None as well

And then some pics

Positioning we're going to turn to disable

So it's all those

Settings

Set

We are going to have nice

Chris

Pixel font

In our game

Quick reimport

And we should be good to

So now I can drag over this default fine so I can open my theme by double-clicking I can drive the default

Into the default

Property

Default font size should be 16 because

Is enby pixel phone

Almost all of them

Should be scaled in multiples of 60

In order to preserve

The pixel

Ok we will notice on our game this font is still there

And the reason is because we need to set the diff

Font for the project wide

What we need to do is go to Prague

Project settings

And make sure advanced settings is on so tell that on there

And then go to the filter settings box and

Theme

Go to the gym section

And we have cuss

This is a custom theme

When we supply the path

It's going to update

All of our control now

To use this theme so I'm going to go ahead and

Open this

And then I'm going to go to my

Resource

Beam

Anything that try

So again

You click the open icon here and then pointing

The path of your theme

Now this does require a restart

So I'm going to go ahead and restart

Alright I've restarted my editor and you can see now look at this

Our little

Text right here

Is career

It's showing that's fine too that we specified

That we wanted to you

What's going to run the game

And that's looking great

The timer at the top of the screen is not super real

So let's go into our Arena time you are

Let's go ahead in AD

Outline

Around the text so if I go to my label here

And I scroll down

Until I see the theme override here

What I can do is I can change

This shadow offset and outline size to give it Shadows angel

I'm gonna choose out line by clicking on the boxer and then enter

Tool

And then I'm going to

Check the box that says find

Lime colour

So now we can see the outline and I'm going to hold control

And

Scrubs with the left Mouse button

This value until I get something that look

Approximately like

What I would expect

To see

And the

Remember our asset pack has like really thick

Outline

Someone like that

Install the apps and I'm using it as an outline

10

I think that looks really nice

The final thing I want to do is I want to change this font outline colour

To match the brown that the other outlines are using

So what I'm going to do is I have a colour picker tool

In Windows

But I would I will read

The

Colour to you

As I input it so I've just copy the colour I'm going to bring it over to the font outline colour

And select this colorbar and pasted in there and the

Hex code

Is 3 f

26

31

Enter to apply that

And now we've got our text with a brown outline and so if I go back into the game

You can see now that

That text is a lot more Rita

That was a brief introduction to

Theme

And France

Next up we are going to do something fun

We are going to use what we've learnt about fans and theme

To create

Numbers when in anime

Get hit

And then afterwards will begin

On

Our other

UI elements