Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

87,616 Aufrufe โ€ข vor 2 Jahren โ€ขvia X (Twitter)

11 Kommentare

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

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.

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

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.

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

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.

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

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)

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

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

Profilbild von Craig Labenz ๐Ÿ’™๐Ÿ’›๐Ÿฅฅ๐ŸŒด
Craig Labenz ๐Ÿ’™๐Ÿ’›๐Ÿฅฅ๐ŸŒดvor 2 Jahren

@FlutterDev @TechnicalKn0ck duuuuuuuuuuude

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

@FlutterDev @TechnicalKn0ck Duuu uuuuuuuude

Profilbild von czar
czarvor 2 Jahren

@roaakdm @FlutterDev @TechnicalKn0ck ๐Ÿฅน Remind me not to miss ur next talk ๐Ÿค

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

See you in Italy in 2 weeks?

Profilbild von DevKage
DevKagevor 2 Jahren

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

Profilbild von Renan ๐Ÿ’™
Renan ๐Ÿ’™vor 2 Jahren

@FlutterDev @TechnicalKn0ck ๐Ÿ™

ร„hnliche Videos