Tap to Reveal

The Tap to Reveal template is a JPEG/APNG based template, which requires no video for its background. It offers up to six items which you can reveal/interact with as a user, with the possibility of adding a result screen at the end of your set number of interactions.

You can find simplified versions of this template in the following:

When to use it?

This template can be used for almost any length of experience to create both playable ads and interactive end cards (IECs). It’s a great template if you want to create specific dynamics that highlight your game assets, such as a hidden object, adding an object, and uncovering an object.

How to use it?

Hidden Object

How to video here: https://www.youtube.com/watch?v=pVV8oOv7eQ4

Adding an Object

How to video here: https://www.youtube.com/watch?v=LvWay6rYuq0

Uncovering an Object

How to video here: https://www.youtube.com/watch?v=7vPkL44IWQ4

Fail/Win Choice

How to video here: https://www.youtube.com/watch?v=U5uA0AwOYag

Required assets

The following are the required assets in order to make this template a success.

Background image
Covering and revealed elements
Result image
Hint image
End card icon

Configurable Fields

This template includes a selection of general configurable fields which are all detailed here.

The specific fields which are provided with the Tap To Reveal template are listed below.

Static Content

Field	Type/Options	Details
Elements count	Slider (Which changes the values from 1 to 6)	Set how many elements you want in your experience.
Taps to result screen	Slider (Which changes the values from 1 to 6)	Set how many taps the user must do for the result screen to appear.
Locked Landscape Positions	`On` or `Off`	This `On` option will anchor your choices to the image, so you only have to create one experience that will work for both portrait and landscape. The `Off` option means you have to set a background image for both portrait and landscape, so you have the freedom to create separate experiences .
Image	Image file (.png, .jpg, .jpeg, etc.)	This image will stay the same in both portrait and landscape, meaning that is locked in both positions and you do not need to create
Image Anchor (Default and Landscape)	`Top Left` `Top Middle` `Top Right` `Middle` `Middle Left` `Middle Right` `Bottom Left` `Bottom Middle` `Bottom Right`	As a single image needs to support multiple resolutions, the anchor control can be used to define how your image scales. For example, if your image has some important elements at the top of the screen, you may which to choose the `Top Middle`.
Image Fit/Fill (Default and Landscape)	`Fit (0)`: The image will maintain its aspect ratio and scale to fit in 100% of the smallest dimension (width or height) depending on the resolution. `Fill (1)`: The image will maintain its aspect ratio and scale to fit in 100% of both the width height of any resolution.	The image fit/fill control is a range from 0-1. You can change your value between 0 and 1 to find the best fit for your game. We recommend using this feature in conjunction with the video anchor settings.
Image Filler	`No filler`: No blur applied, background will remain black. `Blurred frame`: the image will be blurred and layered behind.	The image filler option allows you to fill these areas with a blurred background, using the original image as the content.
Background Image (Default and Landscape)	Image file (.png, .jpg, .jpeg, etc.)	The image option allows you to fill these areas with a specific image background, specifically for portrait and landscape
Background Image Scaling (Default and Landscape)	`Keep aspect, fill`: Retains the image's aspect ratio and expands it to fill the screen. This may cause clipping, but will render the image large. `Keep aspect, fit`: Retains the aspect ratio and expands the image until it reaches the edge of the screen. This will avoid clipping but the image may appear small. `Ignore aspect, fill`: Will change the image's aspect ratio to match that of the preview screen, and then scale it up so that it fills it entirely. This will likely make the image appear stretched, but there will be no clipping and the image will be rendered large.	The image scaling option allows you to choose how your background image fits the layout.

Element

Field	Type/Options	Details
Button Image	Image file (.png, .jpg, .jpeg, etc.)	The button image will appear as the first image in the interaction. Once it is clicked, the result image will appear
Result Image	Image file (.png, .jpg, .jpeg, etc.)	The result image will appear once the button image is interacted with by the user
Button Size (Default and Landscape)	Float value (Number value that allows decimals, negative values will default the value used back to 15)	This determines the size of the button, the higher the value the larger the image will be. The scale is done in `rem`, so 1 will roughly equal 5% of the viewport's size.
Button Horizontal Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the x axis (horizontally).
Button Vertical Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the y axis (vertically).
Button Flip	`No Flip` `Flip horizontally` `Flip vertically` `Flip horizontally & vertically`	Select which way you wish to flip your button.
Button Rotate	Slider (Which changes an float value)	Move the slider to determine what value in degrees you wish to rotate your button by.
Button Animation Type	`No Animation` `Opacity` `Scale`	The appearance animation type for the button once it is clicked, which controls how the button image leaves the screen. Default value is No Animation.
Button Animation Duration	A float value	This value controls the duration of the animation type. If you have No Animation, you do not need to set a duration.
Button Animation Delay	A float value	This value controls the delay of when the animation of the result image will begin.
Result Size (Default and Landscape)	Float value (Number value that allows decimals, negative values will default the value used back to 15)	This determines the size of the button, the higher the value the larger the image will be. The scale is done in `rem`, so 1 will roughly equal 5% of the viewport's size.
Result Horizontal Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the x axis (horizontally).
Result Vertical Offset	Slider (Which changes a float value)	Moves the result along the y axis (vertically).
Result Flip	`No Flip` `Flip horizontally` `Flip vertically` `Flip horizontally & vertically`	Select which way you wish to flip your result.
Result Rotate	Slider (Which changes an float value)	Move the slider to determine what value in degrees you wish to rotate your result by.
Result Animation Type	`No Animation` `Opacity` `Scale`	The appearance animation type for the result image once it appears, which controls how the button image shows up on the screen. Default value is No Animation.
Result Animation Duration	A float value	This value controls the duration of the animation type. If you have No Animation, you do not need to set a duration.
Button Animation Delay	A float value	This value controls the delay of when the animation of the result image will begin.

Result Screen

Field	Type/Options	Details
Image	Image file (.png, .jpg, .jpeg, etc.)	The image that will appear as the result screen.
Duration	A float value	This value controls the duration of how long the result screen will appear on the screen.
Size (Default and Landscape)	A float value (Number value that allows decimals, a negative value will default back to 0)	The size of the result screen image in `rem` (1 rem roughly equals 5% of the viewport's size).
Horizontal Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the x axis (horizontally).
Vertical Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the y axis (vertically).
Hide Banner	`On` or `Off`	If you include text in the banner, you can select `On` to keep the text when the result screen appears or `Off` so it disappears.

Tap to Reveal

When to use it?​

How to use it?

Required assets​

Configurable Fields​