Guess what game engine I used for this? A: It's #FlameEngine on top of Flutter. This is the result of combining fragment shaders with some oof the great APIs on Flame. Namely: CameraComponent and Collision detection. Made this for #flutterConfLATAM cc: @TechnicalKn0ck

This works by first making a little stack-based sandwich 🥪 where the bread is mesh gradients (a vignette in front and a dynamic background in the bottom) and the content is a flame GameWidget.

And then, inside of Flame, we use several stacked CameraComponenrts, where each can see the internal "world" with different "eyes." The fun part is in the "reflective" water and rocks. These, sample the resulting texture of all the other layers to create its reflections.

The result is some nice effects that we didnt see much on flame games, yet, with fantastic performance. All of the flame rendering happens in the paint phase, no composite in between layers.

Working to publish the gamr for iPhone, Android and Macos. But of course, the source code is open! Game source code is here (🐻 with me, still optimizing some stuff)

Once I have my blog finished, I shall do a write up on this.

@FlutterDev @TechnicalKn0ck duuuuuuuuuuude

@FlutterDev @TechnicalKn0ck Duuu uuuuuuuude

@roaakdm @FlutterDev @TechnicalKn0ck 🥹 Remind me not to miss ur next talk 🤝

See you in Italy in 2 weeks?

@FlutterDev @TechnicalKn0ck The technical details are great, but I really appreciate the attention to detail here. Light reflections on rocks, the subtle parallax, and smooth camera movement are all combined perfectly 👌🏼 Great work @reNotANumber !

@FlutterDev @TechnicalKn0ck 🙏