Skip to main content
Tap to Reveal: Design guide

Recommendations for graphical assets in Tap to Reveal game

Asta Dybdal avatar
Written by Asta Dybdal
Updated over 2 weeks ago

The graphical recommendations included in this guide are game-specific. You can find general recommendations for backgrounds, logos, and other images here.

Required assets are marked with a star*

Dimensions are listed in pixels, width x height.

Maximum file size: 700kb

File types: .png, .jpeg, .jpg, .webP

ℹ️ Tip for accommodating high resolution screens

To maintain a high resolution, we suggest using asset sizes that are at least x2 the asset size you want to use in the game. This ensures that even on Retina screens your campaign will look crisp and clear.

Our design guide takes this into consideration, providing recommendations to ensure your assets look sharp, regardless of the screen they’re displayed on.

Asset image*

The asset image is the main illustration in the game. This is the image the user will tap to reveal the mystery inside.

In the game, you can choose between two reveal effects: Shake or Tear apart. When using the rip apart effect, the asset will be split in the middle. You can see examples of both effects here.

Example

  • Number: 1

  • Maximum width: 1200 px

  • Recommended as .png or .webP with a transparent background.

Loser image*

The loser image is the illustration that will appear when a participant loses the game, for example, a pair of smelly socks.

Example

  • Number: 1

  • Maximum width: 1200 px

  • Recommended as .png or .webP with a transparent background.

Winner image*

The loser image is the illustration that will appear when a participant wins the game, for example, a voucher.

It is possible to have several winner images. This way you can tailor the game experience to fit different outcomes, for example, winning a specific prize.

Note! It is only possible to control what winner image is connected to a specific prize when using instant win prizes. If you use regular prizes, the winner image will be randomly selected from you winner image pool.

Example

  • Number: Minimum 1

  • Maximum width: 1200 px

  • Recommended as .png or .webP with a transparent background.

Adjustments to image sizes

Because we advise using assets that are at least x2 the asset size you want to use in the game, you may want to make some adjustments to reduce how big the images appear in the actual game.

The game is responsive, so if you wish to reduce the size of the assets in the game, you can control it via the width on the game section or row in the frontend editor.

Effects

In the game settings, you can choose between two effects: Shake or Tear apart.

Shake

Rip apart

Game example

We've prepared a game example you can test or import to your account.

If you want to import the game to your own account, you can use this distribution code: e05dce9307833b161f79351ed93f969a.

Did this answer your question?