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, .gif, .svg

In the Hit-a-Mole game, the 'Visuals' tab includes design options for:

Below we will describe each of these and provide our graphical recommendations for the game.

In the layout settings you will define the following:

These settings will most likely depend on the size of the holes you include in the games.

It may be relevant to use different settings for desktop and mobile, for example, you may want to add a row of moles on mobile.

The cursor is the element you will be using to whack the moles with.

Note that the cursor will not be visible on mobile and tablet.

The hole image is the graphic you want the moles to appear from

Beside the mole image, you also have some further settings available:

The 'mole animation' setting in your hit-a-mole game refers to the visual animation effect applied when a mole emerges from its hole.

You can choose between slide, fade, rotate bounce. All options are demonstrated below:

The setting 'Where to place Images' determines the layering order of the mole images in relation to the hole graphic. This setting essentially controls whether the moles should appear in front of the hole or behind the hole.

The vertical offset determines the vertical positioning of the mole holes within the game interface. Increasing the offset value will move the mole holes upward while decreasing the offset will move them downward. This way you can fine-tune the positioning of the mole in relation to the hole.