Foreground and background

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. 

foreground-and-background-scheme.png

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.

1. Create foreground/background

  1. In the Screens window, click on the left or right icon to select Foregrounds or Backgrounds.

     

    foreground.gif

  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 + ADD FOREGROUND / BACKGROUND.

 Please note: if you only have one foreground/background, it will automatically apply to every screen/statetexte

If you want to have a clear overview of what you're doing, go to the Properties window and tick the box Hide screens (and eventually Hide foregrounds / backgrounds: that way you'll only see the level you're currently working on.

background and foreground properties

 

2. 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. In the Screens window, click on the middle icon.
  2. Open the Properties window of you screen/state.
  3. Select the foreground/background you want or the current foreground/background if you want to keep the foreground/background that was previously defined in your user path.

 Please note: if you apply a foreground / background to a screen, it will automatically apply to all its states. However you'll still be able to edit this at each state level.

apply background or foreground

 Please note: “no foreground (background)” is not an option for now. If it is what you want and you've already created foregrounds (backgrounds), we recommend you create an empty foreground (background) to add to your list and apply it to your current screens/states.

Was this article helpful?
0 out of 0 found this helpful

Create today your interactive content

Easy-to-use ∗ Free ∗ No installation

START NOW!