Experiences

Dashboard

Create a new experience

On your dashboard, you will see the Create Experience button.

  • Click on Create Experience button to create a new experience by adding a name for the experience in the input box that appears.
  • Once added, the experience appears among the experience cards.

Access an experience

On your dashboard, you will see all the experience cards under your organization. These cards will be arranged in the order of activity. The most recently modified/newly created experience will appear first. You can change this to sort the list in the opposite order or sort it by name by toggling the Sort by name and Sort by most recent option.

Experience Cards

Experience Card

The experience cards provide brief insight into the experiences. You will see:

  • Experience title
  • Status (LIVE/NOT LIVE)
  • Last modification date
  • Number of editors
  • Menu button

To edit an experience, click on its card to head over to that experience's page.

For quick access to experience actions, click on menu =.

Experience Menu Experience Menu more

This is also the place that provides you a way to duplicate your experience.

Experience Page

Experience

Actions available on the experience page:

  • Renaming experience
  • Deleting experience
  • Previewing experience
  • Managing collaborators
  • Managing deployments

To know more about Deployments, head over to the Publish section.

To know more about Collaborations, see the Teams and Collaborations section.

To build your experience, click on Build/Edit Experience. To know more about building an experience, head over to the Build section.

Experience Settings

The Experience settings will appears as a gear icon while you are building your experience. If you haven't built any experience yet, please head over to the Build section first.

To open experience settings, click on the green settings icon in right bar on the experience building screen.

Experience Settings Icon

The experience settings pop up allows us to tweak experience settings.

It has five tabs:

  • Properties
  • Menu
  • Variables
  • Splash Screen
  • Warnings

Properties Tab

Experience Settings

Options:

  • Export Experience - Use this to export an experience and import it in another experience. This will let you download a .fv4 file.
  • Import Experience (Open and Overwrite) - Use this to import an exported experience in the current experience. You can import fv4 files.
  • Add custom scripts - Know how in the Adding Custom Scripts section on this page.
  • Show VR Button - To allow VR mode in the viewer.
  • Enforce landscape mode
  • Always open in chrome
  • Show zooming controls in viewer
  • Enforce fullscreen
  • Hide the GMetri logo in the viewer - This enables white labelling.
  • Zoom level (60 degrees)
  • Show Offlining - Allow experience to run offline. check compatibility.
  • Show screen reset
  • Automatically track new connections - Know more in the Track
  • Optimize for offlining

Menu Tab

Experience Settings Menu

This tab is used to control the Menu used to toggle between Scenes.

The menu looks like this:

Viewer Menu

It appears both in the editor and in the viewer. On the menu tab, you can control if you want this menu enabled or disabled. You can also control if you want any scene to be shown in the menu or not individually.

Variables Tab

Experience Settings Variable

Variables can be added to the experience in the variables tab. These varaibles can then be used in rules to control various properties of elements and scenes. Know more on how to use variables in the Variables section.

Splash Screen Tab

Experience Settings Splash Screen

The Splash Screen tab is used to toggle options for the splash screen.

Options:

  • Show logo and click to start
  • Show VR instructions
  • Capture user info
  • Show language screen
  • Starting description
  • Ending description
TIER LIMITS

Capturing user info is a lead generation feature. Free accounts support lead generation from only 100 users.

Want more? Upgrade!

Warnings Tab

Experience Settings Warning

This tab will display any experience related warnings.

Adding scripts to your experience

When working in the editor, some experiences require that custom logic be run when certain events occur, since this logic depends on specific use cases, the editor has a script property where a custom javascript can be entered. This script will be executed during the run time (i.e., in the view mode)

Here is a sample script that will add a small timer to the upper left hand of your screen:

<script>
window.onload = function(){
var second = 0;
var minute = 0;
function addZero(n){
if(n<10) {return "0"+n}
else {return n;}
}
var h1 = document.createElement("h1");
h1.style['text-align'] = 'left';
h1.style['font-size'] = '30px';
h1.style['position'] = 'absolute';
h1.style['width'] = '100%';
h1.style['color'] = 'white';
h1.style['fontFamily'] = 'montserrat';
document.getElementById("app").appendChild(h1);
setInterval(function(){
h1.innerHTML = addZero(minute) + ":" + addZero(second);
second++;
if(second == 60){
minute++; second = 00;
}
}, 1000); }
</script>