Skip to main content
Gravity Dodger design guide

Recommended sizing for graphical assets in Gravity Dodger

Asta Dybdal avatar
Written by Asta Dybdal
Updated over 7 months 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, .svg

Size recommendations

The recommended sizing of assets used in Gravity Dodger is highly dependent on the game experience you are creating. Therefore, this design guide only includes maximum asset size specifications.

Within the game settings, you can set a MAX WIDTH for each of your images. If your image is larger than the max width you set, the image will scale down in the game. If the image is smaller, it will keep its original size.

Avatar image*

The avatar image is the main character in the game that must navigate around obstacles to collect points.

  • Number: 1

  • Maximum size: 250 x 250

  • Recommended as .png with a transparent background.

Animated background

The animated background are moving images in the game that can help create an illusion of depth and progress in the game. The animated backgrounds does not impact the avatar, they only serve a visual purpose.

  • Number: Optional

  • Maximum size: 600 x 250

  • Recommended as .png with a transparent background.

Collected items*

Elements that the avatar must collect (or avoid). These elements can have both plus and minus points.

  • Number: Minimum 1

  • Maximum size: 500 x 500

  • Recommended as .png with a transparent background.

Obstacles

Elements that the avatar must avoid. Hitting one of these elements will end the game or round.

  • Number: Optional

  • Maximum size: 500 x 500

  • Recommended as .png with a transparent background.

Background

For the best game experience, we recommend adding a background to the game.

  • Optional

  • Recommended as .png, .jpeg, .jpg

The background must be added in the frontend editor. You can add the background image to the flowpage, to the row or the column on the game page.

Depending on where you add the background and what layout settings you are using, the visual experience in the game will be different.

Full width

If you want the game to fill out the entire screen, you should use full width on the flowpage and choose 'no spacing' for columns gap, as seen below.

Full width

Not full width

Difficulty level

In the game settings you have several options to adjust the difficulty level.

Game speed

This setting controls the overall speed of the elements in the game

Frequency settings

With the frequency settings, you can control how often the elements in the game appears.

The sliders range from 200-5000, where each increment of 1000 corresponds to a one-second interval. For example, if you set the object frequency to 1500, a new object will appear every 1,5 second. Moving the slider towards 5000, you will increase the time between elements. Find the frequency that best suits your game experience!

πŸ’‘πŸ“±πŸ–₯ Remember that you can make separate settings for mobile and desktop!

Game examples

Below you can see two examples of how the different asset elements are combined in the game. You can also test the games:

Did this answer your question?