Introduction 🎰
Mystery Box is a simple game where participants choose between a number of boxes and hope to pick the correct one to win the prize. Mystery Box gives you the perfect opportunity to present products or messages to your target audience in a fun and interactive way.
1. Add game format 📱
The first step is to add a Game page and choose the game format Mystery Box by dragging and dropping it on the game page.
2. Layout 📱
You can choose a layout from previously created layouts.
3. Prizes 🏆
Remember to set up Prizes before you customize the rest of the game flow. You have to create the prizes before you can choose which prize connects to which mystery box, in the next step below.
4. Content 🖥️
You have to decide how many mystery boxes you would like the game to display - choose the amount of boxes from 1 to 10, and decide on the amount of rows. You can either choose to have the same images or different images pr. box, and the width and gap of the boxes.
5. Style 🎨
When editing the style you can customize the layout - margin and padding, background image, border and shadows of the Mystery Box game.
6. Effects 🎤
You can set up different effects on your game for extra styling. You can choose between different animations and customize the transition, initial delay and settings.
You also have the option to set up Boxes idle animation and/or shuffle boxes before the game starts.
7. Advanced 🕹️
If you click on advanced settings you can set up a custom CSS and create event listeners.
8. Ready for next step 🥳
Nicely done! Your game format is now completed and you can now edit the page of the game, and proceed to create the rest of the game flow on the other pages.
