WEBVTT 00:00.110 --> 00:00.650 Hello, guys. 00:00.650 --> 00:01.760 Welcome to the video. 00:01.760 --> 00:05.630 Uh, in this one, we're going to make a build of the game, and we're going to publish it on the website. 00:05.630 --> 00:09.020 So you can just send the link to your friends so they can play the game. 00:09.020 --> 00:13.430 And if you never did it before, the task is much simpler than you think. 00:13.430 --> 00:15.320 My game is not entirely ready. 00:15.320 --> 00:18.140 I still need to make some levels, but I'm going to do that later. 00:18.140 --> 00:20.930 As of now, I just want to show you how to make a build and how to publish. 00:20.930 --> 00:21.290 Okay. 00:21.290 --> 00:22.520 It's pretty simple. 00:23.000 --> 00:26.090 Uh, so, uh, let's say your levels are ready. 00:26.090 --> 00:27.410 You did prepare the game. 00:27.410 --> 00:28.790 Everything is good to go. 00:28.790 --> 00:34.640 And then we're going to go to file, uh, build profiles over here. 00:34.640 --> 00:37.280 You need to choose the platform that you want to build for. 00:37.280 --> 00:43.130 And you can just build for windows by clicking build. 00:43.130 --> 00:46.880 And then you would have to find the folder for it and make a build. 00:46.880 --> 00:48.680 And maybe let's quickly do that. 00:48.680 --> 00:51.350 I'm going to go to desktop and I'll make um. 00:52.340 --> 00:53.060 Older. 00:54.470 --> 00:55.760 And former build. 00:56.090 --> 00:59.900 Okay let me click it select folder I'm going to save everything. 00:59.900 --> 01:04.340 And unity will make a build that you can use to play the game for the website. 01:04.340 --> 01:08.630 It's going to be a little bit different and I'll just show you how to do that and give me a. 01:11.580 --> 01:12.060 All right. 01:12.060 --> 01:15.030 There was an error message in a compiler. 01:15.030 --> 01:15.630 Let's see. 01:15.630 --> 01:16.410 What is it? 01:25.960 --> 01:28.030 Why do we have it here? 01:30.610 --> 01:31.750 Interesting. 01:32.230 --> 01:34.060 Uh, let me try again. 01:36.940 --> 01:38.320 Can I go to file? 01:38.350 --> 01:39.310 Build. 01:39.760 --> 01:40.720 Build. 01:42.410 --> 01:43.280 Build. 01:45.450 --> 01:45.900 All right. 01:45.900 --> 01:47.310 This is a good error. 01:47.340 --> 01:47.790 All right. 01:47.790 --> 01:48.660 This is a good one. 01:48.660 --> 01:49.830 We need to open this. 01:49.830 --> 01:56.010 And we need to comment out these lines of code because these are working only for unity editor I'm going 01:56.010 --> 01:59.550 to comment this out and hopefully now it should be good. 01:59.550 --> 02:00.750 Let me try again. 02:02.270 --> 02:03.080 Build. 02:05.010 --> 02:06.960 All right and build a successful. 02:06.960 --> 02:08.520 Here is the folder with a build. 02:08.520 --> 02:14.550 I can click the Excel file and game will open and I can play the game. 02:18.300 --> 02:18.930 Yeah. 02:22.030 --> 02:22.930 Very nice. 02:22.930 --> 02:29.140 Now, regarding the publishing the game on the website, you're going to need a browser in which you 02:29.140 --> 02:31.570 have to type each.io. 02:31.810 --> 02:35.500 This is a website for indie developers where people publish their games. 02:35.500 --> 02:38.950 You can share your achievement, you can ask for feedback, and so on. 02:38.950 --> 02:43.360 You can see there is some game published right now, and there are much more games to find that you 02:43.360 --> 02:45.550 can try and see what other people do. 02:45.550 --> 02:46.150 Also. 02:46.150 --> 02:52.030 By the way, there is a Game gems very useful thing to attend, so maybe find a game gem. 02:52.030 --> 02:53.410 Try that one as well. 02:53.530 --> 02:55.690 Now how do we publish a game? 02:56.620 --> 02:59.080 We need to make an account and I trust that part to you. 02:59.080 --> 03:00.610 You can make an account yourself. 03:00.610 --> 03:03.280 Then we need to go to dashboard over here. 03:04.340 --> 03:07.340 And then you just need to click Create New Project. 03:07.340 --> 03:09.380 I have this one for Pixel Adventure. 03:09.380 --> 03:12.650 I'm just going to remove it because I don't need it anymore. 03:13.310 --> 03:16.010 How do I maybe it's not published. 03:17.080 --> 03:18.430 Delete game. 03:18.430 --> 03:20.260 Yeah, I'm going to delete it because this is the old one. 03:20.260 --> 03:21.400 I don't care about that. 03:21.400 --> 03:23.710 Now let's do create new project. 03:23.710 --> 03:30.010 And over here you'll have to fill information according to your preferences. 03:30.010 --> 03:31.450 It's not that big of a deal. 03:31.450 --> 03:34.810 You can set up a game trailer cover image. 03:34.810 --> 03:36.910 So many things that you could do. 03:36.910 --> 03:40.990 I'm going to show you the most important things and others and others. 03:40.990 --> 03:42.190 I trust that part to you. 03:42.190 --> 03:44.530 Okay, so here is the title. 03:44.560 --> 03:48.010 Uh, then there is a link for that and tagline. 03:48.010 --> 03:52.510 If you want to add some text then you need to choose what is it, is it an asset tool? 03:52.510 --> 03:53.080 Whatever. 03:53.080 --> 03:54.580 And this is a game. 03:54.580 --> 03:56.890 Then you need to choose the kind of project. 03:56.890 --> 04:02.800 If you choose downloadable then you can just use a PC build just like we made like just now. 04:02.800 --> 04:06.820 But I want to show you how to make it playable inside of the browser. 04:08.370 --> 04:11.220 So we have to change it to HTML over here. 04:11.220 --> 04:16.890 And you can see it says you have a zip or HTML file that will be played in the browser, and that is 04:16.890 --> 04:18.150 what we're going to have. 04:18.180 --> 04:20.550 Then you're going to choose release status. 04:21.630 --> 04:25.440 Pricing if you want, and then you just need to upload the file. 04:25.440 --> 04:26.580 So this is what we're going to do. 04:26.610 --> 04:28.290 We're going to make this file. 04:28.290 --> 04:29.940 Let's go back to unity. 04:30.890 --> 04:35.990 And over here you can see that these things are not available. 04:35.990 --> 04:40.370 And we need this tab over here the web module. 04:40.370 --> 04:42.530 So we're going to install it with Unity Hub. 04:47.490 --> 04:51.840 Uh, we just scrolling down and there is this WebGL build support. 05:05.090 --> 05:07.310 All right, I have it installed now. 05:07.310 --> 05:11.000 We need to go back to unity and we need to switch it. 05:11.000 --> 05:14.120 I guess it's better to restart unity itself. 05:14.120 --> 05:16.520 So I'm gonna clear everything. 05:16.520 --> 05:19.700 I'm going to close unity and I'm going to restart the project. 05:19.700 --> 05:21.500 All right, here's the project again. 05:21.500 --> 05:24.290 Now it is switched to web version, I believe. 05:24.960 --> 05:26.820 Now it is not yet. 05:26.820 --> 05:31.260 We need to click web over here and we need to do switch profile. 05:31.260 --> 05:33.390 You don't have to worry about making a mistake. 05:33.390 --> 05:39.930 I guess if you do worry, you can make a copy of the project, or you can use my project that I attached 05:39.990 --> 05:42.390 in the end of the last section. 05:42.390 --> 05:44.940 Okay, I'm going to click switch now. 05:44.940 --> 05:46.110 It should be fine. 05:47.630 --> 05:52.550 We only want to go to player settings and double check things that we need to change. 05:52.550 --> 06:02.030 For example, you can change company name, the product name version, you can set icon, cursor and 06:02.030 --> 06:03.230 other things. 06:03.470 --> 06:09.770 Uh, for example, we can set resolution and we can choose the template for WebGL. 06:09.770 --> 06:16.040 This basically to understand better you should try them all and with different version. 06:16.130 --> 06:19.640 As of now you can just set default resolution to something like that. 06:19.640 --> 06:20.900 Or maybe even better. 06:20.900 --> 06:21.800 Let me check. 06:21.830 --> 06:25.250 Um, let's do 1280 by 720. 06:25.280 --> 06:30.290 Yeah, I'm going to use this resolution because this will allow me not to cover up entire screen when 06:30.290 --> 06:31.640 we just test in the game. 06:31.640 --> 06:33.110 But if you want, you can use full HD. 06:33.140 --> 06:33.920 It's fine. 06:35.440 --> 06:39.520 Now you can adjust the splash screen if you want. 06:39.550 --> 06:42.790 This is the image that you see before the game starts. 06:43.330 --> 06:43.750 Uh. 06:45.360 --> 06:46.440 Over here. 06:47.020 --> 06:52.630 You can see it shows made with unity and you can add some custom stuff and unity logo. 06:52.660 --> 06:54.490 You can set up the things on your own. 06:54.490 --> 07:00.220 I'm not going to explain every step because this one is pretty simple one just self-explanatory. 07:00.730 --> 07:01.690 Other settings. 07:01.690 --> 07:07.390 Well, for 2D game that already has pre-made graphics, we don't really need to change anything. 07:07.390 --> 07:08.650 It's going to be okay. 07:08.950 --> 07:09.850 Uh, yeah. 07:11.080 --> 07:12.430 So this is good. 07:12.430 --> 07:15.490 Let's close it and let's go and do build. 07:15.490 --> 07:17.560 We need to find a place for it. 07:17.560 --> 07:19.420 I'm going to maybe just use. 07:20.520 --> 07:22.350 Uh, my project with courses. 07:22.350 --> 07:24.450 I'm going to make a new folder. 07:25.800 --> 07:32.010 Let's former you and I'm going to type web so I can see the difference. 07:32.010 --> 07:33.510 Let me click select. 07:35.780 --> 07:36.380 All right. 07:36.380 --> 07:39.410 It took pretty long for me, five minutes, but it worked. 07:39.410 --> 07:41.270 So I have the build. 07:41.270 --> 07:41.750 Now. 07:41.750 --> 07:43.700 Let me open the folder. 07:43.730 --> 07:48.470 There is this platform or new web folder which contains a build. 07:48.470 --> 07:52.250 And now to make it work we need to make it as a zip archive. 07:52.580 --> 08:00.110 I do that by using a WinRAR, and you can just go and do add to archive and make it as a zip. 08:00.350 --> 08:05.420 If you have other way to do that, you can or you can just download WinRAR from Google. 08:05.540 --> 08:06.110 Okay. 08:06.110 --> 08:07.460 Let's do okay. 08:07.460 --> 08:13.640 Now I have a zip of the game and I can open my browser, click upload files. 08:13.640 --> 08:16.670 Need to find that there is this web zip. 08:16.670 --> 08:18.380 I'm going to click open. 08:18.410 --> 08:20.990 It's going to add a file there. 08:24.930 --> 08:28.140 Uh, this file will be played in the browser. 08:28.810 --> 08:33.400 Then you can add, uh, viewport dimensions, so I did. 08:34.580 --> 08:35.870 And this. 08:35.870 --> 08:37.070 I think it should be fine. 08:37.070 --> 08:39.830 You can change settings over here. 08:40.190 --> 08:41.780 Uh, but I think it should be fine. 08:41.780 --> 08:43.760 Frame option, mobile friendly. 08:43.760 --> 08:44.450 These things. 08:44.450 --> 08:45.590 It's up to your game. 08:45.590 --> 08:49.010 I think I will add full screen button. 08:50.930 --> 08:58.640 Okay, now you can add details about the game tags, links, and some other things that you need. 08:59.300 --> 09:00.560 I think. 09:02.120 --> 09:03.140 Yeah, I'm going to the draft. 09:03.140 --> 09:04.490 I'm not going to make it public. 09:05.470 --> 09:07.480 Let's save everything now. 09:07.480 --> 09:09.130 It will open the page with a game. 09:09.130 --> 09:12.550 You can click Run Game and there is my game. 09:13.000 --> 09:14.110 I'm going to mute it. 09:15.390 --> 09:17.340 You can do full screen if you like. 09:17.790 --> 09:24.480 Uh, it does not show in a full screen because I did settings of 1280 by 720 in unity. 09:24.480 --> 09:27.690 So you would have to change that to a higher resolution. 09:27.690 --> 09:35.220 But I think it's fine to play on player normal level one and you can play the game. 09:37.270 --> 09:38.650 Complete levels. 09:39.420 --> 09:40.800 Go further. 09:45.480 --> 09:47.430 And it's supposed to save the progress as well. 09:47.430 --> 09:52.530 So if I refresh the page and go to run game, I can go further. 09:52.530 --> 09:58.710 I can click play one player, normal one player and choose another level that was saved. 09:58.710 --> 09:59.370 Okay. 09:59.370 --> 10:00.330 Very good. 10:00.330 --> 10:01.650 So that's how you do it. 10:01.650 --> 10:03.750 And basically that's all what you need. 10:03.750 --> 10:04.440 Yeah. 10:04.440 --> 10:05.700 Congratulations. 10:05.700 --> 10:07.440 Let's go to the next video. 10:07.440 --> 10:12.510 I have a big thank you to say okay I'll see you there.