WEBVTT 00:00.080 --> 00:03.400 It's time to upload our game on itch.io. 00:03.440 --> 00:07.360 To do so, we're gonna we're gonna head over to our google.com. 00:07.360 --> 00:13.880 Basically, I'm gonna open up a web browser and if you haven't created your each account, then create 00:13.880 --> 00:14.920 it first. 00:14.920 --> 00:16.800 And it's basically pretty simple. 00:16.800 --> 00:21.680 You can check out some YouTube tutorials on how to make each account. 00:21.680 --> 00:26.160 And also I'm gonna have a video link in the in the resources. 00:26.160 --> 00:32.400 You can go and check that out that how you can uh, create your each account. 00:32.400 --> 00:37.200 So once you create that in the top right you can see your name. 00:37.200 --> 00:43.200 And so just click on that and we're gonna head over to our this page. 00:43.440 --> 00:46.480 And we're going to create a new game for that. 00:46.480 --> 00:50.720 We can just go back I guess uh let's click right over here. 00:50.880 --> 00:54.800 Over here you can see in the top left uh says wired up right. 00:54.800 --> 00:56.360 So I'm going to click on it. 00:56.400 --> 01:01.510 Basically just click on that name and you're gonna to be over here. 01:02.070 --> 01:06.790 And what we're going to do now, we're going to create a new project in the top right. 01:06.790 --> 01:13.790 We can see our name and then click on this arrow and then click on this upload New project. 01:13.790 --> 01:16.830 And you have to name the project what you want to name it. 01:16.830 --> 01:19.030 So firstly we need to give it a title. 01:19.030 --> 01:22.390 But before we do all of these things we need to do something. 01:22.390 --> 01:28.230 So firstly we need to move over to that folder in which folder we just created our project. 01:28.230 --> 01:33.790 So in my case I have created inside this local disk F as you can notice. 01:34.110 --> 01:39.510 So and I have the project right over here says 2D platformer with unity six. 01:39.510 --> 01:43.310 And so I'm going to open that up by double clicking on it. 01:43.310 --> 01:48.150 And inside that we do know that we created a web a web build folder. 01:48.150 --> 01:52.990 And inside that folder we just created our web build of the game. 01:52.990 --> 01:54.550 So we're going to open that up. 01:54.550 --> 01:57.950 And as you can notice I have the folder in the bottom. 01:57.950 --> 02:00.950 So I'm going to double click on it in order to open that. 02:00.950 --> 02:05.230 And now what we have to do, we need to zip this build and template data. 02:05.230 --> 02:07.390 And this index we need to zip that. 02:07.390 --> 02:09.230 So we're going to select all of them. 02:09.230 --> 02:13.950 Then right click on it send to and then compress zip folder. 02:13.950 --> 02:15.510 And we're going to compress that. 02:15.990 --> 02:19.590 And we can name the zip folder. 02:19.990 --> 02:26.670 Basically we're going to name it something like game let's call it game which is our space. 02:26.790 --> 02:33.950 Let's call it space game instead as we name it inside Unity Space game, something like that. 02:33.950 --> 02:35.350 And then hit enter. 02:35.350 --> 02:39.630 And now what we need to do, we need to drag this inside our edge. 02:39.670 --> 02:42.270 So now let's set up our setting. 02:42.270 --> 02:44.470 So firstly we need to give it a title. 02:44.750 --> 02:49.510 So this game is uh you can assume that this is our game. 02:49.710 --> 02:57.270 Uh, basically we need uh we need to give the name of the game so we can give it something like space. 02:58.350 --> 02:59.300 Space game. 02:59.300 --> 03:00.420 Something like that. 03:00.460 --> 03:02.300 It's basically up to you, whatever. 03:02.300 --> 03:04.420 You just want to name it. 03:04.420 --> 03:09.540 And also you can just specify the URL as well right over here. 03:09.820 --> 03:12.380 Uh, and I'm going to leave it like this. 03:12.580 --> 03:15.740 And we see short description or tagline. 03:15.740 --> 03:17.740 You can just do it's optional. 03:17.740 --> 03:20.300 It's up to you and classification. 03:20.300 --> 03:25.780 What are you doing a piece of software you can play and you can choose any of them. 03:25.780 --> 03:31.540 But I prefer this one which says if a piece of software you can play. 03:31.540 --> 03:34.180 So just leave with this and it's gonna be fine. 03:34.380 --> 03:37.260 And it says download count of project. 03:37.260 --> 03:42.500 So instead of choosing download, but you only have two files to be downloaded, we're gonna choose 03:42.500 --> 03:53.300 HTML, HTML and it says you have a zip folder or HTML file that you we will be played in the browser. 03:53.300 --> 03:59.010 So since we want to play our game or we want our game to be played on browser. 03:59.010 --> 04:01.610 So that's why we're going to choose this HTML. 04:01.810 --> 04:06.930 You have a zip or zip or HTML file that will be played in the browser. 04:06.930 --> 04:11.730 So we're going to choose this and we're gonna we can move over to release note. 04:11.970 --> 04:18.170 And you can just skip this part which says project is complete but might receive some updates. 04:18.170 --> 04:20.130 So we're gonna leave on this. 04:20.570 --> 04:28.090 And you can choose pet basically if you want someone to pay, uh pay uh, some amount in order to play 04:28.090 --> 04:34.690 your game, then you can choose pet, but I prefer to zero for the first time, $0 or donate something 04:34.690 --> 04:35.490 like that. 04:35.490 --> 04:36.970 And it's going to be fine. 04:37.130 --> 04:40.810 And you can choose the donation amount as well. 04:41.010 --> 04:43.610 But I'm gonna leave with, uh, $2. 04:43.610 --> 04:48.610 So now let's scroll down a bit and we can, uh, we can see right over here. 04:48.610 --> 04:55.050 We can just drag our file so we can select our this space game space game. 04:55.050 --> 04:57.290 And we can just drag it right over here. 04:57.930 --> 04:58.530 Sorry. 04:58.810 --> 05:01.210 Or we can just click on this upload file. 05:01.770 --> 05:07.170 And what we're going to do we're going to move over to our local disks A folder. 05:07.370 --> 05:12.450 And then I'm going to open up unity then 2D platformer with unity six. 05:12.450 --> 05:15.570 And basically you need to open that up. 05:15.610 --> 05:22.450 Basically you need to drag or you need to upload that space game zip folder that we created. 05:22.450 --> 05:24.850 So we need to drag it over here. 05:24.850 --> 05:28.290 Or we simply basically need to upload that. 05:28.290 --> 05:32.170 So we're going to open up this 2D platformer with unity six and C sharp. 05:32.170 --> 05:36.290 So let's double click on it and we have it inside this web folder. 05:36.290 --> 05:41.890 We do know that we zipped our game inside this folder a web build folder. 05:41.890 --> 05:45.250 So we're going to open that up quickly by double clicking on it. 05:45.250 --> 05:50.810 And we can see the zip file right over here says Space Game as we name it. 05:50.810 --> 05:52.050 And we're going to select that. 05:52.050 --> 05:55.370 And let's click on this open button in the bottom right. 05:55.730 --> 06:03.520 And as soon as we click on it, we can see our game just being uploaded on our each.io page. 06:03.920 --> 06:05.960 And we can see, uh, by now. 06:05.960 --> 06:07.280 So just wait a moment. 06:07.680 --> 06:10.200 And once we are done, we are done. 06:10.200 --> 06:13.440 We basically want to do something. 06:13.880 --> 06:14.880 We need to do something. 06:14.880 --> 06:19.120 Basically we need to check a box says uh, playable in browser. 06:19.560 --> 06:20.840 So just wait a moment. 06:20.920 --> 06:26.080 Uh, let's give it a moment to upload our game on itch.io. 06:26.280 --> 06:28.600 And once we done, we can just do it. 06:30.240 --> 06:37.560 And if you just want to learn more about, uh, that how you can upload your game on itch.io, I will 06:37.560 --> 06:44.080 prefer my another course, which is mobile PC game development if you just want to go in deeper. 06:44.240 --> 06:51.040 And also I'm gonna have a video for that and we can see we have many, many option. 06:51.040 --> 06:55.600 So the first option is uh, it says set a different price for this file. 06:56.040 --> 07:00.600 and second option says this file will be played in the browser. 07:00.600 --> 07:05.880 And the third option says hide this file and prevent it from being downloaded. 07:05.880 --> 07:06.960 So we're going to choose this. 07:06.960 --> 07:10.280 This file will be played in the browser. 07:10.480 --> 07:11.800 Since we want to play. 07:12.720 --> 07:15.520 Basically we want to play our game in browser. 07:15.520 --> 07:20.600 So that's why we're going to check this one says this file will be played in the browser. 07:20.760 --> 07:26.640 And once we're done we can scroll down and we can just click on this mobile friendly. 07:26.680 --> 07:31.520 If you want your game to play in mobile as well, then you can check this one. 07:31.520 --> 07:32.720 So I'm gonna do that. 07:32.720 --> 07:37.240 So let's click check This and orientation I'm gonna leave it to default. 07:37.600 --> 07:40.080 And let's suppose your game in landscape mode. 07:40.080 --> 07:41.880 Then you can choose the landscape. 07:42.000 --> 07:45.880 And if your game in portrait mode then you can choose the portrait. 07:45.880 --> 07:49.160 But I prefer to be default and it's gonna be fine. 07:49.320 --> 07:52.200 And once we are done, we can just skip. 07:52.640 --> 07:58.630 We can give a description like who made the game and you can give it a give instructions. 07:58.630 --> 08:01.150 Something like how you can play the game. 08:01.150 --> 08:06.870 Also you can attach a link or all of these things right over here as you can notice. 08:06.870 --> 08:16.230 So I'm going to give it a description, something like I made this this game for you. 08:16.430 --> 08:18.630 Me course something like that. 08:18.630 --> 08:25.750 But it's basically up to you what you just want to, uh, give it in title and you can attach a link 08:25.790 --> 08:26.350 as well. 08:26.350 --> 08:29.550 And you can make the text bold as well by selecting. 08:29.550 --> 08:33.990 And then click on this bold in the top bar we can notice it's up to you. 08:34.430 --> 08:37.750 And once we done we can select our generic. 08:38.030 --> 08:40.590 So this is an action adventure. 08:40.590 --> 08:43.830 Or you can say this is a platformer game. 08:43.830 --> 08:46.510 So we can choose that if we able to find it. 08:46.790 --> 08:51.350 And if it's not we can just go ahead and then choose this action. 08:51.510 --> 08:54.670 Or we can just click on this adventure as well. 08:54.700 --> 09:00.780 So since our game is a platformer, so right over here I can say platformer, so I'm going to choose 09:00.780 --> 09:02.980 that and that's fine. 09:03.420 --> 09:10.500 And it says AI is generation know this project does not are the output of generative AI. 09:10.700 --> 09:12.980 So we're going to select this one which says nos. 09:13.140 --> 09:18.420 But you can just uh, read this and you, it's up to you. 09:18.460 --> 09:19.580 It's basically up to you. 09:19.620 --> 09:19.860 What. 09:19.860 --> 09:21.180 You just want to have it. 09:21.740 --> 09:27.340 And uh, we can see comments, comments at, uh, nested comments. 09:27.340 --> 09:27.580 Right. 09:27.620 --> 09:34.300 We're gonna leave that and we can just make it public, but we can see we're not able to click on it. 09:34.580 --> 09:37.380 Uh, so this game we just making for the first time. 09:37.380 --> 09:42.620 So that's why we not able to check this one that anyone can view the page. 09:42.820 --> 09:46.500 And you can enable this after you have saved. 09:46.500 --> 09:48.460 So we're going to click on the save button. 09:48.460 --> 09:55.660 And as soon as we click on save we can just move over to basically our game just loading up right away. 09:55.660 --> 10:01.780 And we can just click on this run game in order to play our game, and we're gonna be able to notice 10:01.820 --> 10:05.180 we will be able to play our game in the browser. 10:05.340 --> 10:12.220 And after that, you can just share the link with anyone, uh, who just want to play your game, or 10:12.220 --> 10:16.900 you just want to test your game with someone else, then you can share the link. 10:16.940 --> 10:23.180 As you can see, it's loaded up, but we get a problem with the width and the height, so we need to 10:23.180 --> 10:25.580 fix it so you can just take that out. 10:25.580 --> 10:30.340 For now, I'm going to click on this play button and we can notice we can play our game. 10:30.660 --> 10:32.180 So it's basically fine. 10:32.420 --> 10:35.060 And I'm gonna exit out from this game. 10:35.060 --> 10:37.580 So let's lose all of our hell. 10:37.580 --> 10:39.100 Let's click on this menu. 10:39.100 --> 10:42.980 And I'm going to click on this exit button to exit out our game. 10:43.260 --> 10:47.500 And we can just go back by clicking on this back arrow. 10:47.940 --> 10:50.020 Back arrow in the top left. 10:50.020 --> 10:51.820 So let's go over to that. 10:51.820 --> 10:56.130 And now if we scroll down, we're going to click on this public. 10:56.130 --> 10:58.050 In the bottom we can see public. 10:58.050 --> 11:01.210 Anyone can view the page and play the game. 11:01.210 --> 11:02.690 So this is fine by now. 11:02.890 --> 11:08.930 And if you have a icon then scroll up and you can just drag the icon right over here. 11:09.090 --> 11:12.090 As you can notice in the top right we can see. 11:12.850 --> 11:17.090 And the problem is that our game is not fitting perfectly. 11:17.250 --> 11:22.410 Basically in the width we can see uh, we can see which is 640. 11:22.450 --> 11:25.650 So we can increase and the height as well. 11:25.970 --> 11:35.370 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 11:35.610 --> 11:38.410 as we just made our canvas size. 11:38.410 --> 11:43.690 And once we done, we can just click on the save button in the top right to save our game. 11:43.690 --> 11:47.610 And we can click on this view page in order to play our game. 11:47.610 --> 11:51.610 So let's click on this view page and you're gonna able to play your game. 11:51.890 --> 11:54.920 But as you can notice, it's kind of bit weird. 11:54.920 --> 11:57.000 So we're going to click on that run again. 11:57.240 --> 11:59.800 And we should be able to play our game. 11:59.800 --> 12:01.120 And it's going to be fine. 12:01.120 --> 12:04.400 As you can notice now this is too much cool. 12:04.600 --> 12:09.120 And we can we can see all of the buttons by now and the menu whole. 12:09.120 --> 12:12.560 And we can click on this play button in order to play our game. 12:12.560 --> 12:18.600 And we can notice we have the hearts as well as the Apple icon in the top left side. 12:19.200 --> 12:26.440 Basically, we are able to notice and we can play our game in the browser as you can notice. 12:26.440 --> 12:31.800 So just uh, just do that and you're gonna get off it and we get no problem. 12:31.800 --> 12:36.240 So we can just make it a little bit less lesser right over here. 12:36.880 --> 12:41.000 Uh, click to launch in full screen manual size. 12:41.520 --> 12:44.320 Basically, you can just play around with these values. 12:44.360 --> 12:46.760 You can make any, uh, any width. 12:46.760 --> 12:50.680 We can make 1280, I guess 1280. 12:50.920 --> 12:52.520 And in the height. 12:52.720 --> 12:54.600 We can make 720. 12:54.640 --> 13:01.000 So let's do that and check it out and make sure you scroll down and check this one in the bottom says 13:01.000 --> 13:01.640 public. 13:01.640 --> 13:03.600 And if one can view the page. 13:03.600 --> 13:08.960 So when one you once you doing for the first time, you're not gonna able to check this. 13:09.160 --> 13:12.840 But once you save and then play your game, then you're gonna check this. 13:12.840 --> 13:14.560 So make sure you do do it. 13:14.560 --> 13:18.520 Else uh uh uh, no else. 13:18.520 --> 13:21.240 Nobody not gonna able to play your game. 13:21.480 --> 13:26.120 Or if you even if you share the link, they will not able to play. 13:26.120 --> 13:31.920 So make sure once you save your game for the first time, then go back to this page and then check this 13:31.920 --> 13:32.640 public. 13:32.640 --> 13:38.800 And you can see right over here it says anyone can view the page and play the game. 13:39.040 --> 13:41.760 Uh, so we're gonna click on the save button in the top right. 13:41.760 --> 13:45.600 Or we can say click on this save button in the bottom. 13:45.600 --> 13:46.720 So we can do that. 13:46.720 --> 13:52.990 And after doing we can click on this view page right next to our save button, or we can just click 13:52.990 --> 13:55.790 on this view page in the top right as well. 13:56.190 --> 14:01.590 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 14:01.590 --> 14:02.310 our game. 14:02.470 --> 14:05.710 So we can see in the width 1280. 14:05.990 --> 14:08.630 And in the height 720 is fine. 14:08.630 --> 14:12.550 So just make sure you just put this number and it's going to be fine. 14:12.550 --> 14:15.070 And you can just edit your theme as well. 14:15.390 --> 14:18.750 So I'm going to click on this play button in order to play my game. 14:18.910 --> 14:21.190 And you can edit the theme as well. 14:21.230 --> 14:26.830 Basically in the top bar as you can notice, you can click on this edit theme to edit the theme. 14:26.830 --> 14:29.710 Basically you can change the background color. 14:29.710 --> 14:36.670 You can just change the this color as well and all of these things in the next you can see, you can 14:36.670 --> 14:41.670 put a banner background embedded BG as well right over here. 14:41.670 --> 14:46.350 And once you are done, you can just click on the save button in order to save your game. 14:46.470 --> 14:51.590 So I hope you get the idea that how you can upload your game on itch.io. 14:51.790 --> 14:55.390 Or you can do with your custom website as well. 14:55.590 --> 15:00.390 If you have to have a custom website, then you can do it as well. 15:00.550 --> 15:08.190 But make sure you just go over to uh, into that folder in which folder you just made the web build 15:08.190 --> 15:09.110 of the game. 15:09.110 --> 15:11.150 So I made it inside this web build. 15:11.150 --> 15:15.590 So we're gonna open that up and you need to select this build template data. 15:15.590 --> 15:19.910 And this index, select all of them and then right click and zipped in. 15:20.070 --> 15:26.870 And once you are zipped in you can just upload in your custom website in order to play your game. 15:26.870 --> 15:34.470 And make sure you just make the website playable like itch.io, as you can notice right over here. 15:34.670 --> 15:42.710 So I hope you get the idea that how you can upload your game in the itch.io and how you can play your 15:42.710 --> 15:44.470 game in the web browser. 15:44.710 --> 15:46.510 So I hope you get the idea. 15:46.670 --> 15:50.910 And now we need to make our game for mobile devices as well.