# Background images

You can set the background image for the play screen.

### Default Background

<figure><img src="https://github.com/uzu-inc/studiov2-document/blob/main/packages/en/.gitbook/assets/screenshot%202024-01-31%2014.53.39.png" alt=""><figcaption></figcaption></figure>

The default background is an image that continues to be displayed when no conditional background is set or the conditions for the conditional background are not met.

Images can be set by dropping or clicking.

If no default background is set in the work, a plain background matching the color theme is automatically applied.

Once the image is set, it will look like the following, and you can verify that the background image has been set by performing an operational check.

A color blur that matches the color theme (white in light mode, black in dark mode, etc.) is automatically applied to the background image. The blur is set to a density that ensures text readability regardless of the background image uploaded. Since text readability is a prerequisite for the Madamis app, you cannot turn off the blur.

<figure><img src="https://github.com/uzu-inc/studiov2-document/blob/main/packages/en/.gitbook/assets/screenshot%202024-01-31%2015.04.30.png" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://github.com/uzu-inc/studiov2-document/blob/main/packages/en/.gitbook/assets/screenshot%202024-01-31%2015.05.58.png" alt="" width="179"><figcaption></figcaption></figure></div>

### Conditional Background

The conditional background is a background that is displayed when certain conditions are met.

Setting an image in "Conditional Background" allows you to set conditions.

<figure><img src="/files/VzXZIHAZQi3p23vmbjgu" alt=""><figcaption></figcaption></figure>

Be careful because if the conditions are met, that image will always be displayed. For example, if the condition is "When phase XX starts," the conditional image will continue to be displayed even after that phase ends. If you want to set a background image for only a specific phase, it would be better to set it as "While phase XX is in progress."

This time, I have set it to display the conditional image only during the opening.

<figure><img src="https://github.com/uzu-inc/studiov2-document/blob/main/packages/en/.gitbook/assets/screenshot%202024-01-31%2015.17.19.png" alt=""><figcaption></figcaption></figure>

When performing an operational check, you can see that the image changes only during the opening phase.

<div><figure><img src="https://github.com/uzu-inc/studiov2-document/blob/main/packages/en/.gitbook/assets/screenshot%202024-01-31%2015.18.44.png" alt="" width="182"><figcaption></figcaption></figure> <figure><img src="https://github.com/uzu-inc/studiov2-document/blob/main/packages/en/.gitbook/assets/screenshot%202024-01-31%2015.18.51.png" alt="" width="176"><figcaption></figcaption></figure></div>

Multiple conditional backgrounds can be set, but priority is given from left to right.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.studio.uzu-app.com/en/basic-features/bgm/background.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.