> ## Documentation Index
> Fetch the complete documentation index at: https://docs.maddergames.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Using the Madder Developer Portal

> Test your game on the Madder platform

## Build Your Unity Game

Now that we have a game that we know is working, let's build it so we can test it on the Madder Platform.

First, you can remove the `MadderControllerTest` object from your scene. This object was only used to test the Madder
Controller in the Unity Editor.

In the Unity Editor, go to `File > Build Settings` and select WebGL as the platform. Additionally, we recommend going to
`Player Settings > Publishing Settings` and setting `Compression Format` to `Disabled`. This way you won't have to
decompress the files each time you go to upload them to the Madder Developer Portal.

<img src="https://mintcdn.com/maddergames/f7Ta8qPl9-0Fmp9v/images/player-settings.png?fit=max&auto=format&n=f7Ta8qPl9-0Fmp9v&q=85&s=46be0c4adb42c7ceb8e2418cf9f5a6e4" alt="Player Settings" style={{ borderRadius: "0.5rem" }} width="1554" height="1134" data-path="images/player-settings.png" />

Once you've done so, make sure you have have clicked the `Switch Platform` button in the `Build Settings` window so Unity
builds for WebGL, and click `Build`! Select a location to save the build, and Unity will create a folder with the build
files.

<img src="https://mintcdn.com/maddergames/f7Ta8qPl9-0Fmp9v/images/unity-build.png?fit=max&auto=format&n=f7Ta8qPl9-0Fmp9v&q=85&s=9a60a3122271b0b782e37df83d4eb65c" alt="Build Settings" style={{ borderRadius: "0.5rem" }} width="1270" height="844" data-path="images/unity-build.png" />

## Upload Your Game

Now that you have a build of your game, you can upload it to the Madder Developer Portal. Go to the
[Madder Developer Portal](https://developers.maddergames.com/) and log in. You'll be redirected to a page titled
`My Games`. Click the `Add Game` button to create a new game.

<img src="https://mintcdn.com/maddergames/f7Ta8qPl9-0Fmp9v/images/my-games.png?fit=max&auto=format&n=f7Ta8qPl9-0Fmp9v&q=85&s=c711b538e9a4e7c6e83c8e7dc78b4ac4" alt="My Games" style={{ borderRadius: "0.5rem" }} width="2520" height="1544" data-path="images/my-games.png" />

Here, you are given a number of prompts that you would fill out if you were submitting your game to the Madder Platform,
including a description, favicon, and cover image. You can also specify the maximum number of players you would like to
be able to connect to your game.

<img src="https://mintcdn.com/maddergames/f7Ta8qPl9-0Fmp9v/images/game-info.png?fit=max&auto=format&n=f7Ta8qPl9-0Fmp9v&q=85&s=08a6a15e77ddfdc2384a83de39382aa2" alt="Game Info Page" style={{ borderRadius: "0.5rem" }} width="1446" height="1538" data-path="images/game-info.png" />

For now, we just want to test the game, so we'll give it the name `Test Game` and move on to uploading our files.

In the `Game Assets` section, you can click the Upload button or drag and drop your build files into the box.
Upload the files Unity created for you:

* A .data file
* A .framework.js file
* A .loader.js file
* A .wasm file

Once they've been uploaded, you'll see the `Save` button in the `Test and Submit` section become active. Click `Save` to
save your game.

<img src="https://mintcdn.com/maddergames/f7Ta8qPl9-0Fmp9v/images/test-and-submit.png?fit=max&auto=format&n=f7Ta8qPl9-0Fmp9v&q=85&s=82961d64a4af67ea408de12b7344d5db" alt="Test and Submit Section with Save button active" style={{ borderRadius: "0.5rem" }} width="1428" height="294" data-path="images/test-and-submit.png" />

## Test Your Game

Once the save is complete, you can click the `Open test` button to test your game. Your game will start in fullscreen
mode, just like you'll see it on the Madder Console. Additionally, because we called `ShowCode()` in the `Game Manager`
on `Start`, the room code will be displayed on the screen.

Enter the room code into the Madder Controller app on your phone, and you will see the same stick figure you saw in the
Unity Editor. You can now test your game with the Madder Controller app! (Try pressing circle to see the stick figure
move faster!)

<img src="https://mintcdn.com/maddergames/f7Ta8qPl9-0Fmp9v/images/in-game.png?fit=max&auto=format&n=f7Ta8qPl9-0Fmp9v&q=85&s=684936d5de1bdf37cc4f1cd72a0ef17b" alt="The stick figure appears when you join the game" style={{ borderRadius: "0.5rem" }} width="3600" height="2338" data-path="images/in-game.png" />

If you have a second device you would like to join the game with, do so--you'll see a second stick figure appear that
is controlled by the second device.

<Info>
  To see debug logs from your game, you can open the browser console. In Chrome,
  you can do this by right-clicking on the page and selecting `Inspect`. Then,
  click on the `Console` tab. Any `Debug.Log` calls from your game will appear
  here.
</Info>

To exit fullscreen, press `Escape` on your keyboard or move your mouse to the top of the screen and the Madder banner
will appear. Click the button in the top right to exit fullscreen.

To exit the test, move your mouse to the top of the screen so the Madder banner appears, and click the `Exit` button.
