We needed to integrate the game within the Oxxo app, prompting us to develop a web-based platform. To enhance the gaming experience, especially at higher levels, we focused on delivering high performance. We engineered a system that maintains exceptional accuracy across a range of devices, including those with lower specifications. Despite this, we managed to incorporate numerous elements, effects, and visual fireworks, all while ensuring smooth gameplay and minimal lag. This balanced approach allows for an engaging and challenging gaming experience, even when the screen is busy with complex visuals.
Since we are not pioneers in rhythm games, we leveraged data from StepMania, an open-source rhythm game, to design the levels for the songs featured in our game. We employed Pixi.js to develop the user interface, enhancing it with custom shaders to achieve dynamic perspectives. Additionally, we utilized the Tune.js framework to build a custom audio engine. This sophisticated setup allows us to synchronize game events meticulously and integrate game-specific effects within the audio, enriching the overall gameplay experience with precise audio-visual alignment.