.png){kind=link}
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3496c3a5-7276-459e-aba2-d08d2e8579dd/9c247f6b-9d12-4912-855d-b7e110370843/nft_bronze_(1).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/3496c3a5-7276-459e-aba2-d08d2e8579dd/9c247f6b-9d12-4912-855d-b7e110370843/nft_bronze_(1).png" width="40px" /> Any game team can customize assets for their Mystery Boxes to give the user an interactive opening experience. If no customized video is uploaded, the app will present the default opening experience video (video below).
</aside>
You Mystery Box token has to be:
@Jonathan Burk can assist with any Creator Studio requirement questions and @Mason Galland or @Mike Cross can help with game client requirements
The ‘Opening Experience’ is an interactive video component where the user selects a Mystery Box from their inventory, opens it and reveals each item as a card that explodes from the box.
The box video and image assets can be customized to suit your game project. The Video and assets are specific to the app.
You must keep to the following time stamps and suggestions for your opening experience to work:
| Time | Video Action |
|---|---|
| 0s - 4s | Mystery Box is revealed on screen |
| 4s - 8s | Mystery Box idle animation. The Opening UI will appear and the user can click between similar items or click the ‘Open Box’ button. |
| 8s - 14s | Mystery Box opens and there is a background animation for the item cards to be revealed over. The cards enter from the bottom-center of the screen and fan out to be clicked and revealed one at a time. The UI instructing the user to ‘Click Each Card To Reveal’ will appear. |
| 10.5s - 13s | IF you’d like to react to the cards coming on screen, This is when the item cards start their animation and when they’re finished entering the screen. |
| 14s - 16s | General Background loop to keep a texture going while the user is revealing their items. After all cards has been revealed, the ‘Next Box’ UI will appear and take the user back to the item’s custom reveal modal or to the Mystery box in the store. |
The Opening Experience app has event listeners for these time stamps to be able to jump to and loop during certain user actions. (e.g. the app will loop between 4s and 8s indefinitely until the user clicks ‘Open Box’). Example video:
https://static.gala.games/booster-box/video/1440/bronze-box-full.mp4
The video is uploaded to “Miscellaneous Metadata” on Token Metadata.
| Format | Size | Resolution | Media query where it’s displayed: |
|---|---|---|---|
| .mp4 | 1440p | 2560px x 1440px | buffers for all viewports |
