正在加载视频...

视频加载失败

This is rendered by Flutter 3.47 Stable using Flutter GPU via the flutter_scene package. macOS, Linux, Windows, iOS, Android, Web, and custom embedders. Today. :) No forks, no platform views, no external renderers, no secondary graphics context. It's vanilla Flutter. Each pass is a custom material over geometry derived...

29,831 次观看 • 1 个月前 •via X (Twitter)

26 条评论

Brandon DeRosier 的头像
Brandon DeRosier1 个月前

This is the "materialize" example in the repository.

Clément 的头像
Clément1 个月前

Long time ago, I wanted to render 3d charts. Would it be possible to render a 3d scatter plot?

Brandon DeRosier 的头像
Brandon DeRosier1 个月前

Definitely. You can render arbitrary things with Flutter GPU

MemoriasIT 💙 的头像
MemoriasIT 💙1 个月前

Finally some competition for @jezell's demos 😄

AI Mastery Guide 的头像
AI Mastery Guide1 个月前

Vanilla Flutter pulling this off with no forks is impressive

Allan - App Developer 的头像
Allan - App Developer1 个月前

would be cool to see how far you could take realistic lighting effects

Paul Thomas 💙 的头像
Paul Thomas 💙1 个月前

Looks great! Amazed at the level of support for all kinds of stuff, it's a proper AAA framework. Do you think we will be able to use custom vertex and fragment shaders at this level, or should we be looking at Flutter GPU for that?

Brandon DeRosier 的头像
Brandon DeRosier1 个月前

Yes, Flutter Scene's material system supports custom vertex and fragment shaders. And you can arbitrarily extend a model's vertex data with new attributes. That's how the glass shards work in this demo. :) This is the managed material format: There's also a fully "unmanaged" material type that lets you write raw engine shaders directly without any codegen, but it's much harder to use and almost no one should ever need it, as the managed material system is already quite flexible.

Paul Thomas 💙 的头像
Paul Thomas 💙1 个月前

Agree the managed material is really nice. Anything to keep things at a high level, but was just wondering how to get the effect of glPolygonOffset, adjust a transformed z coordinate to be slightly closer without changing x and y? Is gl_FragDepth supported in a custom material?

Brandon DeRosier 的头像
Brandon DeRosier1 个月前

What kind of effect are you trying to achieve? You do have access to gl_FragDepth yes. But in the vertex stage you also have access to camera properties and could e.g. interpolate vertices towards the camera if that's what you're trying to do.

Paul Thomas 💙 的头像
Paul Thomas 💙1 个月前

I'd like to port my line renderer from cpu to gpu, at the moment it clips lines against every face on a 2D canvas. I could draw faces on the gpu in the bg colour and draw lines on top with z offset, using the z buffer in the usual way to sort depth...

Paul Thomas 💙 的头像
Paul Thomas 💙1 个月前

...which from what you are saying should be already possible with fscene. Very much looking forward to giving it a try 👍

Emmanuel Onyeji🧑‍💻🫰🔥 的头像
Emmanuel Onyeji🧑‍💻🫰🔥1 个月前

Now to just recreate the body like halo and create a crazy kick ass shooter platformer game Well done btw 🔥🔥🔥

FlutterFlow 的头像
FlutterFlow1 个月前

LETS GOOO FLUTTER

Jason Holt 的头像
Jason Holt1 个月前

3.47 stable you say?!

Brandon DeRosier 的头像
Brandon DeRosier1 个月前

Yes!

Marcus ₿urelius 的头像
Marcus ₿urelius1 个月前

That's sick. Great work.

Abraham 🖥️☕ 的头像
Abraham 🖥️☕1 个月前

Cool

wordfreak 的头像
wordfreak1 个月前

would have been much easier using this gpu to make this?

Simon 🦊💙 的头像
Simon 🦊💙1 个月前

Have you tried with Impeller on Asahi Linux (running on Apple Silicon)? I'd love to see if it's running well there.

Lars Vogel 的头像
Lars Vogel1 个月前

Your docs say otherwise: "Rendering is built on Flutter GPU, which hasn't shipped to the stable channel yet, so Flutter Scene requires the Flutter master channel."

sofie s 的头像
sofie s1 个月前

"Vanilla Flutter" but it depends on flutter_scene and experimental GPU APIs? How does it handle WebGL-only browsers or older devices?

Vitaliy Podolskiy 的头像
Vitaliy Podolskiy1 个月前

The portability test is not “does it render once?” It’s: same scene graph, golden output per backend, input-latency budget, and a deliberate escape hatch for platform-specific rendering when the abstraction starts lying.

Luis Gamas 的头像
Luis Gamas1 个月前

Seeing the same rendering path across desktop, mobile, web, and custom embedders is genuinely exciting. Flutter GPU is starting to unlock some very different kinds of apps

Tom Vogel 的头像
Tom Vogel1 个月前

Feels unreal that this is Flutter for me

Sivaram SS 的头像
Sivaram SS1 个月前

Looks great. Are the glows HDR ?

相关视频