# Copresence Web App
The Copresence web app allows you to manage, preview and download the exported assets of your avatars.
This is ideal for 3D artists and developers that want to use Copresence as a scanning tool and don't require API integration into their application or game.

## Login
You can reach the web app [here](https://live.app.copresence.tech/).
Please log in with the same credentials used for the Copresence mobile app. [screenshot](img_web_app_login)

## Avatar Preview
On the home screen you see a list of all of your avatars. [screenshot](img_web_app_home)

The list can be sorted by name or recording date. [screenshot](img_web_app_sorting)

A bigger preview image can be opened by clicking on the small avatar thumbnail. [screenshot](img_web_app_preview)

## Credits
Recording and previewing avatars is completely free of charge.
However, accessing the exported assets for your avatars requires you to spend Copresence *credits*.
You can access the amount of credits assigned to your account in the "Credits" tab. [screenshot](img_web_app_credits)

New accounts always start with 0 credits.
Clicking on "Request Credits" allows you to contact a Copresence sales representative to
* request free credits for experimental purposes or
* assemble a credit package that is tailored to your needs and your application.

## Asset Download
After we assigned credits to your Copresence account, you are able to unlock the asset exports for your avatars by clicking on "... > Unlock". [screenshot](img_web_app_unlock)

A pop-up prompt informs you about the amount of credits you need to unlock the avatar.
Please confirm that you want to unlock the avatar. [screenshot](img_web_app_unlock_prompt)

Once the exports have been unlocked you can access them via "... > Download". [screenshot](img_web_app_download)

A pop-up prompt lists all available export formats for your avatar. [screenshot](img_web_app_download_asset_list)

You can download one or multiple exported assets simply by clicking on them.

<br><br><br>
<details>

<summary> Images </summary>

```{figure} _static/web_app/login.png
:name: img_web_app_login
:align: center
:width: 768
```

```{figure} _static/web_app/home.png
:name: img_web_app_home
:align: center
:width: 768
```

```{figure} _static/web_app/sorting.png
:name: img_web_app_sorting
:align: center
:width: 768
```

```{figure} _static/web_app/preview.png
:name: img_web_app_preview
:align: center
:width: 768
```

```{figure} _static/web_app/credits.png
:name: img_web_app_credits
:align: center
:width: 768
```

```{figure} _static/web_app/unlock.png
:name: img_web_app_unlock
:align: center
:width: 768
```

```{figure} _static/web_app/unlock_prompt.png
:name: img_web_app_unlock_prompt
:align: center
:width: 768
```

```{figure} _static/web_app/download.png
:name: img_web_app_download
:align: center
:width: 768
```

```{figure} _static/web_app/download_asset_list.png
:name: img_web_app_download_asset_list
:align: center
:width: 768
```

</details>