1
00:00:00,000 --> 00:00:00,000
Hello, guys.

2
00:00:00,000 --> 00:00:05,000
In this video, I want to show you how to publish your game on a website, but this video is taken from

3
00:00:05,000 --> 00:00:11,000
my another course on how to make platformer information is actually very same, so I honestly don't

4
00:00:11,000 --> 00:00:16,000
see the reason to record another video that has same information.

5
00:00:16,000 --> 00:00:21,000
If something will be not up to date, be sure I will update the video, but for now it's fine.

6
00:00:21,000 --> 00:00:23,000
So let's watch it together.

7
00:00:24,000 --> 00:00:24,000
Hello, guys.

8
00:00:24,000 --> 00:00:29,000
In this video, I'm going to show you how to post your game on a website so you can just send the link

9
00:00:29,000 --> 00:00:31,000
to your friend to check it out first.

10
00:00:31,000 --> 00:00:38,000
What I want to suggest here is to go to your You need to help find your project of platformer tutorial.

11
00:00:38,000 --> 00:00:46,000
For example, I go to show in Explorer and then just copy this folder and paste it in so you have a

12
00:00:46,000 --> 00:00:54,000
duplicate of your project just in case, you know, man, just believe me, just let it be there one

13
00:00:54,000 --> 00:00:54,000
day.

14
00:00:55,000 --> 00:01:00,000
You might need it if you don't need it for a couple of months or a year, you can delete it, but I

15
00:01:00,000 --> 00:01:03,000
suggest you keep it just all right.

16
00:01:03,000 --> 00:01:07,000
Once you have that, go to the folder you use to create this project.

17
00:01:07,000 --> 00:01:08,000
Let me find it.

18
00:01:08,000 --> 00:01:08,000
Yeah.

19
00:01:08,000 --> 00:01:11,000
And this one, rename it to web.

20
00:01:12,000 --> 00:01:12,000
Yeah.

21
00:01:13,000 --> 00:01:15,000
Then we go to Unity Hub again.

22
00:01:16,000 --> 00:01:16,000
Open.

23
00:01:16,000 --> 00:01:19,000
We need to find that unity platform or web.

24
00:01:20,000 --> 00:01:23,000
Then I'm going to choose a version and just wait until it opens.

25
00:01:23,000 --> 00:01:24,000
All right.

26
00:01:24,000 --> 00:01:25,000
Here we are in this project.

27
00:01:25,000 --> 00:01:25,000
Now.

28
00:01:25,000 --> 00:01:27,000
You can just go ahead and check it, for example.

29
00:01:27,000 --> 00:01:34,000
And this one, I want to remove pause button from the screen and make sure my prefab is controlled from

30
00:01:34,000 --> 00:01:38,000
the keyboard, like tested and be C checked.

31
00:01:38,000 --> 00:01:40,000
All right, I'll apply overrides.

32
00:01:40,000 --> 00:01:42,000
Okay, Now we can go to file.

33
00:01:42,000 --> 00:01:44,000
Actually, let's go to main scene just in case.

34
00:01:44,000 --> 00:01:49,000
Now let's go to file build settings and we're going to switch to WebGL.

35
00:01:49,000 --> 00:01:57,000
And if you don't have it, just like I don't have it, we need to go to Unity Hub, find installs,

36
00:01:57,000 --> 00:02:01,000
find data, reuse, click add modules.

37
00:02:01,000 --> 00:02:04,000
And here we need to find WebGL.

38
00:02:05,000 --> 00:02:05,000
All right.

39
00:02:05,000 --> 00:02:08,000
It's going to take some time, so I'll click install.

40
00:02:08,000 --> 00:02:11,000
But for you, it's going to be just a split second.

41
00:02:12,000 --> 00:02:12,000
Yeah.

42
00:02:13,000 --> 00:02:15,000
Rough transition, I guess.

43
00:02:15,000 --> 00:02:21,000
Now we can go to file, build settings, find WebGL and click Switch platform.

44
00:02:21,000 --> 00:02:25,000
While it does that, we can go to the browser and open new link.

45
00:02:25,000 --> 00:02:29,000
That's going to be each dot i o.

46
00:02:29,000 --> 00:02:33,000
This is a very famous website among indie game developers.

47
00:02:33,000 --> 00:02:40,000
Lots of game gems are hosted here and in here you can create your page and here you can publish your

48
00:02:40,000 --> 00:02:44,000
games and even see what other people say about it.

49
00:02:44,000 --> 00:02:44,000
All right.

50
00:02:44,000 --> 00:02:46,000
I'm not going to teach you how to create an account.

51
00:02:46,000 --> 00:02:48,000
I'm sure you know how to do that.

52
00:02:48,000 --> 00:02:51,000
If you're able to create a game, you're able to create an account.

53
00:02:51,000 --> 00:02:56,000
Once you have your account, you need to go to this small arrow identifying the dashboard.

54
00:02:57,000 --> 00:03:01,000
In a dashboard, you need to click create new project.

55
00:03:01,000 --> 00:03:05,000
Here you can type a title project of your URL.

56
00:03:05,000 --> 00:03:13,000
For example, mine will be 2D 2D platformer course, for example.

57
00:03:13,000 --> 00:03:16,000
Pixel Adventure course.

58
00:03:16,000 --> 00:03:17,000
This is my title.

59
00:03:17,000 --> 00:03:19,000
Then there is a description.

60
00:03:19,000 --> 00:03:23,000
What kind of stuff you uploaded here?

61
00:03:23,000 --> 00:03:24,000
This is a game.

62
00:03:24,000 --> 00:03:25,000
Can you download it or no?

