Once you have selected a new WonderPage for editing, you have an option to choose either AR.Tiles or AR.Create.
The content is shown as “tiles” meaning initially you will see variety of blocks with more information depending on the content on the phone screen.
The tiles are not shown “in relation” to the target image (= printed target). Whether you hold the target image in front of the camera or not, the AR blocks will be displayed.
Content is shown as “designed” in genARate studio. The arrangement of AR content in relation to the triggered image (= printed target image) will be identical on the phone. Content is shown always “related” to the target 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 Properties Panel.
In the Header you can find the genARate Logo, the breadcrumbing trace, the statistics icon and the settings icon (from left to right).
The Toolbar contains a lot of useful tools in order to create or edit your Project and WonderPage including your AR experience.
See the related explanation of the tools below:
Tracking quality: Shows how good your target image works. More information about target management here.
Project title: Create or change the title of your project here.
Language: Here you can define and create content for a single WonderPage in multiple languages. More details on internationalizing your WonderPage here.
Zoom in/out: Click minus to zoom out and plus to zoom in.
Undo/redo: Click the arrows to undo or redo the actions.
Performance: Click to get information about the performance of your WonderPage.
Fix to screen: Add fix to screen to all augmentations.
Copy/paste: Choose selected item then click copy and paste icons to duplicate it.
Delete augmentation: Select the item and click on the basket to delete the augmentation.
Save changes: Click the SAVE button to save changes.
Close project: Close the project and return to the WonderPage library.
Test WonderPage: Test your WonderPage on the phone. Click here to see how to.
Publish WonderPage: To make your WonderPage publicly available click PUBLISH. If not you can always press UNPUBLISH. See more about how to publish your WonderPage here.
Designer Panel – AR.Tiles
The Designer Panel displays the target image, the phone frame icon, and the 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:
Properties Panel - AR.Tiles
The properties panel shows all properties of selected augmentation. In this panel, properties can be set or changed.
To learn more about how to work with various augmentations by using the augmentations toolbar and set up or change its properties using AR.Tiles follow the links below:
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.
The Properties panel shows all properties of selected augmentation. In this panel, properties can be set or changed.
To get more information on how to work with various augmentations by using the augmentations toolbar and set up or change its properties using AR.Create follow the links below:
Multiselect of augmentations
Pro tip: It is possible to multi-select several augmentations by drawing a frame (using the mouse) instead of selecting one augmentation after another with several mouse clicks.
Note: You can also use well-known keyboard shortcuts (e.g. Copy/Paste/Delete, etc.) here.