Foreground and background

Create foreground/background and apply them to your screens/states. It will allow you for instance to create an interactive menu, an animated background…

Foregrounds and backgrounds are common to your project: they will be displayed above or below your current screens/states.

They are edited like states: you can add your content, create new states, add components, interactive actions…

On each screen and state, you have to define the foreground and the background you want: you can also choose not to have any foreground or background.

Create foreground/background

1. Click the home icon above the workspace to go to the Project level, then select Foregrounds or Backgrounds.
2. Insert your content in the first one. There is always a default foreground/background that is empty. If you want to add another one, click on the + button at the top of the list.

If you want to have a clear overview of what you’re doing, in the Properties panel, set Hide screens to Yes (and eventually Hide foregrounds / backgrounds): that way you’ll only see the level you’re currently working on.

Apply foreground/background

Once you’ve created your foregrounds/backgrounds, you’ll need to apply them to your current screens/states: otherwise, they’ll remain hidden forever in this studio! :-)

1. Go back to the Project level and select Screens.
2. Select your screen or state: its Properties panel shows a Foreground and a Background list.
3. Select the foreground/background you want, or Current if you want to keep the foreground/background that was previously defined in your user path.