With Cool Tabs, you can generate an interactive, classic arcade game, fully customized with your own images and sounds. Participants will have to advance through a scene, dodging obstacles and catching bonuses, to score points and move up through the ranking. The longer they stay in the game and the more bonuses they get, the more points they earn.
This format allows you to configure the game with the default design that we provide or modify it to customize it with your own character, scene, music, effects…
2. Step by Step.
2.1. Create your campaign.
First, you must create your campaign and configure the basic setting. Is it your first time creating a campaign with Cool Tabs? In the following tutorial, we will show you how to configure the basic sections of a campaign, as well as other recommended settings, to ensure its proper functioning and maximize results.
If you have any questions during the process, you can contact us at email@example.com.
2.2. Configure the Runner.
After completing the basic sections, go to the "Gamifications" section, enable the "Runner" option, and click on "Configure".
Once inside the settings, specify the maximum number of games that the user can play. When the game ends, they will be shown a popup with the points they've obtained, the text "You have X more tries" and the "Play Again" button. Once they reach the limit of allowed games, they will not be given the option to play again, but only to continue.
2.2.1. Default design.
By default, you will find the Space Runner design is enabled, which we have configured at Cool Tabs.
- Animated character (astronaut): the animation is made up of 11 frames.
- Background image: it is the background of the entire game and is not animated.
- Background image 2: This is an intermediate background that is automatically animated to create the effect of movement.
- Floor image: it is a fixed image, where the character steps when running.
- Death image: it is not animated. When the user fails to dodge it, the game ends.
- Prize image: it is not animated. Every time the user catches a bonus, they get 100 points.
- Start playing image: this is the button that starts the game.
- Background music: if you don't want the game to have background music, mark the "Empty" option.
- Music when picking up the prize: if you don't want the sound to play, mark the "Empty" option.
- Music when dying: if you don't want the end-of-game sound to play, mark the "Empty" option.
Finally, fill in the "Maximum Number of Games" field, with the number of times users can play.
Check that all the default configuration options are checked and click on "Save".
2.2.2. Custom design.
It is possible to completely configure The Runner feature and thus create your own game, with a custom design.
We'll explain the specifications that the different elements (images and sounds) of your game must meet.
Images: Please note that all images must be in PNG format.
- Character: the protagonist of the game can be static or animated.
- Static: you can upload your own 120 x 120px image. Aspect ratio 1:1.
- Animated: you can upload your own 1320 x 120px image, although it must meet a number of specifications (see Animations below). Aspect ratio 11:1.
- Background image: it is the game's background and isn't animated, it is fixed. It should be 1280 x 720px. Aspect ratio 6:9.
- Background image 2: this is an intermediate background, between the background and the ground, which is automatically animated to create the effect of movement. It should be 1280 x 720px. Aspect ratio 6:9.
- Ground image: it is a fixed image, where the character steps when running. It should be 1280 x 96 px. Aspect ratio 4:3.
- Death image: it is not animated. When the user fails to dodge it, the game ends. It should be 80 x 80px. Aspect ratio 1:1.
- Prize image: it is not animated. Every time the user catches a bonus, they get 100 points. It should be 80 x 80 px. Aspect ratio 1:1.
- Start playing image: this is the button that starts the game. Its maximum measurements are 200 x 200px with transparency. Aspect ratio 1:1.
Animations: In the game, there are 2 main types of animations:
- By constant movement: the animation is done by repeating a tiled sprite on the X axis. You must keep in mind that, as they are repeated indefinitely, these sprites (images) must have continuity on their X axis, coinciding at the ends, to maintain visual continuity. Both background image 2 and the ground image are animated in this way. In the case of background image 2 (1820 x 720px) the scroll speed is less than the ground speed, giving depth to the scene. The ground image (1280 x 96px) is lower in height, since it serves as a support for the character.
- By frames: the animation of the main character is somewhat more complex and requires an animation by frames. These frames are generated from a template (image) with a fixed size of 1320 x 120px, with the size of each one being 120 x 120px. The first 8 frames correspond to the animation of the running character, 9 corresponds to the jump, and frames 10 and 11 correspond to the animation when it collides with the object that causes the game to end.
To use the animation of the character by frames, it is necessary to select the option "The image is a sprite to animate".
Audios: only files in MP3 format are allowed, up to a maximum of 2MB in size.
- Background music: You can include your next background music for the game. If you don't want the game to have background music, mark the "Empty" option.
- Music when a bonus is caught: if you don't want the sound to play, mark the "Empty" option.
- Music when dying: if you don't want the end of game sound to play, mark the "Empty" option.
Once you've uploaded your images and sounds, click on "Save".
2.3. Other settings.
2.3.1. Ranking of participants.
In gamification campaigns, where players score points, it is common to show the public list of participants. In this way, the participations are public so that all participants know where they ranked.
If you want to show the ranking of players, with the points they have obtained, activate the list of participants.
To enable the public ranking of participants, follow the steps in the tutorial on How to display a public entries list or ranking of participants.
2.3.2. Winner selection.
If your game is linked to sweepstakes. Once the participation period is over, you will be able to select winners.
You will be able to choose them randomly, filtering by different conditions, for example, by the points obtained in the game.
The list of participants will show the data of the participants, as well as the total points they have obtained.
To start the selection, you can follow the tutorial: How to select winners and obtain your Certificate of Validity.
3. Other Specifications.
The Cool Promo and Cool Promo White Label applications, included in the Gold and Diamond plans, respectively, are the ones that allow you to set up a runner game.
You can also create your game with the 7-day free trial, which allows you to test any of our plans.
4. Content Related.