Test your audience's reflexes with this skill game. In "The Tower" game, users stack blocks on top of each other while the rows of blocks are moving, by clicking on the screen. The challenge is to try and build a tower as tall and as sturdy as possible. Users must stack as many blocks as possible, through different levels, and achieve the highest score possible. Fastest players are also rewarded with more points.
The present tutorial is organized as follows:
1. Presentation of the game
The Tower game is an online skill game that consists of stacking elements, one on top of the other. As they stack up, points will be added and the different levels configured will be completed in the shortest time possible. The user must stack the rows, trying to make them fit in the best possible way, fitting each of the elements together. Users can stack elements by tapping with their finger on the mobile screen, clicking with the mouse or with the space on their keyboard. Apart from time, the difficulty of the game also depends on the speed of the elements moving on the screen.
In this tutorial we explain all the steps that will allow you to create the Tower game. The game offers the following features:
- You can customize the blocks of each of the levels, with images of your logo, your products or any other image.
- You can adapt the difficulty of the game by configuring the size of the base and the speed with which the game elements move.
- You can activate different levels to add excitement to the game and give different prizes for each level.
- You will be able to configure a final screen for each level, this way the final message will be different depending on the level reached by the player.
- You can limit the time the user has to play (from 30 to 90 seconds).
- Multiple options to reward participants: you can assign the prize(s) to the participants with the highest score, raffle the prize among the participants with the most points, draw the prize among all participants, give different prizes depending on the level that the users have reached, etc.
2. What is the user participation flow like?
What will the user engagement experience be like? The promotion is made up of different pages that the user will navigate through when interacting with the promotion to participate, such as: the initial welcome page, the login and entry form pages, where the user will register with their data, the game page itself, etc. As a whole, the different pages will make up the structure of the promotion and the flow of participation that the user will follow to complete the promotional mechanics of the promotion.
Additionally, as the promotion administrator you will be able to select which participation flow you want users to follow. Specifically, there are three different possible participation flows:
- Identified Mode, where the user must identify themselves and register before being able to play.
- Visitor Mode, where the user plays first and then identifies and registers.
- Anonymous Mode, where the user participates without identifying or registering.
The choice of one modality or another will determine how the user's participation and experience in the promotion will be.
Learn in this article how each participation flow works, and discover more about the different pages that make up a promotion.
3. Create the promotion
To create the Tower game, first create the promotion from your dashboard.
In the following tutorial, you will see the first steps to create your promotion to make sure that you do not miss any important point.
The tutorial presents more information about the management options that are available to you to manage and edit the promotion:
4. Configure the game
Below we explain the steps to create the Tower game.
To set it up, enter the Editor of the promotion > Pages > Participation, and click on the pencil icon to start configuring the game.
From there, you can start customizing the game from the "The Tower" tab, where you will find the different customization options.
Step 1. Gameplay options
In the first section you will find the options to customize and configure the game's settings. Specifically, you can customize the following points:
Level: allows you to select up the level of difficulty of the game, depending on your audience. Depending on the difficulty selected, the speed of the game will vary:
- Number of rows: indicate there the number of rows that will need to stack to complete the game. You can choose from 15 rows minimum to a maximum of 35.
- Base size: allows you to choose the width of the base of the initial block of the game, which can be 5 elements wide to a maximum of 11 elements. The wider the base, the easier the game, as the tower will have more stability.
- Game Time: set the maximum of time users will have to complete the game (between 30 and 90 seconds).
Step 2. Design of the game
Next, click the "Design" tab to customize the game's layout. Here you will find the following customization options:
1. Add different levels to the game
By default, the game will include a first row that corresponds to "Level 0". The image of this first row will appear directly on the board as soon as the game is loaded:
From here, the administrator can decide how many levels the game will have to add excitement, up to a maximum of 5 levels. The rows of each level will have their own color or image, for the user to create an original tower, with different layers or materials.
Once you hace decided the number of levels you want for the game, you can configure the options for each level through the following options:
- Title: allows you to customize the name of the level.
- Initial row: allows you to configure in which row each level begins. It is expressed in a percentage that ranges from 5 (lowest row) to 95 (maximum row, the top of the tower). Therefore, the number expressed here will determine the number of rows that each level will have.
- Image: allows you to upload a 150x150px image for the blocks of the level.
- Color: allows you to choose the color of the block.
2. Customize the game board
Below you will find different options to customize and configure the game board. Specifically, you can customize the following aspects of the game:
- Display levels: allows you to differentiate the different levels on the game. The title of each level will also be displayed.
- Display the grid: select if you want to show a wallpaper grid.
- Curvature of the blocks: round the corners of the base blocks.
- Sound effects: allows you to choose the sound when rows are being piled on top of each other.
3. Customize the background image
Next you can add your own image for the background of the game (800x800px).
The background image will be shown behind the rows of the tower in construction.
Alternatively, you can select a color for the background instead of uploading an image.
Color of level line: if you have activated the "display levels" option in the previous step, this option will allow you to configure the color of the line that will separate each of the levels of the game.
4. Customize the Stop button
To pile up the rows, users can click on the game board directly, or use the "Stop" button. Clicking the "Stop" button stops the blocks from moving horizontally, to arrange the rows. You can customize this button through the following options:
- Show button. Depending on how you want users to play you can select between three different options:
- Always show the stop button.
- Only on mobile devices.
- Background image (300x300px). It will be the front image of the button.
- Hover background image (300x300px). This is the image that will be displayed when the user run the mouse over the Stop button.
Step 3. Instruction Screen
Under the "Instructions" tab you can customize the screen that will appear before starting to play, which presents a summary of how the game works, to inform users of how to play and gain points before accessing the game.
You can customize this screen with a description, add a logo or image, as well as edit the text of the button where users will need to click to start playing.
Step 4. Score Screen
Under the "Score Screen" tab you can customize the colors and texts that will be displayed on the screen shown to the user after completing the game.
You can configure a specific final message for each of the levels. This allows you to customize the final message shown on the score screen depending on the level reached by the user and therefore the score they have obtained.
Specifically, you can customize the following elements for each of the scoring screens:
- Image (Large side: max. 1000px). Upload an image depending on the level reached by the user.
- Feedback text: message displayed at the top of the score screen. Customize it to motivate users who did not complete the tower to try again or congratulate users who reached the highest level.
- Sound effect. Customize the sound effect users will hear when accessing the score screen. Each screen can have its own sound, depending on the level reached by the user.
- Color: you can configure the background color of this screen to adapt it to the brand's corporate colors.
In addition, you can also edit the score resume settings: by marking this checkbox, you can hide the score from all score screens, if you do not want users to see the detail of the points obtained: the information provided otherwise will be the score + bonus time.
5. Customize the design and finish the setting
Once you have configured the Tower game, the next step is to finish the configuration of the other options and pages of the promotion: customize the design template with your own colors and texts, add the legal texts, the viral content, etc.
6. Scores obtained in the game
The scores in the Tower game are calculated as follows:
- For each row completed, the user receives 100 points.
- If a user does not manage to complete all the rows, the score will be the one they had when their tower felt, depending on the level they reached while building the tower.
- If all the rows of the tower are completed, 10 additional points are assigned for each square that constitute the tower at the end of the game, in addition to an extra bonus depending on the participant's remaining time, specifically, 10 points are assigned for each remaining second. In this way, the steadier the tower and faster the game played, the higher the score.
By configurating different levels in the Tower game, the organizer can discriminate the users' experience and assign different prizes according to the level achieved by each user.
To do this, delivery conditions based on the score obtained when playing must be included in each prize. To calculate the scores for each level, you must take into account that each row that the user has stacked adds 100 points.
In this way, each level will have its minimum and maximum score, according to the rows configured in percentage terms from the Design > Levels section of the game:
There, click on "Add condition" and a pop-up will open. Add then the conditions based on the score user obtained:
- Score > Equal or greater than > X points (The row number where the level begins x 100)
- Score > Below > X points (The row number where the next level begins x 100)
In the following example, level 1 is set from row 8, and the next level starts from row 12, so the prize distributed in level 1 will be given to users who have scored more than 800 points but less than 1200 (which corresponds to the next level):
8. Other ways to assign prizes
Easypromos provides a complete Prize and Winner Management system that will allow you to create the prize or prizes that you want to give away to the users who participate in the game, as well as configure how you want to assign the prizes and select the winners. Next we present four different ways to assign the prize to the winners, according to your choice:
1. Assign the prize to the player in the first position in the Ranking. In this case, follow the steps of this video tutorial that explains how you can assign the prize to the fastest player. (Prize type: manual).
2. Raffle the prize among the X number of users who have obtained the highest scores. Follow the steps of this video tutorial that explains how you can create the prize to be raffled among the players with the highest scores, for example, the 5 players with the most points. (Prize type: by random draw).
3. Run a random draw among all the users who have participated in the game. Follow the steps presented in this tutorial to create the prize and draw it among all participants. (Prize type: by random draw).
4. Distribute a prize to all participants. Create prizes of the "Upon participating" type to give away direct prizes to all users who have entered and played.