Original subtitles

Something that is a must have in these kind of games is

Doing a hip flash when it enemy gets

As well as spawning a nice big number

That shows you how much damage you do

Even though that doesn't sound like a lot

It's going to add so much to the feel of are gay

The first thing that we're gonna do is we're gonna create a floating tour

Scene

They can spawn

Numbers in accordance with the Damned

That was done

So let's get started

Let's create a new scene

We're gonna make it a route type of no 2D

Let's call this floating

And let's see

And save it in scene

We'll put it in the UI director

And say

Ok

So the first thing I want to do is Rihanna

And Child

And let's create a type of label

And then let's write some sort of death

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

Now we're going to do is we are going to set on the label

We are going to

Go to the

Custom minimum size

Set a to something like

200

Wide

Or list E14

Wide

Actually sorry to keep going back and forth

100 sounds good to me

Anna let's do 32 in the war

And the reason I'm doing this is because this gives me a known size

So that I can send it proper

So firstly I'm going to change my horizontal align

The top 2 Centre

And the vertical alignment to Centre

As well

And since I have this custom minimum size

I actually know what my proper position leads to

In order to have the centre

And that is

100 / 2

In the position

So a transform position

100 / 2

It has to be negative

100 / 2

And then we can do -32 / 2

And now my label is right in the sun

Exactly right

Actually I think

This phone is actually a little bit taller

So I can hold control

Drag

On the position to say

So negative

Is appropriate here

Centre in the good thing about this is that we can have

Pretty large text in a

Recenter

Where as if I did this you can see now it's offset

Because it's extended in it

In its Direction

Right so that's what we're trying to avoid by giving it a fix

Minimum

M4 we go any further let's go ahead and add

A outline to this would I make the outline a little bit

Smaller than outline we did previously there

So I'm going to scroll down to the theme override

Turn on font outline colour

And then turn on outline size and make the outline size something

I think two will be appropriate

And then I'm going to open up my Arena time you I seen

Control

Oh so here's the arena time you

Click the label in the scene tree there

Go ahead and copy this

Colour

By clicking on the colour bar in there

Copying this hex code

Now what you can also do if you were

Is I can

Go to the swatches drop down right here

And I can't click the Plus button and now this colour will be saved

In other

Colour picker

So that way I don't have to copy so

If I go back to my flooring

And then I change this

Colour by clicking into

I can explain the swatches and then click

Colour

There we go

We are going to

Want

Animated

We can animate one of two ways we can use an animation player

Or we can

Is a twin

I think we've got enough exposure to animation players so far in this course

So I'm going to do twins again and took them again because I think they are really

Cheltenham

So let's go and create a script for this floating text

And a default location is ok

Override the ready method

And a let's create a new

Between with bar tween is he

Now what we're going to do is we are going to

Animed

The position

So that it's lies

Slows down and then Goes Again

Salisu tween

Dad

Property

And we're going to clean the property of our self

The property is going to be global position

In our final

Final value is going to be our global

Position

Plus

And then in parentheses let's do vector2

X

Steam and then order relation

Is going to be

Website

3

Ok so this is a little bit confusing

And actually we don't want this to be in the ready-made anyway

Create a new function called start

And then let's take a text value let's say

Text

Of type string

And let's move this tween code into there

And let's just write pass under the ready method

Brown sew-on star

Let's do another thing before we continue

Between let's grab a reference to a label with dollar sign

Label

And then say label data

Is equal to the tax that were passed

So now it's reading between winning our global position so

The root node global

And we are going to tween into the position that is directly up

By 6

In pixels

So that's the purpose of doing

Let's use our easiest cheat sheet

Again

So here's

Easons pay

Again

When we want to do when we won

The text to

What I want to do is

Why are

Really quick and slow down

Hang at that position for a little bit and then and then rise up some

So what I think we want to something like he's out

So it's going to slide up really quick

Slow down and then we're going to work in a speed it up again

I probably using something like he's in

Cubic so we can combine and he's out cubic with easing

Radio

What's go ahead and I'm going to do a new line with that backslash

I'm going to say set

And this is going to be a

Out

And wearing a set the transition type of

Cubic

And then the next thing is going to happen is tween dot tween

Property

When I do sell

Globo

Position

And then we're going to do this same lines I'm just going to copy this global position Plus vector2

Time 60

Instead let's do time

40

This is saying is

The girl from my current position

To a global position + 6

And then we're gonna go from there

To whatever our current global position + 4 years

I remember when you're supplying these parameter

These are being evaluated at the time you defined

Which means that

Global position is the current global position at the time at start

Cold

And so when we say

