stackathon


A mobile app for iOS and Android. This single player game is a physics based puzzle game with two difficulties.

  • ROLE

    Mobile Developer

  • TECHNOLOGY

    React Native, React Navigation, CSS, Matter.js, Node.js, RNGE (Entity Component System).

  • TYPE

    Mobile app

case study


The game was created as a proof of concept that it's possible to use React Native to make mobile games, opposite of what it was intended to do which was to just make mobile apps. I planned for the game to be as simple and easy to play as possible with zero to minimal instruction and no learning curve.

The core libraries that do most of the heavy lifting is MatterJS for it's 2d physics library which control shapes, physical bodies, and friction. And RNGE which is an Entity Component System that separates and organizes game logic from visual properties. This is drastic departure from traditional OOP architecture – which is more class and instance based where the majority of game frameworks are based on. The view layer, frame and state changes are tracked by React Native.

Menu Screen

You have a certain number of lives depending on the difficulty and the goal is to stack the blocks as high as possible either from the top, from between blocks, and move each around to stay balanced.

Start ScreenStacking Screen

Once you're able to stack the blocks to the top and add the key piece, you'll win. Otherwise you lose either by dropping the key piece or if you've lost too many lives (blocks).

Won ScreenLost Screen

learn more


Live demo or watch the video demo of the project below.