MetaMask & Wallets

gamedev

I put Minesweeper in MetaMask.

No, really, I made a Snap that puts a fully interactive Minesweeper game INSIDE the MetaMask Extension. 

Here's how I did it and how you can build fun interactive experiences like this too 🧵

First, if you want to try Minesweeper, you can install it in MetaMask Extension v12 right here: https://snaps.homerow.club

You can also install a Slots game (gambling, in MetaMask? Crazy!) and Mystery Fox, which is like a magic 8-ball.

(Sorry, mobile users, desktop only for now!)

So how does it work? For starters, Snaps are JavaScript applications that run in a secure confined environment. Each Snap can add unique functionality to MetaMask, like support for blockchains (Solana, Cosmos, etc.), notifications, safety insights, and even interactive interfaces.

In the Snaps platform we recently introduced interactive UI powered by a new JSX component library. Minesweeper is built using this new library. The  code is not complicated! It's just emoji & click events & a state manager to store your stats. Code here:

Most Snaps have to be reviewed and allowlisted before users can install them into MetaMask, but simple Snaps that don't use network access or key management features can actually be installed permissionlessly. So, this means you can make a simple app or game and publish it and anyone will be able to install it without allowlisting. Cool huh?

If you want to learn how to make your own Snaps and get started, our docs have everything you need:

Most Snaps have to be reviewed and allowlisted before users can install them into MetaMask, but simple Snaps that don't use network access or key management features can actually be installed permissionlessly. So, this means you can make a simple app or game and publish it and anyone will be able to install it without allowlisting. Cool huh?

If you want to learn how to make your own Snaps and get started, our docs have everything you need: https://docs.metamask.io/snaps/

tl;dr (I ain't reading all that): Snaps are cool! You can get Minesweeper, Slots, and Mystery Fox in MetaMask Extension right here: https://snaps.homerow.club 

Enjoy!

In the Snaps platform we recently introduced interactive UI powered by a new JSX component library. Minesweeper is built using this new library. The  code is not complicated! It's just emoji & click events & a state manager to store your stats. Code here: https://github.com/Montoya/minesweeper-snap