Mobile Battler

This is a mobile RPG game (live). It's available for download from the alternative Nutaku store.

I was given numerous front-end related tasks. Among them were:
- adding new screens and features, following design guidelines, with proper support for the relevant devices
- scaling the architecture and creating reusable components for various purposes
- developing real time FE battle system, implementing character animations (with sprite sheets) and special effects
- developing reusable sprite sheet animation player, including a version which reads JSON files with instructions on how to display each frame for the animation
- adding various custom animations
- setting web socket connections - subscribing to channels and listening for events, then using their payload with the data from BE. Also triggering socket events from FE to BE
- implementing RN portals to set up custom reusable (global) popup
- developing reusable zoom and pan gesture handler component, with mixed gesture handling (both zoom and pan at the same time)
- applying advanced usage of expo-router navigation, for handling complex navigation scenarios

Battle System (prototype)

I developed the FE battle system in coop with the BE team. Behind the scenes, it is turned based and it relies on "ping-pong" websocket events.

This approach has the following benefits:
- simplicity: updates are served in portions for each turn.
- control: easier to track progress of character actions and animation related processes.
- performance: prevention of running too many tasks at the same time.

The main character animations are loaded via sprite sheet player.
For the rest of the animations, different techniques and libraries have been used.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Some more custom animations that I put together for this project...

Back to projects