Import Unity WebGL

💡

The Unity project submission method below is also introduced in the video.

If you watch the video above, you can refer to the contents below in more detail! If you have completed the project publish on the Red Brick site, you can view step 3: submitting a project right away in this article.

🛠️ Step 1: Build a WebGL file in Unity

Open Unity Project

Open Unity and import the project to export to WebGL.

Go to Build Settings

From the top menu bar, click File and select Build Settings.

Select WebGL Platform

In the Build Settings window:

Select WebGL under the Platform section.
If you don’t see WebGL, click Open Download Page to install it.
Click Switch Platform to switch to WebGL.

Adjust Player Settings (Optional)

To customize the build:

In the Build Settings window, click Player Settings.

Adjust settings like Resolution and Presentation, and Publishing Settings to suit your needs.

🔑 Final Notes

⚠️

If Compression Format is disabled, the WebGL file does not appear, so you need to change it to Brotli.
Ensure that Decompression Fallback is enabled in Player Settings to make sure your WebGL build works smoothly online.

Also, make sure that the development build check is unchecked. (If checked, it will be an error.)

🚫 Resolving the issue of the Build button not being activated

If you want to know how to resolve the build button not activating error, please read the article below.

🚫

If you encounter the following error and the Build button is not activated:

🚫

Go to Project Settings and click on the right most tab.
Then, click on Other Settings to expand the page.

🚫

In Color Space, change the setting from Linear to Gamma.

When the installation window appears as shown below, click the “change to Gamma” button.

🚫

You can see that it has changed normally as shown below, the error has disappeared, and the Build button has been activated.

Build the Project

Click the Build button in the Build Settings window.
Next to Save as, please write the folder name as TeamName_GameName. After that, click the Save button.

The file will be saved to the address next to “where” below.

When you press the save button, Unity will start building the project in WebGL format.

📂 Your WebGL build is ready!
You can find the files in the selected folder, and now it’s ready for online upload.

🛠️ Step 2: Uploading Unity WebGL File to Redbrick

Open Redbrick Website

Open the following site: https://creator.redbrick.land/

You need an account to upload your project.
It doesn’t matter which account you use to sign up. After signing up, please log in.

Find the Import button

Click the Create button next to your account.

Find the Import button on the left panel of the site.

Select WebGL file

Click the Import button to move to the folder where your WebGL file is saved.
Click on the file folder you saved WebGL and then click the upload button.

Prepare to publish the project

After clicking the upload button above, a window like the one below will appear.
Enter the Name, Description, and Thumbnail image, then click the Publish button.