Level Up
Het moment dat een speler een level omhoog gaat, gebouwd in Rive. De badge haalt zijn niveau uit het level, de stralen en sterretjes volgen zijn kleur en de XP telt eronder op. Hij speelt vanzelf, of druk op Randomize voor een nieuw level.
De kleine details
Geen zin om te klikken? Dit zijn de kleine dingen die het goed laten voelen, ingezoomd.
De badge verdient zijn kleur
Brons op level 12, zilver op 37, goud op 88. Het niveau komt uit het levelnummer, en de stralen, sterretjes en achtergrond gaan mee.
Eerst woorden, dan getallen
Ding! Congrats! Level up! komt letter voor letter binnen, daarna komen de huidige XP en het volgende level binnen via data binding en tellen ze op. Zet er echte waarden uit je game of app in en het werkt gewoon.
Hoe het gebouwd is
- Level, huidige XP en volgend level zijn view model-properties: je app zet ze, Rive doet de rest.
- De niveaukleur (brons, zilver, goud) volgt in het bestand zelf uit het level, zonder extra code.
- Text modifiers animeren de kop letter voor letter.
- De badge, de stralen en de inhoud zijn geneste artboards die je los kunt hergebruiken.
- Een replay-trigger start het feestje opnieuw wanneer je wilt.
Gebruik het in je eigen project
Het bestand staat gratis op de Rive Marketplace: open het in de Rive-editor, pas het aan en gebruik het in je eigen game of app.
Gratis downloaden op de Rive Marketplacecontact
Klaar om het leuk te maken?
Wij ontwerpen de streaks, beloningen en animaties die nieuwe gebruikers vaste gebruikers maken. Plan een gesprek en zie de engine achter deze site.
