Technical side
A web game that can be easily included into an existing customer’s website, regardless of it’s framework or CMS. Such universality was reached using HTML, CSS and JavaScript for UI development (without any specific client-side frameworks or libraries) and PixiJS library for canvas game rendering.
Visual effects in the game were made with lightweight Spine animations, animated sprite sequences, or programmatically drawn on canvas.
A user’s nickname and progress is stored in the browser local storage and in a Firebase (Cloud Firestore).
Also, different analytic metrics collecting, including custom events tracking, is set up with Google analytics.
Different languages support added to the game - based on localization files, provided in the form of JavaScript objects (separate for every language) with “key-value” pairs, where properties names are the localized phrases keys and values of these properties - result of a phrase translation.
Features that are synced with the back-end side:
- users authorization, storing progress on the MBNY DB side;
- the user gets a reward (promo code) with some periodicity - for example, after each 5th level completed - according to the rewards logic, that is fetched from the back-end API with AJAX request;
- changing languages according to the MBNY website location.