63
00:03:25,000 --> 00:03:29,000
You need to decide about that so we can choose HTML.

64
00:03:29,000 --> 00:03:36,000
You have a zip or HTML file that will be played in browser, cool, released, or in development, just

65
00:03:36,000 --> 00:03:40,000
like, you know, some basic stuff that is just, you know, some basic stuff and they are totally up

66
00:03:40,000 --> 00:03:41,000
to you and what you want to choose here.

67
00:03:41,000 --> 00:03:44,000
So I'll choose released pricing.

68
00:03:44,000 --> 00:03:46,000
And here you can choose different stuff.

69
00:03:46,000 --> 00:03:47,000
I'll choose no payments.

70
00:03:47,000 --> 00:03:52,000
Then what you need to do here is to upload zip file.

71
00:03:52,000 --> 00:03:58,000
I'm not sure if Apple Computer has that, and if you don't have a zip, you need to go to Google and

72
00:03:58,000 --> 00:04:03,000
find a zip because this should be this must be a zip.

73
00:04:03,000 --> 00:04:03,000
All right.

74
00:04:03,000 --> 00:04:05,000
Must be a zip folder.

75
00:04:05,000 --> 00:04:08,000
So I'll go ahead and install zip because I don't have it.

76
00:04:08,000 --> 00:04:08,000
Now.

77
00:04:08,000 --> 00:04:10,000
That is very easy task.

78
00:04:10,000 --> 00:04:14,000
You just go to new tab and do download zip, have that stuff.

79
00:04:14,000 --> 00:04:15,000
Download.

80
00:04:16,000 --> 00:04:18,000
While it does that, let's go and check.

81
00:04:18,000 --> 00:04:19,000
An inactive build is ready.

82
00:04:19,000 --> 00:04:22,000
I believe it is, but we cannot make a build right now.

83
00:04:23,000 --> 00:04:24,000
For some reason.

84
00:04:24,000 --> 00:04:26,000
Let me see what happens if I restart.

85
00:04:26,000 --> 00:04:28,000
Unity should be fine.

86
00:04:28,000 --> 00:04:31,000
So yeah, restart of the unity helped me because we did that before.

87
00:04:31,000 --> 00:04:34,000
We did install module in the Unity Hub.

88
00:04:34,000 --> 00:04:38,000
Now we can go just to build and choose any folder.

89
00:04:38,000 --> 00:04:40,000
I'm lazy so I'll take a desktop.

90
00:04:40,000 --> 00:04:43,000
I'll use new folder.

91
00:04:43,000 --> 00:04:47,000
Udemy Platformer web.

92
00:04:47,000 --> 00:04:48,000
All right, let's select this folder.

93
00:04:48,000 --> 00:04:50,000
Select and wait for the build.

94
00:04:52,000 --> 00:04:52,000
All right.

95
00:04:52,000 --> 00:04:57,000
Once that's done, you get to find the folder that you use to build it, and mine is over here.

96
00:04:57,000 --> 00:04:59,000
Then we're going to right click.

97
00:04:59,000 --> 00:05:03,000
We zip and click Add to the platform or web zip.

98
00:05:03,000 --> 00:05:06,000
Now, I need to go back to the website that we used each dot.

99
00:05:06,000 --> 00:05:10,000
I'll find upload files now that was uploaded.

100
00:05:10,000 --> 00:05:12,000
We can check this will be played in browser.

101
00:05:12,000 --> 00:05:16,000
And then there are some options that you can use.

102
00:05:16,000 --> 00:05:19,000
You can manually set size or click to launch the full screen.

103
00:05:19,000 --> 00:05:20,000
Whatever.

104
00:05:20,000 --> 00:05:21,000
Let's do.

105
00:05:22,000 --> 00:05:22,000
Wait.

106
00:05:22,000 --> 00:05:24,000
What is the resolution?

107
00:05:24,000 --> 00:05:25,000
Let me check.

108
00:05:25,000 --> 00:05:25,000
Yeah.

109
00:05:25,000 --> 00:05:28,000
Let's try 128 by 720.

110
00:05:28,000 --> 00:05:29,000
Let's see how it's going to look.

111
00:05:29,000 --> 00:05:33,000
We can add a full screen button, and I think that's enough.

112
00:05:33,000 --> 00:05:36,000
You can see what settings do, but I'm not going to check anything else here.

113
00:05:36,000 --> 00:05:38,000
You can tell details about your game.

114
00:05:38,000 --> 00:05:39,000
What is the genre?

115
00:05:40,000 --> 00:05:46,000
Click some text so it's easier to find like two D platformer and so on.

116
00:05:46,000 --> 00:05:49,000
You can add the links to the store.

117
00:05:49,000 --> 00:05:55,000
For example, something else can you can disable or enable comments and so on.

118
00:05:55,000 --> 00:05:57,000
So let's just try to save and view page.

119
00:05:57,000 --> 00:06:01,000
It's going to load it for the first time and I have it here.

120
00:06:01,000 --> 00:06:02,000
Click Run Game.

121
00:06:04,000 --> 00:06:12,000
And we didn't intend to go to full screen and I'll lower the volume and you can play.

122
00:06:13,000 --> 00:06:14,000
Right.

123
00:06:15,000 --> 00:06:16,000
Cool, right?

124
00:06:16,000 --> 00:06:23,000
You have the link and you can go back to the dashboard to do some changes to your project, like add

125
00:06:23,000 --> 00:06:31,000
an image description, make it public so other can test it and just send the link to whoever you want.

126
00:06:31,000 --> 00:06:33,000
Well, that's it for this video.

127
00:06:33,000 --> 00:06:35,000
Thank you so much and I'll see you in the next one.

