Gacha

Screenshots

Problem Statement

The users coins are swapped for a random token according to rarity. A list of tokens are provided by rarity and are selected by weight. 75% of the time you will recieve a "common" token prize. 20% of the time you'll recieve a "rare" token prize. 5% of the time you'll recieve an "epic" prize. The epic prize on Matic is Ape Token.

Solution

It's built on Gnosis chain and polygon using Honeyswap and Sushiswap. Apecoin is an epic prize. It interfaces with Uniswap V2 router contracts to perform the swap. The UI animations and physics use Matterjs. The rest is styled Vue Bootstrap. I had a difficult time covering all the ground I wanted to cover with my smart contracts in time so for a hacky thing I did, this is all done on the front end by batching transactions with weiroll