Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Time to play with Liquid Glass in your #FlutterDev app! I've pushed a prerelease to pub, check it out here: It is obviously a first version, so don't expect this to work perfectly, and the API might change a lot still 🥃🥛🥂🍑

39,493 Aufrufe • vor 1 Jahr •via X (Twitter)

44 Kommentare

Profilbild von Seth Ladd
Seth Laddvor 1 Jahr

Also, let us know if you need anything from the lower levels of the framework or engine to make this easier for you.

Profilbild von Tim
Timvor 1 Jahr

There were a bunch of ways I went down where I had to turn back because of Flutter limitations. One of them is the lack of support for floating point textures in shaders. There is no good way I found to render a shader output to a pass and use it for another shader

Profilbild von Seth Ladd
Seth Laddvor 1 Jahr

Good feedback thank you

Profilbild von Tim
Timvor 1 Jahr

Thank's again for being so engaging always, such an asset to the community!

Profilbild von Seth Ladd
Seth Laddvor 1 Jahr

it's easy when we're so inspired by folks like you!

Profilbild von Seth Ladd
Seth Laddvor 1 Jahr

Does this work in Flutter Web?

Profilbild von Tim
Timvor 1 Jahr

No, it relies on ImageFilter.shader, so it’s exclusive to Impeller… but there might be a way to get it to work in Skia

Profilbild von Seth Ladd
Seth Laddvor 1 Jahr

Love the settings to play around with it!

Profilbild von Tong Mu
Tong Muvor 1 Jahr

The merging shape is amazing!

Profilbild von Jules Bilong
Jules Bilongvor 1 Jahr

The only thing missing is the clipping. ✨👏✨

Profilbild von Tim
Timvor 1 Jahr

Do you mean the prism-like effect? Say no more ☺️

Profilbild von Jules Bilong
Jules Bilongvor 1 Jahr

Yes, that's correct, but it seems that IOS26 effect is slightly different. It partially hides 12% of Apps Icons before revealing the first deformation.

Profilbild von Tim
Timvor 1 Jahr

Ah, I see what you mean! That is just part of the refraction, my implementation does it the exact same way, but how strong it is depends on the thickness of the glass. Look at the video when I pull the glass over the „phone“, it also only becomes visible further in :)

Profilbild von Jules Bilong
Jules Bilongvor 1 Jahr

Your approach is very good, but to be 1:1 with iOS 26, it needs to exhibit that behaviour accurately. I'm looking forward to your next update. Well done!✨👏✨

Profilbild von Sebastian Röhl
Sebastian Röhlvor 1 Jahr

Damn, that was fast! Good job 🙌

Profilbild von Jisena
Jisenavor 1 Jahr

You might find this interesting @tuke2911

Profilbild von Smit Mehta
Smit Mehtavor 1 Jahr

The liquid_glass_renderer/example Doesn't Work When Run Or Built In Debug Mode On Windows For Any Of It's Supported Compile Target Platforms, Namely, Web: Dart2JS/WASM Cuz ImageFilter.shader Dep, But Same For Windows & Android: w/wo '--enable-impeller' Flags Passed Explicitly ...

Profilbild von Tim
Timvor 1 Jahr

Yes, I forgot to put this in the readme, but it‘s Impeller only for now. Sorry!

Profilbild von Arsh Abbas Hashmi
Arsh Abbas Hashmivor 1 Jahr

Please let me know if I can contribute

Profilbild von Zen Bui
Zen Buivor 1 Jahr

You nailed it 😍

Profilbild von Julio Cruz
Julio Cruzvor 1 Jahr

@ArkangelB This looks awesome 🔥 thanks for creating it!

Profilbild von Atharv 🏎
Atharv 🏎vor 1 Jahr

I am stuck here from last 30min if i remove tha package and from the gradle.prop the it work if i add stuck here ..you know any fixes to this?

Profilbild von Tim
Timvor 1 Jahr

I actually haven’t tested the shader on android, I’ll get back to you!

Profilbild von Atharv 🏎
Atharv 🏎vor 1 Jahr

Sure 👍 i used my full brain power to run it 😭

Profilbild von Satendra Pal
Satendra Palvor 1 Jahr

Will not use liquid glass for the core part of my app. It is a short-term hype.

Profilbild von Hark Singh
Hark Singhvor 1 Jahr

You are really cookin 🥵🥵

Profilbild von Kingkor Roy Tirtho
Kingkor Roy Tirthovor 1 Jahr

Making this is probably the easiest in Flutter. We have access to shaders which other native & cross-platform UI frameworks can only dream of😂 Although shader programming is really complex and hats-off to your amazing work

Profilbild von Marno
Marnovor 1 Jahr

Cool, can't wait to try.

Profilbild von Dart
Dartvor 1 Jahr

Thank you timmay!

Profilbild von Tim
Timvor 1 Jahr

Very welcome zackey! 💫

Profilbild von Youcef Dev
Youcef Devvor 1 Jahr

Niceee!

Profilbild von Mario Princess
Mario Princessvor 1 Jahr

Frosted glass in Flutter? Yes, please! I'm all in for early tests. 🥂

Profilbild von CodeGuru
CodeGuruvor 1 Jahr

very nice looks great

Profilbild von MangoMagic™️
MangoMagic™️vor 1 Jahr

Liquid Glass in Flutter? Sounds slippery. Hope it holds together. #BubbleWrapCoding #GlassyEyedDev #JustAddSpill

Profilbild von Atharv 🏎
Atharv 🏎vor 1 Jahr

How to fix this 🥲

Profilbild von Tim
Timvor 1 Jahr

Oh damn I need to update the readmr, I changed the name to LiquidRoundedSuperellipse

Profilbild von frank cayo
frank cayovor 1 Jahr

nice

Profilbild von Ravi Patel
Ravi Patelvor 1 Jahr

It's not working, and some classes are missing. Please ensure that the plugin is easy to use for developers, and kindly update your implementation example for better clarity.

Profilbild von mFeinstein
mFeinsteinvor 1 Jahr

Are you adding chromatic aberrations?

Profilbild von Tim
Timvor 1 Jahr

Already in the newest version :)

Profilbild von MrHeer
MrHeervor 1 Jahr

Amazing!! I noticed that Apple's liquid glass deforms like a liquid when there is acceleration. I wonder if you have achieved this effect.

Profilbild von Tim
Timvor 1 Jahr

Not yet, but it's on the list!

Profilbild von MrHeer
MrHeervor 1 Jahr

Cool, Cool man, Cool work!

Profilbild von Goodnews James
Goodnews Jamesvor 1 Jahr

@imadetheseworks thanks for your contribution to flutter this package mean a lot to me, i sent hours trying to do this on my own without a package this is what i got

Ähnliche Videos