Lower position plus x 48 we have to keep in mind

That by the time this one gets run

It's already going to be 16 pixels to the way of the

Position

Because of

Coming up here

Another word

It's not going to go and additional

48 pixels

Because we're starting from the same

I hope that makes sense

It is one of those things where you will figure it out the more you work

Tweenies you'll see how they

Ok so I'm going to make this point 4 seconds

Put another new line you don't have to do this if you have plenty of room but I'm going to put a new line

Malta

I'm going to say set

Ease

Going to do tween.js

Out now he's in Radyr sorry

And then set

Trans

Between

Trans

Cuba

This is going to go

And then

Hang around the middle point and then

And then

Before we go any further with this tween Let's Get It hooked up so we can actually see at work

What I'm going to do is I'm going to open up my heart box component in this is the thing that's going to be responsible for actually spawn

This number

So

Let's create an export actually what's my doing export variable I'm going to show you an alternate way

Of loading scenes

So I'm going to say

Loading

Text

Scene

In my heart box components group

Is equal to

Reload

And preload is a function that is essentially

Will

Have your the seen that your referencing loaded so in here I pass a path to a c

And it was

Already had that scene loaded

And ready to go I believe even before the Script

Fires the ready method so the preload

Let's go out and look at the documentation

Yeah so the documentation says during runtime

The Resource is Louder

When the Script is

Parts

Essentially it's just going to guarantee that the scene is ready to use by the time

Your

Code is running in this

So we want to preload and ringing a preload

The path that contains our flooring

I'm actually just going to type in here floating text

And the suggestions are good enough that it knows that I want a load one of these things

Make sure you load the dart tsyn

And there is offloading taxi

So now we don't have to have a property cluttering up

H

Our property list here

When were using a search box component across up

Now the one thing to be very careful of is that if you ever move the position of this flooding

Then it will not be automatically updated in your script

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

You're going to have to go and manually change the string

If the part of your flooring tax change

So that's the downside of using pre load in this matter

Is a generally

Want to avoid hard coding resource pass if possible

But sometimes it's worth doing

Especially to declutter

Useless properties that you don't need to be

That's all floating text seen that were preloader

And then

On area and

So

In here we can actually spawn the floating tap

So what I made you to save our floating text

Is equal to

Warrington

See

Instantiate

Listen Stansted as a note to die

What's a get 3

Get first node in group

And leads use foreground underscore layer

And I'm going to say

Add child flooring tax

Adding the floating text to the foreground

Now you'll notice I'm not being defensive in here

Which might be a good idea but

I think it's useful to show you what this looks like in a single line here we don't have to do a piece meal we can do every

All at once just like that

And I'm pretty much guarantee that the foreground layer is going to

I guess I just want to emphasise that defensive program

Is important

And you should take the time to do it

But you know sometimes it's not super necessary so I'm going to skip that

For now

And I'm going to say my flooring

Doug Logan position

Is going to be equal to the global position of this

Hurtbox components of the reason that it's nice to attach this functionality to the herb box component

Is Dad we can just buying the text at the

The hurt box

Which is generally centred around the enemy

That were

So the text is going to spawn base near the centre of the Earth

And then we can call Florence

Start

And what we want to pass in here

Here's the damage so hitbox component Dad

Damage now

I want to do string

Which is a function that turns

A

A variant or basically any type in go into a string

And here I'm going to pass the hitbox

Start

And if all went well we should start seeing damage flooding up from our enemies when we

Ok so there's a lot of work to do

I think I changed my mind about the outline the outline just looks inconsistent now

And so I'm going to go back to my flooring tax scene

Turn my label

Click on the two details we can see already

And

Using a line size of 6

And while I'm here I'm going to probably use that same outline size

In this label in the arena time you as well

So let's change that to see

I think it looks a little bit more reasonable

No problem here

Navigate to Derailleur gears

There is a little

Tiny gap right here

Which is still grey until the way we can do that is I'm just going to turn on the shadow offset y and the shadow offset

And then turn on the fan

Shadow colour

Like that

It's black

So I'm just going to click into it

Close watches and then

Click the

Coloured sand how I feel dinner Grey

And we've shrank the size of

Outline so it looks a little bit less egregious

I think it looks really good

And apply this same

The same

Shadow fix

2-hour flooding text as well

Let's go back over a floating text and do the same thing

So check shadow offset why

And Shadow office

X

And then

Change

The font shadow colour

To that

Brown

And I would just make sure there's no go

I was going to run the game

And see how old

I think that's looking a lot nicer

It's a thicker

Outline

Generally looks better and is roughly the same as

Why you expect

From a natural character in this

