It's time to upload our game on itch.io.
To do so, we're gonna we're gonna head over to our google.com.
Basically, I'm gonna open up a web browser and if you haven't created your each account, then create
it first.
And it's basically pretty simple.
You can check out some YouTube tutorials on how to make each account.
And also I'm gonna have a video link in the in the resources.
You can go and check that out that how you can uh, create your each account.
So once you create that in the top right you can see your name.
And so just click on that and we're gonna head over to our this page.
And we're going to create a new game for that.
We can just go back I guess uh let's click right over here.
Over here you can see in the top left uh says wired up right.
So I'm going to click on it.
Basically just click on that name and you're gonna to be over here.
And what we're going to do now, we're going to create a new project in the top right.
We can see our name and then click on this arrow and then click on this upload New project.
And you have to name the project what you want to name it.
So firstly we need to give it a title.
But before we do all of these things we need to do something.
So firstly we need to move over to that folder in which folder we just created our project.
So in my case I have created inside this local disk F as you can notice.
So and I have the project right over here says 2D platformer with unity six.
And so I'm going to open that up by double clicking on it.
And inside that we do know that we created a web a web build folder.
And inside that folder we just created our web build of the game.
So we're going to open that up.
And as you can notice I have the folder in the bottom.
So I'm going to double click on it in order to open that.
And now what we have to do, we need to zip this build and template data.
And this index we need to zip that.
So we're going to select all of them.
Then right click on it send to and then compress zip folder.
And we're going to compress that.
And we can name the zip folder.
Basically we're going to name it something like game let's call it game which is our space.
Let's call it space game instead as we name it inside Unity Space game, something like that.
And then hit enter.
And now what we need to do, we need to drag this inside our edge.
So now let's set up our setting.
So firstly we need to give it a title.
So this game is uh you can assume that this is our game.
Uh, basically we need uh we need to give the name of the game so we can give it something like space.
Space game.
Something like that.
It's basically up to you, whatever.
You just want to name it.
And also you can just specify the URL as well right over here.
Uh, and I'm going to leave it like this.
And we see short description or tagline.
You can just do it's optional.
It's up to you and classification.
What are you doing a piece of software you can play and you can choose any of them.
But I prefer this one which says if a piece of software you can play.
So just leave with this and it's gonna be fine.
And it says download count of project.
So instead of choosing download, but you only have two files to be downloaded, we're gonna choose
HTML, HTML and it says you have a zip folder or HTML file that you we will be played in the browser.
So since we want to play our game or we want our game to be played on browser.
So that's why we're going to choose this HTML.
You have a zip or zip or HTML file that will be played in the browser.
So we're going to choose this and we're gonna we can move over to release note.
And you can just skip this part which says project is complete but might receive some updates.
So we're gonna leave on this.
And you can choose pet basically if you want someone to pay, uh pay uh, some amount in order to play
your game, then you can choose pet, but I prefer to zero for the first time, $0 or donate something
like that.
And it's going to be fine.
And you can choose the donation amount as well.
But I'm gonna leave with, uh, $2.
So now let's scroll down a bit and we can, uh, we can see right over here.
We can just drag our file so we can select our this space game space game.
And we can just drag it right over here.
Sorry.
Or we can just click on this upload file.
And what we're going to do we're going to move over to our local disks A folder.
And then I'm going to open up unity then 2D platformer with unity six.
And basically you need to open that up.
Basically you need to drag or you need to upload that space game zip folder that we created.
So we need to drag it over here.
Or we simply basically need to upload that.
So we're going to open up this 2D platformer with unity six and C sharp.
So let's double click on it and we have it inside this web folder.
We do know that we zipped our game inside this folder a web build folder.
So we're going to open that up quickly by double clicking on it.
And we can see the zip file right over here says Space Game as we name it.
And we're going to select that.
And let's click on this open button in the bottom right.
And as soon as we click on it, we can see our game just being uploaded on our each.io page.
And we can see, uh, by now.
So just wait a moment.
And once we are done, we are done.
We basically want to do something.
We need to do something.
Basically we need to check a box says uh, playable in browser.
So just wait a moment.
Uh, let's give it a moment to upload our game on itch.io.
And once we done, we can just do it.
And if you just want to learn more about, uh, that how you can upload your game on itch.io, I will
prefer my another course, which is mobile PC game development if you just want to go in deeper.
And also I'm gonna have a video for that and we can see we have many, many option.
So the first option is uh, it says set a different price for this file.
and second option says this file will be played in the browser.
And the third option says hide this file and prevent it from being downloaded.
So we're going to choose this.
This file will be played in the browser.
Since we want to play.
Basically we want to play our game in browser.
So that's why we're going to check this one says this file will be played in the browser.
And once we're done we can scroll down and we can just click on this mobile friendly.
If you want your game to play in mobile as well, then you can check this one.
So I'm gonna do that.
So let's click check This and orientation I'm gonna leave it to default.
And let's suppose your game in landscape mode.
Then you can choose the landscape.
And if your game in portrait mode then you can choose the portrait.
But I prefer to be default and it's gonna be fine.
And once we are done, we can just skip.
We can give a description like who made the game and you can give it a give instructions.
Something like how you can play the game.
Also you can attach a link or all of these things right over here as you can notice.
So I'm going to give it a description, something like I made this this game for you.
Me course something like that.
But it's basically up to you what you just want to, uh, give it in title and you can attach a link
as well.
And you can make the text bold as well by selecting.
And then click on this bold in the top bar we can notice it's up to you.
And once we done we can select our generic.
So this is an action adventure.
Or you can say this is a platformer game.
So we can choose that if we able to find it.
And if it's not we can just go ahead and then choose this action.
Or we can just click on this adventure as well.
So since our game is a platformer, so right over here I can say platformer, so I'm going to choose
that and that's fine.
And it says AI is generation know this project does not are the output of generative AI.
So we're going to select this one which says nos.
But you can just uh, read this and you, it's up to you.
It's basically up to you.
What.
You just want to have it.
And uh, we can see comments, comments at, uh, nested comments.
Right.
We're gonna leave that and we can just make it public, but we can see we're not able to click on it.
Uh, so this game we just making for the first time.
So that's why we not able to check this one that anyone can view the page.
And you can enable this after you have saved.
So we're going to click on the save button.
And as soon as we click on save we can just move over to basically our game just loading up right away.
And we can just click on this run game in order to play our game, and we're gonna be able to notice
we will be able to play our game in the browser.
And after that, you can just share the link with anyone, uh, who just want to play your game, or
you just want to test your game with someone else, then you can share the link.
As you can see, it's loaded up, but we get a problem with the width and the height, so we need to
fix it so you can just take that out.
For now, I'm going to click on this play button and we can notice we can play our game.
So it's basically fine.
And I'm gonna exit out from this game.
So let's lose all of our hell.
Let's click on this menu.
And I'm going to click on this exit button to exit out our game.
And we can just go back by clicking on this back arrow.
Back arrow in the top left.
So let's go over to that.
And now if we scroll down, we're going to click on this public.
In the bottom we can see public.
Anyone can view the page and play the game.
So this is fine by now.
And if you have a icon then scroll up and you can just drag the icon right over here.
As you can notice in the top right we can see.
And the problem is that our game is not fitting perfectly.
Basically in the width we can see uh, we can see which is 640.
So we can increase and the height as well.
So what we're going to do I'm going to choose 1920 in the width and 1080, uh, 1080 in the Y or height
as we just made our canvas size.
And once we done, we can just click on the save button in the top right to save our game.
And we can click on this view page in order to play our game.
So let's click on this view page and you're gonna able to play your game.
But as you can notice, it's kind of bit weird.
So we're going to click on that run again.
And we should be able to play our game.
And it's going to be fine.
As you can notice now this is too much cool.
And we can we can see all of the buttons by now and the menu whole.
And we can click on this play button in order to play our game.
And we can notice we have the hearts as well as the Apple icon in the top left side.
Basically, we are able to notice and we can play our game in the browser as you can notice.
So just uh, just do that and you're gonna get off it and we get no problem.
So we can just make it a little bit less lesser right over here.
Uh, click to launch in full screen manual size.
Basically, you can just play around with these values.
You can make any, uh, any width.
We can make 1280, I guess 1280.
And in the height.
We can make 720.
So let's do that and check it out and make sure you scroll down and check this one in the bottom says
public.
And if one can view the page.
So when one you once you doing for the first time, you're not gonna able to check this.
But once you save and then play your game, then you're gonna check this.
So make sure you do do it.
Else uh uh uh, no else.
Nobody not gonna able to play your game.
Or if you even if you share the link, they will not able to play.
So make sure once you save your game for the first time, then go back to this page and then check this
public.
And you can see right over here it says anyone can view the page and play the game.
Uh, so we're gonna click on the save button in the top right.
Or we can say click on this save button in the bottom.
So we can do that.
And after doing we can click on this view page right next to our save button, or we can just click
on this view page in the top right as well.
And as soon as we're going to click on it we can see and we can click on this run game in order to run
our game.
So we can see in the width 1280.
And in the height 720 is fine.
So just make sure you just put this number and it's going to be fine.
And you can just edit your theme as well.
So I'm going to click on this play button in order to play my game.
And you can edit the theme as well.
Basically in the top bar as you can notice, you can click on this edit theme to edit the theme.
Basically you can change the background color.
You can just change the this color as well and all of these things in the next you can see, you can
put a banner background embedded BG as well right over here.
And once you are done, you can just click on the save button in order to save your game.
So I hope you get the idea that how you can upload your game on itch.io.
Or you can do with your custom website as well.
If you have to have a custom website, then you can do it as well.
But make sure you just go over to uh, into that folder in which folder you just made the web build
of the game.
So I made it inside this web build.
So we're gonna open that up and you need to select this build template data.
And this index, select all of them and then right click and zipped in.
And once you are zipped in you can just upload in your custom website in order to play your game.
And make sure you just make the website playable like itch.io, as you can notice right over here.
So I hope you get the idea that how you can upload your game in the itch.io and how you can play your
game in the web browser.
So I hope you get the idea.
And now we need to make our game for mobile devices as well.