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

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

Settings

ATTRIBUTES

  • 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

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:

Video

Audio

Text Box

Social Media

Buttons

Contact

Calendar event

3D-Model

HTML

Did this answer your question?