正在加载视频...

视频加载失败

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 次观看 • 2 年前 •via X (Twitter)

11 条评论

Renan 💙 的头像
Renan 💙2 年前

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.

Renan 💙 的头像
Renan 💙2 年前

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.

Renan 💙 的头像
Renan 💙2 年前

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.

Renan 💙 的头像
Renan 💙2 年前

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)

Renan 💙 的头像
Renan 💙2 年前

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

Craig Labenz 💙💛🥥🌴 的头像
Craig Labenz 💙💛🥥🌴2 年前

@FlutterDev @TechnicalKn0ck duuuuuuuuuuude

Renan 💙 的头像
Renan 💙2 年前

@FlutterDev @TechnicalKn0ck Duuu uuuuuuuude

czar 的头像
czar2 年前

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

Renan 💙 的头像
Renan 💙2 年前

See you in Italy in 2 weeks?

DevKage 的头像
DevKage2 年前

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

Renan 💙 的头像
Renan 💙2 年前

@FlutterDev @TechnicalKn0ck 🙏

相关视频