Home > Tutorial > Tutorial > User Interface Navigation

User Interface Navigation

Posted on 04-02-2021 by MAD Gaze

 

AR Project UI: 

 

 

1. Windows panel: Where you can access resource windows, hotkey reference, and product info links. 
 

2. Workspace objects: All workspace objects will be lined up in this list. 
 

3. Resource types toggle: Switch to toggle between resources, templates (module), and AR targets (marker). 
 

4. Resource panel: Everything you have uploaded to Simple AR editor will appear here.
 

5. 2D 3D Screen toggle: Switch your workspace mode between 2D and 3D. 
 

6. View navigation tools: Tools for navigating your workspace
 

7. Workspace: Main display and working area. 
 

8. Navigation box: Alternative workspace control, allows you to adjust workspace perspectives without clicking on right mouse click.
 

9. Save and Publish buttons: for you to save the project, and to publish the project. 


10. Basic attributes: your selected asset attributes will be shown here, also allows you to adjust the attribute values and to build interactivities.

 

 

 

 

Windows panel: 
 

To access hotkey reference, assets windows, online resources, AR Targets, and various product links.

 

 

 

Workspace objects: 
 

When you place an asset in the workspace, you will see a corresponding name for the asset in the workspace objects panel.

 


 

Resource types toggle:
 

There are different types of resources you can utilize in Simple AR, and these resources can be accessed through navigating among the groups of:

 

 

 

Resources: 2D image, 3D animation, video, audio, panorama asset
 

 

 

Module: Preset templates


 

 

Target: All uploaded AR Target (marker).

 

 

 

Resource panel:
 

You can upload new resources (assets) and use them in your AR VR project by clicking on the New Resources + button.
You can also upload a new AR Target by clicking on the New Target Image + button in the Target group.

 

 

 

 

 

These are the format of the assets you can upload to Simple AR Editor and implement in your AR VR design:

 

Image: JPG, JPEG, PNG, BMP, GIF (maximum file size 5mb)
 

Video: MP4 (maximum file size 20mb) 
 

3D Model: FBX (textured & animated, maximum file size 10mb) 
 

Audio: MP3, WAV, OGG (maximum file size 5mb)
 

Panorama Resources: JPG, JPEG, PNG (360 static images, maximum file size 5mb), MP4 (maximum file size 20mb)
 

Online Resources: Simple AR build-in resource library. 


 

 

 

2D 3D Screen toggle: 
 

2D 3D Screen toggle allows you to change your workspace mode between working in a 3D space (3D mode) and working on a 2D surface (2D mode)



 

3D Mode:
 

In 3D mode, your asset can be positioned, scaled, and rotated in 3 different axis (width, height, and depth).
Every asset implemented in 3D mode carries a 3D axis control point for you to edit the asset accordingly.

When a 3D asset is selected, a set of logos appears on the asset as the control panel for you to move, rotate, or scale the asset.


 



 

2D Mode: 
 

In 2D mode, you are working on a 2D surface therefore there is only 2 axis to control (X = width, Y = height).
The 3D asset will not be displayed in 2D mode



 

View navigation tools:
 

The toolbar includes a set of navigation tools for you to control workspace



 

Select Button: Left click to select asset



Drag Button: Left click and drag to pan view


 

Rotate Button: Right click and drag to rotate 
 


 

Focus Button: Focus the view on the selected assets
 

 

 

Workspace:
 

This is your main working area. Simply drag and drop any asset you want to build your AR & VR implementation.
The best part is, you do not need to perform coding at all to complete your AR & VR building.






A small grid in the workspace equals to 10 centimeters in real-world measurement.
A major grid equals to 1 meter in real-world measurement. This indication is very helpful for you in crafting a space recognition project.



 

 

Navigation box:
 

Navigation box is an alternative tool for you to control your workspace perspective with only left clicks.




To use an asset in your project, simply drag and drop the asset from the resource panel onto workspace.


 


Save and Publish buttons:


The buttons are for saving and publishing your project. After saving or publishing, Simple AR Editor will return to the main page automatically. All your projects will be saved on Simple AR cloud storage. By saving the file alone, your project will not be published to Simple AR App. In order to allow your audience to view your AR & VR project on Simple AR App, you must publish your project.





After publishing your project, you will receive a confirmation message with your Simple AR ID stated.

 

 

Basic attributes:
 

The basic attribute panel displays a selected asset’s attributes and properties.
It is like a datasheet of the selected asset. Basic attribute panel allows various tasks to be performed onto the asset, such as: 


 

1. Renaming the asset: Dobule click on name of assests to rename
 

2. An alternative method to adjust asset’s properties: Key in axis values to adjust the asset’s position, rotation, and size
 

3. Edit 3D asset’s material properties: Select material types among the dropdown list and adjust color accordingly
 

4. Apply various interactivities and actions: Select interactive actions from the dropdown list and key in suitable information accordingly to complete the interactive design


 

 


 

VR Project UI:
 

1. Scene Panel: For you to manage your VR scene. You can add, delete or rename the scene in this panel
 

2. VR Camera: VR scene camera lens. By rotating VR Camera, you can shift the preview angle in the preview panel. It is linked to the preview panel in real-time
 

3. Preview Panel: VR scene preview. It is real-time linked to the VR Camera
 

The remaining UI and tools of VR Project are similar to AR Project UI

 

 

 

 

 

 

 

 

 

 

Copyright © 2021 MAD Gaze. All rights reserved