Pack so there's a bunch of problems do water flooding text so let's continue working on it the first thing we want to do

Is we want to do tween in r

So

Recording tax strip

Tween tween underscore callback

Let's do q-free

And don't forget do not involve

Q3 like that

You just want to do a referee

Level four

We also wanted to scale in so

Let's put some spaces in between these tweeners

So we can

Understand

A little bit better

So remember the last time we were working

Tweens

We use the set parallel and we're going to do the same thing here because we want to

We want a tween the scale of the number

Well

So let's do tween darts set parallel London

The Creator

And then

Put a new line

Between this club opposition or .3 seconds

What's also tween tween property

Self

Scale

In quotes

Will our final value to be

Becca 2.1

Which is the scale of 1:1

And then our generation were going to make that also

Let's go back door easing

Chichi and again I will like this and a lesson resource

What I want to use as I wanna use

Is out I'll ask a lot

So what that's going to do is that's going to actually exceed 11 and then snap back

And it's gonna look really nice so he's out elastic is what we want to you

Something to say set these

Tween type is out

How can I use a ladder

Ok then I'm actually going to do a new line

Here

Just that

I can see that

Easier

Ok

So now very important thing that you can't miss is we need to do tween doll

Shane

If you don't do tween chat

All of these are going around the same time

Entertainer look very

Twin dad Shane again

Wait for the previously defined twins you can have any number of these

Wait for the previously defined

To finish before moving on

And so we're going to clean the sky

Again so what I'm going to do if I'm going to copy this scale tween

Lines here

And put those underneath our second

Global

And we're gonna change this to

4 seconds as well

I'm going back to

The cheat sheet here

I want to use I think

An ease in cubic so that

It maintains of fairly large-scale and then rent out very quick

Actually I might use easy

Now he's in cubic will be good because I'm ready

So is in cubic is what we want to use so

Here

We're gonna change this

He's out

To ease in

Instead for the scale

And then we're going to do

Between

Trans

Cuba

Just like so

Ok now very important again

You'll have to call tweendykes on here as well

Otherwise

This Q3 is going to be cold at the same time as the rest of the

And you won't see the second half of the animation

Now this elastic might be a little bit excessive but we can use back

2

A lighter version of the

Essentially

XC Weather

Looks like

Looks like that's not work

Unfortunately it looks like we're not going to

Bounce that were looking for when we're dealing with this

Small

Scale so what you can actually do

Is instead of trying to get to the scale tween to work in a bar

Particular way

Within

Sister

We can actually create a separate

Scale tween

To start

So I'm going to

Copy

You're cut this

Scale 2

I'm here

And

How many create a new scale tween

At the bottom

Bar scale underscore between is equal

Create

Twin

And I'm going to pay for that

Let's

Do

Scale underscore twins or rename that descale

Ok and then what we're going to do is we're going to scale to vector2 that 1 x 1.5

So we got up

1.5

And in the X and 1.5 in the Y

I never change the duration

2.15

And then we're going to use the ease type out

The transition type of

Cubic

Animals copy and paste this life

So it's .15

Again

Accept we're going to go down to Vector to that one instead of

21 x 1

5

And we're going to change this

Ease

In

Enlist tween is essentially going to run parallel to

Other one

I'm and it's only going to be a donation appointment for you second

This twin should be done by the time this scale

Here

Kicks in

What's going on that and see how that work

Alright that's looking pretty good I'm I'm very happy with her

That is looking there

I think one thing I'm going to do is perhaps change this vector to that one

X 1.52 x 2

And see if they

Becomes a little bit more

That's looking really good

Alright and then one final thing is I'm going to change

In the Global position in scale of an atom

Between 2.5 I'm going to highlight a point for

Head control

To slight both of them and then do

5

And even a 10th of a second can make a huge difference in the feel of the flooring

Alright so this is looking really great so

Play the game for a little bit and see how the number

Feels to you I think the numbers and all that

We're still not done with this

Impact

We do want to do a Hitler

Before we do that lets do one final thing

The numbers are kind of

Spawning on top of

The rat

And now that I'm playing with it I think that

Sorry to keep going back and forth but I think that the skills a little bit too much

Some of the change the

2

21.5

Back to 1.5 weather

And then

In my heart box component

I'm going to ask this floating text

In the sky

Where we are selling the global position I'm just going to go ahead and add

In parentheses vector3.up

Time

60

So I'm just going to send it up

16 pixels so it's offset from the enemy a little bit

That's going to be

Respect I think

So play around with that and see how it feels to you

I think it's feeling really good

Like I said we're not done

Yet

So

Let's get to the

Part of this work

In the new

Listen