Projects

Dashboard

Create a new project

On your dashboard, you will see a Create Project button.

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

Access a project

On your dashboard, you will see all the project cards under your organization. These cards will be arranged in the order of activity. The most recently modified/newly created project 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.

Project Cards

Project Card

The project cards provide brief insight into the projects. You will see:

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

To edit a project, click on its card to head over to that project's page.

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

Project Menu Project Menu more

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

Project Page

Project

Actions available on the project page:

  • Renaming project
  • Deleting project
  • Previewing project
  • Managing collaborators
  • Managing deployments

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

To know more about Collaborations, see the next section.

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

Project Settings

To open project settings, click on the green settings icon in right bar.

Project SettingS Icon

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

It has five tabs:

  • Properties
  • Menu
  • Variables
  • Splash Screen
  • Warnings

Properties Tab

Project Settings

Options:

  • Export Project
  • Import Project (Open and Overwrite)
  • Show VR Button
  • Enforce landscape mode
  • Always open in chrome
  • Show zooming controls in viewer
  • Enforce fullscreen
  • Hide the GMetri logo in the viewer
  • Zoom level (60 degrees)
  • Custom scripting area

Menu Tab

Project 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

Project Settings Variable

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

Splash Screen Tab

Project 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

Warnings Tab

Project Settings Warning

This tab will display any project related warnings.

Adding scripts to your project

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>