Allergies.
Welcome back.
And in this video, we're going to define look of the game.
All right.
You probably have seen how game looks on the trailer, but still, I want to show you how I came up
with that idea and why do we have that look of the game now?
Exactly.
I want to show you a bit of behind the scene, how you can find reference for your game.
And basically we'll not do any coding in this video.
I'll just will show you stuff like what steps to follow when you do that.
And they're actually they're pretty obvious to do so.
But I think it won't hurt to know how I came to this idea and maybe you can use that information and
apply it to your project and come up with your ideas.
All right.
I hope that makes sense to you.
So actually, the idea for this game came up to me after watching this video that you see on your screen.
It is from Channel that called me Z, Z Z if I am right, me Z, Z, Z, Z.
It is about how to make game look good If you are not a good artist and I am just a horrible artist,
I don't know how to draw at all.
So let's watch this video together.
Then we'll take this idea and extend it a bit more to define look of our game.
Let's go.
Keep it simple.
Use basic shapes like rectangles.
Triangles and circles have a dark background with a light foreground or vice versa, so that it's easy
to see what can be interacted with.
To distinguish between foreground objects use different shapes.
Usually rectangles are used for walls, triangles for enemies and circles through the player or friendly
characters.
But feel free to experiment and try out your own thing.
Remember to keep it simple.
Don't overuse shapes if you don't know what you're doing for color.
Use sites like color, mine or color hunt Echo to get a nice color scheme and then apply that to your
scene.
Remember to keep light colors in the background and dark colors in the foreground or vice versa and
keep it simple.
Only use the five or so colors you got from the color scheme.
Don't add new shades if you don't know what you're doing.
Finally, animation, adding in a couple of particle effects and some simple animations can really live
in a scene up.
But remember to keep it simple.
A bounce is going to look a lot better than a whole walk cycle if you don't know what you're doing.
Here's a couple of scenes I've made is examples of using these principles.
All right.
So as you see, the main point is to keep it simple as it can be and it will look good because simplicity
sometimes makes perfect.
And I will show you a few examples of game I found on each dot IO that are made within one week I guess.
And they are pretty simple, but they look just amazing.
Now.
What is each dot io?
This is the place you can find assets for different games.
There are two places you can find them.
We'll meet each dot io first, so I'll just go each dot.
Each each dot IO Yeah.
So this is the website for indie game developers.
So you can see different games here that were made.
There are game gems hosted here.
You can find lots of stuff here, but why we are here is to go to browse assets.
So here you can find different assets for your games.
For example, I used this one to make platformer game and platformer course.
And actually if you go to this page and go down below here, you can see a link to my course that was
put here by Creator.
Yeah, if you want to, if you want to get that course, just text me on Udemy and I'll give you a link
with a coupon and you can get it with a discount.
Right.
So there are different assets and I found our character here as well.
At the moment it cost $5 I guess, but when I got it, it was free.
And I actually know the owner and creator of these assets and he allowed me to use it.
So it's fine.
So basically I found the asset I like with this character.
And then I thought, okay, so I have simply drawn character what I can do to make him do cool stuff,
what environment it can be.
I always wanted to make parkour game and I thought, okay, he has great moves for that.
He has like a jump with a roll and he has ledge climb and so much of cool stuff that we can use for
parkour game.
Then I thought, okay, parkour is when you run in and jump in somewhere on the rooftops.
So we need a rooftop and we could go over here and choose backgrounds and search for some city style
background.
Like this one, I guess.
Yeah.
Or go further and look for something else that match the idea.
But I didn't find quite what I like here.
Although, by the way, this looks cool.
Or we could use this one, you know.
And this looks good.
But I wanted to keep it simple.
So what I did next is I went to Google.
Very powerful tool.
You might know that Google and I just start to search for minimalistic style landscape.
You just use different keywords and spend some time to find it.
So just like landscape city and let's go to images, right?
I did misspelled it.
I know.
It's okay.
You just got images.
So this is quite what I need, but not exactly.
I need some minimalistic style.
Although this looks okay.
Yeah, this looks good.
So I did minimalist.
And this is more like what I need.
So the idea is to keep it simple and use simple shapes so I can make this background with the use of
simple shapes and unity.
Because I don't know how to draw, right?
I don't know how to draw so bad that I will not be able even to change the sprites that will be given
to me.
So I need stuff to be ready to use.
So this looks okay, but it's kind of short and.
Wow.
And this is so amazing.
But still, I didn't find anything that match my idea here, so I kept looking.
What I can do, I can just type minimalist city.
This is better.
There are some good stuff.
This one has an.
Mirror image.
Yeah, but again, you cannot draw trees like that in unity.
You just cannot do that.
You need.
Some simple shapes.
If you know how to use Photoshop, for example, you can take this picture and just divide it to layers.
And why we need to divide it to layers.
You'll know soon.
And then you could use this background and really want to use it.
I wish I knew how to draw this.
So this is something like this.
We need something very simple.
So I kept searching and it took me a while until I found something.
What I did.
I typed relax background.
City because I want to make parallax effect.
And I found this one, which for me I guess makes the perfect background with the ideas I have to keep
game.
Very, very simple.
Yeah.
So what I do next?
So I can keep searching.
I can try to find different stuff like this could work.
This is okay.
This could work.
This looks not bad at all.
Or let's see.
This looks good as well, but I decided to use the first one I found because I'm kind of lazy as well.
So my next step would be to open this to get as big picture as I can.
And then I need to do a screenshot of this.
So I'm.
Wait a second.
I'm seeing this website for the first time.
I'm just getting picture from here.
So I'm just taking screenshot and saving it with any software you have for screenshots just on my messy
desktop.
That's it.
We have a background reference now and.
Also, sometimes you need different colors.
So as you see in on the video, he said, keep it simple, make colors that make colors, this and so
on.
So we need some websites for colors.
What you can use is just Google again and search for any like color palette website and find some stuff.
And they're usually pretty good.
This one.
Just start the generator.
And you can choose a color scheme you like.
You can find it here.
And there is also one more, I guess, color mind dot io.
Oh, sorry.
Yeah, another one.
Also, you can use it to generate different colors and you can see what's trending here, what is used
more, what is less.
But I'm going to use the original color scheme from the picture.
Oh, you didn't see that.
So I'll take my picture that I found and I'll pass it.
City seat and drag it to the unity like that.
No worries.
I will attach the picture.
Of course you'll have it.
Now we need to just take this and make it single.
Well, let's just drag it here.
And this is kind of small.
We need to make it bigger.
We could use scale to do that.
Or we can use pixels per unit to do that.
This is big, right?
So let's make pixels per unit 64, then take the city and drag it.
Something like.
This, I guess.
Yeah, this will do.
All right, so now we have a reference for the city.
What could we do next?
Of course we will create a background, but we'll do it in the next video.
Let's just stay here for a bit.
Now we have a city on the background animal, and we want to see if it's matching the idea.
For me, I guess it is a perfect match because we have dark colors on the background and bright colors
on the foreground as our player is white completely.
And also we have platforms, right?
So let's drag one here.
Platforms are here and they are dark, but we can change color of the platform at any time.
And as you might know, we're going to do color change in mechanics in this course.
So when you step on the platform, it's going to change its color to a different one.
So for example, when you step on the platform, it will become bright like so.
All right.
So whatever.
We can choose many different colors.
So but my idea is to keep platforms at the front.
But my idea is to keep platforms dark.
And then when you jump on them, they become brighter.
So it's like you coloring the world and making it better, you know, varies entails.
So you have to decide if it looks good for you.
I think that's okay.
Then we can use it.
That's it then.
Now you know how I came up with my idea?
Basically just Google search and use of free stuff?
Now I need to make it work.
Let's go to next video and create background.