Designer User Interface

Once you have selected a new WonderPage for editing, you have an option to choose either AR,Tiles or AR.Create.

AR.Tile 

The content is shown as “tiles” meaning initially you will see variety blocks with more information depending on the content on the phone screen.

The tiles are not shown “in relation” to the trigger image (= printed target). Whether you hold the triggered image in front of the camera or not, the AR blocks will be displayed. 

AR.Create 

Content is shown as “designed” in genARate studio.  The arrangement of AR content in relation to the triggered image (= printed target) will be identical on the phone. Content is shown always “related” to the trigger image in respect of size and position.

More possibilities for styling, positioning, interaction, …

After, the Designer User Interface is shown. It is divided into four main sections: the Header, the Toolbar, the Designer Panel and the Property Panel.

More information about the Header

Toolbar

The Toolbar contains the project Title, Language, Zoom Out/In buttons, Undo/Redo, Fix to screen, Copy/ Paste, Delete augmentation(s), Save, Close, Test and Publish buttons.

Designer Panel – AR.Tiles

The Designer Panel displays the target image, the phone frame icon, and augmentations toolbar. The phone frame shows how аugmentations will be positioned on the user’s phone when the target image is scanned. The AR.Tiles augmentation toolbar differs from the augmentation toolbar of AR.Create. See the explanation below: 

Property 

The Property panel shows all properties of selected augmentation. In this panel, properties can be set or changed.

Click here to learn more about how to set up properties for various augmentations. 

*REPLACE LINK

Designer Panel – AR.Create

The Designer Panel displays the target image and augmentations toolbar (on the left). The augmentations toolbar offers options for simply adding various augmentation types.

Property 

The Property panel shows all properties of selected augmentation. In this panel, properties can be set or changed.

Click here to learn more how to setup properties for various augmentations. 

Multiselect of the Augmentations

It is  possible to multiselect several augmentations by drawing a frame (using the mouse) instead of selecting one augmentation after another with several mouse clicks. 

Close Menu
Close Panel