Video yükleniyor...
Video Yüklenemedi
I think I've pushed Figma's new Variables and Advanced prototyping to its limit... I present a fully working version of Flappy Bird!! 🔥 Featuring: - Scoring + highscores - Pseudo-randomised pipe placement - Physics based movement - Uses 46 variables #Config2023
1,146,335 görüntüleme • 3 yıl önce •via X (Twitter)
10 Yorum

Most of this is done by creating a component to work as the game loop, infinitely swapping between two variants every few milliseconds. Each variant holds a "logic" component which will automatically run a bunch of conditions and set variables each step of the game loop.

To move the position of the bird, I mapped the bottom padding of an Auto Layout frame to the 'yPosition' variable.

Just published the file for this now!

@figma Okay I need to digest this for a minute 😱 Not sure I’d have the patience to click all this together myself, but it definitely shows how powerful the new feature is. Thanks for sharing!

@figma Did you start making this after config, or early access? 👀 If you've done this in ~1 week, then I'll take it as a proof that the 👽 are among us. 😆

@figma Haha, thanks Andrei! 🙌 I didn't have early access at all, I just fiddled around for a couple of hours across the weekend to make it work.

@figma This is amazing. I'm on it to creating a Farming game :)

@figma Figma is turing complete now.

@figma Dev mode on this thing will be wild

@figma God mode activated
