To add an image to the panorama, click on the image element and drop it onto the scene.
The image element appears on the scene as a pictogram:
In the Elements column, rename the element.
To define the aspects and the states of the element, click on the Properties icon in the Elements
A window will open. Click on the “Add an image” button to select an image to associate to the element.
Choose an image that is not in the project yet, or on the contrary, choose an image that is already present.
When a media is inserted, it is visible within the Properties window. You can replace it using the corresponding button or delete it.
An image element can have several aspects and several states. A section of the window is dedicated to each of them.
An aspect is the visual and/or sound representation of an element. For example, for an image, the aspect is its graphic/visual representation.
Each element can have several aspects depending on the necessary interactions.
For example, you can have a button with two aspects (red and green) which will be used to make the button change color depending on the interactions.
To add a new aspect, click on the + symbol in the “Element aspects” section, then import the media (the image) corresponding to that aspect using the “Add an image” button.
A state defines an image element in two ways:
- Its visibility
- Its interactivity
To meet the needs of your interactive scenario, the visibility and interactivity of your element can be multiple. A button can have a “non-clicked” state for which it will be visible and interactive for example. Once visited, it can become invisible.
States can be added and edited through the “Element states” section. To add a state, click on the + symbol.
The yellow flag, as for the panoramas, indicate which the initial state of the element is.
At the top of the Properties window, there are two lists that enable you to access the properties of all the elements added to every scene of your project without leaving that Properties window.
First, select the scene and then the element you want to access.
When you use images or pictograms with a transparent background, make sure you crop the image to the maximum in order to avoid too big of a background. That is very important to do if you are using the image as a clicking area.