From your Space, you can create a new Experience by selecting the associated + icon at the top of your Space. You will be redirected to the authoring tool. Here you can assemble all your media files to create a unique and powerful Experience that will be shown in a 3D Room.
On the top left of your window, you will see the breadcrumb to quickly indicate which project from the Workspace you’re working on.
Edit the General Information
Click on the settings icon to set the general information about your Experience. This information will visible to everyone who has access to the Space.
- Experience Title: This is the name of the experience that will be shown in the Space you’ve previously created. For example, If your Space is “The natural science of Astronomy”, a presentation title can be “Fly me to the moon”.
- Description: This is the description of the experience that will be shown in the Space you’ve previously created. It’s also publicly visible to everyone invited to access to this experience.
- Poster Image: The visual tied to the title and description in the experience. You can choose to display it or not as an initial scene of your experience. Disable the option to start on another scene
- Display Outline Show/hide the outline of the experience in the room. If activated, the outline will be visible to anyone when accessing the experience online on a dedicated panel.
- Display control bar: Show/hide the navigation bar in the Room which shows the title of each experience resource and navigation arrows at the bottom of the screen or on the player control bar for 360° videos
- Virtual 3D Room: Customize the main background to feature your 2D scenes. More information here.
Add a new scene
On the left of the screen, you will find the Outline of your experience.
> An experience can be composed by one or multiple sections.
> A section can be considered like a chapter of a book, a title to describe the multiple resources that are linked to each other. It's composed of one or multiple Scene.
> The Scene is the background on which you will add annotations to. A scene can be either:
- an image: any still image in .jpg or .png format
- a video: any video in .mp4 format
- a 360° Image: any spherical image in .jpg equirectangular format
- a 360° Video: any spherical video in .mp4 equirectangular format
Add a continuous ambient sound all along a section
You can add an mp3 that will play throughout all scenes in one section to enhance the immersive experience.
To get the most of this feature, here are some recommendations:
- As most modern web browsers deactivate the audio automatic playback if no action has been made by the user beforehand, simply create a first section without an ambient sound. It can include one welcome image scene that invite users to interact with (a “Start now” button annotation for example).
- In the second section, you can add as many scenes as you would like and from any kind (image, video, 360 or not). Your ambient sound will be played without any interruption all along the user flow.
- This feature is ideal for virtual tour when jumping back and forth between 360 images
Add annotations to a scene
In the middle of the screen, you will find the What You See Is What You Get composer. Here you will be able to locate your annotations on your resources, but also switch between Edit and Preview Mode. See below for more details:
- 1: Add a new image in .png or .jpg format
- 2: Add a new video in .mp4 format. Recommended resolution is up to 1080p
- 3: Add a new Text element
- 4: Add a Hotspot icon from the collection
- 5: Add a Card. A card is predefined layout composed by a title and text content that can be enabled by a user action
- 6: Add a quiz to ask questions to users. More information here
- 7: Add a score card so users can know their score at any time. More information here
- 8: Switch between Edit Mode and Preview Mode in one click. In Preview Mode you’re able to watch the experience in VR if your HMD is connected to your desktop or in full screen if you don’t have one
- 9: The main area to locate all annotations in the space
Edit annotation Properties
For each element selected in the WYSIWYG composer, you have a contextual properties panel displayed on the right side of the screen.
- Source: Available for images, videos and annotations. You can change the source of an image, for example to update it or replace it by another image and still keep its other properties you’ve set.
- Autoplay: Check this option if you want your video to automatically playback at the beginning of the sequence without any user action
- Style: Allows you to define visual and audio properties of an element. You can change the opacity of all elements, change the font, size and alignment of text, and also change the color of text and hotspots.
- Start time: This option lets you choose the moment the selected element will show up in the sequence. You can also choose to enable the ‘custom duration’ option to display the element during a specific moment.
- Trigger Action: Trigger an action based on user behaviour:
- None: Nothing happens when a user clicks or gazes on the element.
- Link: User will open a new website or a new sequence on click or gaze. Check the "seek to current timecode" option to jump from a video scene to another video scene and keep the user current timecode. Useful for synced multicam experiences.
- Annotation: User will show an element present in the scene that is hidden.
- Sound: Play a .mp3 file when user clicks or gazes on the initial element.