1. Introduction.
With Cool Tabs, you can create an interactive Runner-style game, similar to classic arcade games, fully customizable with your images and sounds. Participants must move through a scene, avoiding obstacles and collecting bonuses to earn points and climb the leaderboard.
You can encourage competition through:
- A raffle among all participants.
- Prizes for players with the highest scores.
The game can be set up with a predefined design or fully customized, including characters, backgrounds, music, and special effects.
2. Step by Step.
2.1. Create your campaign.
To get started, create your campaign and set up the basic aspects. If this is your first campaign on Cool Tabs, the following tutorial will guide you through configuring the essential sections of a campaign, along with other recommended settings, to ensure proper functionality and maximize results.
How to get started on creating a campaign: basic settings.
If you have any questions, contact us at help@cool-tabs.com.
2.2. Configure the Runner.
After completing the basic settings:
- Go to the Gamifications section.
- Activate the The Runner option.
- Click Configure.
- Customize the design and set the maximum number of games per user.
2.2.1. Default design.
Cool Tabs offers a preconfigured design called Space Runner, which includes the following elements:
1. Animated Character (Astronaut).
-
- The animation consists of 11 frames.
2. Background image.
- The base of the game. A fixed image, without animation.
3. Background image 2.
- The intermediate background, which animates automatically to create a motion effect.
4. Floor image.
- The surface the character runs on.
5. Death image.
- No animation. If the user collides with it, the game ends.
6. Prize image.
- No animation.
7. Start playing image.
-
- The button that starts the game.
8. Background music.
- If you don't want background music, select the 'Empty' option.
9. Bonus collection sound.
- If you don't want a sound to play, select the 'Empty' option.
10. Death sound.
If you don't want a sound to play when the game ends, select the 'Empty' option.
Finally, enter the maximum number of games field with the number of times users can play.
Ensure all default settings are checked and click Save.
2.2.2. Custom design.
You can fully configure the Runner functionality and create your own game with a custom design.
Below are the specifications for the different elements (images and sounds) of your game.
A) Images.
All images must be in PNG format.
1. Character.
-
- The main character can be static or animated.
- Static: Upload your own 120 x 120 px image (1:1 aspect ratio).
- Animated: Upload your own 1320 x 120 px sprite sheet (11:1 aspect ratio).
2. Background Image.
-
- The base of the game. A static, non-animated image.
- Size: 1280 x 720 px (6:9 aspect ratio).
3. Background Image 2.
-
- An intermediate background that animates automatically to create a motion effect.
- Size: 1280 x 720 px (6:9 aspect ratio).
4. Ground Image.
-
- A static image where the character runs.
- Size: 1280 x 96 px (4:3 aspect ratio).
5. Bonus Image.
- No animation.
- Size: 80 x 80 px (1:1 aspect ratio).
- You can configure up to 3 different bonus images to create a more varied experience.
- You can also assign priority to each image, which will determine its probability of appearing.
Example of priority configuration:
- Gold Coin Image → Priority: 10
- Silver Coin Image → Priority: 30
- Bronze Coin Image → Priority: 60
This means that there is a 60% probability that the next image will be bronze, 30% for silver, and 10% for gold.
- You can also assign individual scores to each bonus image, allowing greater customization in the game dynamics.
B) Animations.
The game includes two main types of animations:
1. Constant movement animation.
This animation is based on the continuous repetition of an image along the X-axis, using a tiled sprite. To achieve a smooth visual effect, the image must have seamless edges so that it fits perfectly when repeated.
This type of animation applies to:
-
Background Image 2 (1820 x 720 px): Moves at a slower speed than the ground, creating a sense of depth in the scene.
-
Ground Image (1280 x 96 px): Has less height and serves as the base where the character runs.
2. Frame-based animation.
This type of animation is used for the main character, using a sequence of images (frames). These images are arranged in a fixed-size template of 1320 x 120 px, where each frame measures 120 x 120 px.
- Frames 1 to 8: Represent the running animation of the character.
- Frame 9: Corresponds to the jump action.
- Frames 10 and 11: Show the animation of the character colliding with an obstacle and ending the game.
To use frame-based character animation, you must select the option "The image is a sprite for animation."
C) Audio.
Only MP3 files are supported, with a maximum file size of 2 MB.
- Background music: You can add ambient music to the game. If you don’t want background music, select the "Empty" option.
- Sound when collecting a reward: If you don’t want this sound to play, select the "Empty" option.
- Sound when losing: If you don’t want a sound to indicate the end of the game, select the "Empty" option.
2.2.3. Game Conditions.
Death Mode
The game has no preset time limit. The objective is for the player to stay in the game as long as possible, collecting bonuses to accumulate points.
To increase difficulty, you can activate the "Death Mode" option, which gradually increases the appearance of obstacles (bombs).
For example, if you set Death Mode to 60 seconds, it means that after one minute, the number of bombs will increase, making it harder for the player to continue progressing.
Maximum number of games
Define how many times a user can play.
At the end of each game, a popup message will appear with the points earned, along with the text:
"You have X more chances" and the "Play Again" button.
If the player reaches the game limit, they will no longer be able to play but will still be able to see their score and continue the experience without starting a new game.
Once you have uploaded all images and sounds and configured the game conditions, click "Save" to apply the changes.
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.
If you have any questions during the process, don't hesitate to contact us through the chat on our website or our support email at help@cool-tabs.com.
4. Content Related.
How to access the URL of your campaign to publish it.
How to create a Matching Cards game.
How to create a Spot the Differences game.
Comments
0 comments
Please sign in to leave a comment.