Great. So you decided to add an image overlay to your AR.Create WonderPage. Now it's important to think about what you want to do with it.
Here you can find out how to
add an image overlay
place the added image(s) and style it by editing the Settings in the Properties Panel
How to add your image:
Step 1: Click the image icon in the toolbar on the left side of your screen to open the upload window.
Pro Tip: Upload a GIF to make your WonderPage more creative!
Want more information about the Multiple Scene feature?
Step 2: Click browse to choose your image or just drag and drop it into the window.
Important: The maximum file size is 5MB and the compatible formats are: jpg, jpeg, png, gif
Name: Select a unique name for your video element
Source: Name of uploaded source file and button to replace uploaded image “on the fly”
Size: Set individual size of an image (by width and height, the aspect ratio is fixed)
Position: Set individual position of the image (by x and y)
Opacity: Set transparency level of image (0 = fully transparent, 1= no transparency)
Rotation: Set rotation of image (by °)
Arrange: Define hierarchy in between different content elements
Fix to Screen: Disconnects image from target image and fixes it to screen so it will always be shown on the same position, no matter how the target image is moved
Hidden: Makes image invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)
Select Protocol: Select action that will be executed when the image is clicked by the user. The options are "Open Link", "Open Secure Link", "Send E-Mail" or "Call".
Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments
Animations make your WonderPage more appealing as they add some motion to static content. For each content element, you can easily define how it should appear/disappear as soon as a target image is scanned or lost.
See how to animate your AR elements here.
Maybe interesting too:
Feel free to use different overlays in a single AR.Create WonderPage.
Further AR.Create overlay types are: