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.

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.

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.

Background
Tap Hint
Store Button
Banner
End Card
App Store Controls
Sound
Advanced Settings

The specific fields which are provided with the Universal Endcard template are listed below.

Content

Content

Field	Type/Options	Details
Background (default & landscape)	Video file (.mp4, .wav, .webm, .mkv etc.) Image (.png, .jpg, .jpeg, .gif, etc.)	Video or image will be used throughout the playable experience. Videos or images are uploaded and stored in the Media Library.
Anchor (default & landscape)	Top Left Top Middle Top Right Middle Middle Left Middle Right Bottom Left Bottom Middle Bottom Right	As a single video needs to support multiple resolutions, the anchor control can be used to define how your video scales. For example, if your video has some important gameplay elements at the top of the screen, you may which to choose the Top Middle.
Video Fit/Fill (default & landscape)	Fit: The video will maintain its aspect ratio and scale to fit in 100% of the smallest dimension (width or height) depending on the resolution. Fill: The video will maintain its aspect ratio and scale to fit in 100% of both the width and 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.
Filter Type	No filter Opacity Blur Grayscale	Select the type of filter to apply to the background video or image
Filter Strength	Slider (Which changes a float value)	Adjust the intensity of the selected filter on a scale from 0 (no effect) to 1 (maximum effect).

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)	Fit: The video will maintain its aspect ratio and scale to fit in 100% of the smallest dimension (width or height) depending on the resolution. Fill: The video will maintain its aspect ratio and scale to fit in 100% of both the width and height of any resolution.	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 Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the x and y axis (horizontally and 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 25)	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 Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the x and y axis (horizontally and 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).
Offset (Default and Landscape)	Slider (Which changes a float value)	Moves the result along the x and y axis (horizontally or 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.
Hide Button Images	On or Off	If you include text in the banner, you can select On to keep the image when the result screen appears or Off so it disappears.