In this article, we will walk you through the steps to create a catcher game in Qualifio.
About the game
A catcher game is where objects fall from the sky and participants catch them to score points. The goal is to catch as many objects as possible.
This game tests your concentration and the speed of your reflexes as you have to catch objects falling all around the screen (at random positions) with one basket. Thus, it’s a great way to engage your audience!
So, how many falling objects can you catch? Visit this link to play the game!
Now, if you’re ready to learn how to make your own catcher game, let’s dive in.
Table of contents
- Campaign creation and setup
- Game controls and customisation
- Publish and share your campaign
Our Figma kit for the catcher game includes assets such as icons, backgrounds, avatars and other images from our ready-to-use games. Click the Get a copy button. Afterwards you can select the file you want and export it from Figma.
Campaign creation and setup
Get your campaign ready
Step 1, let's create your campaign:
- Open Qualifio and click the Create a new campaign button.
- Select Games > Catcher.
- If the participant needs to register, pick the "identified" mode. If no registration is required, select "anonymous".
- Select Create campaign.
After you create your campaign, you can start setting it up.
Choose a catcher game to customise
From the Game step, you can browse our selection of ready-to-use game designs. Those games are always bound to a specific theme (e.g. football or Christmas), and you can easily customise them to make them even better!
For example, in your game, you could have participants
- catch fruits in their basket while avoiding rotten apples,
- catch golden coins while avoiding worthless rocks,
- catch stars while avoiding some bombs,
Once you decide which game you want to start with, select Customise this game.
Note: Custom games allow you to create and save your own game templates. To save the design and gameplay mechanics as a custom game, you only need to open the editor, edit your game however you like, and then click “Save as new game”. Custom games can also be found in the Documents section under the “Advanced formats”.
Game controls and customisation
Now it's time to start adding some custom images to your game. To design a catcher game, your first step will be to add a background image as well as the sound on/off buttons.
Note: To preview the most recent changes to your game, you can use the live preview feature and select Refresh.
That image is used as a background on all game pages. You can load different images on desktop and on mobile.
Sound on/off buttons
Participants can turn audio on and off at will. The “sound off” button will mute all audio in your game, while the “sound on” button will reactivate all audio in your game.
From the list of options, choose a game mode:
- In the life-based mode, you decide on the number of lives that each participant starts the game with (“life total”, max: 5). A life is lost each time the participant catches a bad object. The game ends when all lives are lost. E.g. if you have 3 lives and you catch 3 bad objects, you lose the game.
- In the time-based mode, you set a time limit and participants compete against the clock. They have to be quick to catch as many objects as they can before time’s out. E.g. you have one minute to score as many points as you can.
- In the number-based mode, you determine how many objects the participant will see throughout the game. The game stops when all the objects have fallen – whether dropped or collected. The objects will be deducted from the counter when they are caught in the basket or touching the floor. The higher the number, the longer the game will last.
Pro tip: You can set the exact number of times participants will see each object in Falling objects > Number.
Customise the object you want to have catching your falling items! Upload your image by clicking the upload field, then select a file.
Adding a back image allows you to add some perspective to your basket without breaking a sweat. This is totally optional, though.
The catcher shape field refers to the area that is taken into account when determining whether an object has been caught. If the object falls into that area, it will be considered as caught. If it falls outside that area, it will be considered dropped.
Pro tip: Choose the shape that is most similar to your basket and you're good to go :)
The next step is to create the falling objects and assign them a score (e.g. every star catch earns 20 points).
In order to make the game more dynamic and varied, you can add several objects by clicking the + button, as shown below:
Tips to make the game more difficult:
- Add bad objects (malus) that participants have to avoid. These objects have a negative impact on the participant’s score (e.g. every bomb catch removes 2 points).
- Decrease the time delay between each object drop.
Note: After an object is caught, it is removed and the score and life counts are updated. Feel free to adjust the value next to Hide dropped objects for different outcomes as to how long dropped objects will stay on screen :)
Panels are interactive in-game screens and are one of the principal elements of the game. They inform players or give them directions on the next move to make.
- The tutorial panel shows how the game is played and opens up automatically once the game is loaded.
- The pause panel shows a menu with a “Resume” button and opens up automatically when the participants click outside the game.
- The game over panel shows the participant’s score and opens up automatically once the game has ended.
You can also add sound effects to your game:
- Background music to set the atmosphere and help users connect emotionally with the game.
- Sound effects at crucial moments or during specific actions:
- when participants click on the start button,
- when an object is dropped and touches the ground,
- when an object is caught in the basket.
Note: You can upload multiple audio tracks to play one sound category. In that case, the audio files will play in random order.
And there you have it: your very own catcher game! Be sure to click the “Save as new game” (creates a new custom game based on the one you’ve opened) or “Save & close” (replaces the original game) button on the bottom toolbar.
Publish and share your campaign
To ensure responsiveness on smartphones and tablets, campaign integration must be done in the following way:
- Create a minisite or iframe channel.
- Customise your catcher game.
- Add a mobile channel.
- Make use of the minisite/iframe channel smart URL to share. To learn more, please check What is a smart URL and how to use it?
Thanks for reading!