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!)

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

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.

Mini apps will eat the internet | Latest drop: /clankermon | Building : /miniapps /large /fctrivia jeeves /source @degentip @playsource /jump

BSc in Computer Science & Software Engineer @metamask Snaps

Yes! We've built out a system that lets Snaps construct interactive user interfaces using JSX syntax. Leaning towards React where possible with some differences in input handling still.

Here's a basic example:

Farcaster Development Boutique @ https://dTech.vision 💜 in love with tech 🤓decentralization, fitness and oldschool rap 😎

And if you ask @danfinlay we might put them on the home screen some day: https://warpcast.com/danfinlay/0x070a8561

Snaps can currently expose a home page which is about 3 clicks away from the regular MM dashboard.

Yes! We've built out a system that lets Snaps construct interactive user interfaces using JSX syntax. Leaning towards React where possible with some differences in input handling still.

Here's a basic example: https://github.com/MetaMask/snaps/tree/main/packages/examples/packages/jsx

wait does this mean metamask snaps can / will also be mini apps? 

@matthewfox @frederik

I never finished even one game of Minesweeper 🥲

¡Increíble! Integrar un juego interactivo como el Buscaminas en MetaMask es innovador. Me encantaría probar esta función y explorar nuevas experiencias dentro de la extensión. ¡Gracias por compartir cómo lo hiciste! 🚀🎮