Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

44 Yorum

Seth Ladd profil fotoğrafı
Seth Ladd1 yıl önce

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

Tim profil fotoğrafı
Tim1 yıl önce

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

Seth Ladd profil fotoğrafı
Seth Ladd1 yıl önce

Good feedback thank you

Tim profil fotoğrafı
Tim1 yıl önce

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

Seth Ladd profil fotoğrafı
Seth Ladd1 yıl önce

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

Seth Ladd profil fotoğrafı
Seth Ladd1 yıl önce

Does this work in Flutter Web?

Tim profil fotoğrafı
Tim1 yıl önce

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

Seth Ladd profil fotoğrafı
Seth Ladd1 yıl önce

Love the settings to play around with it!

Tong Mu profil fotoğrafı
Tong Mu1 yıl önce

The merging shape is amazing!

Jules Bilong profil fotoğrafı
Jules Bilong1 yıl önce

The only thing missing is the clipping. ✨👏✨

Tim profil fotoğrafı
Tim1 yıl önce

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

Jules Bilong profil fotoğrafı
Jules Bilong1 yıl önce

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.

Tim profil fotoğrafı
Tim1 yıl önce

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 :)

Jules Bilong profil fotoğrafı
Jules Bilong1 yıl önce

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!✨👏✨

Sebastian Röhl profil fotoğrafı
Sebastian Röhl1 yıl önce

Damn, that was fast! Good job 🙌

Jisena profil fotoğrafı
Jisena1 yıl önce

You might find this interesting @tuke2911

Smit Mehta profil fotoğrafı
Smit Mehta1 yıl önce

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 ...

Tim profil fotoğrafı
Tim1 yıl önce

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

Arsh Abbas Hashmi profil fotoğrafı
Arsh Abbas Hashmi1 yıl önce

Please let me know if I can contribute

Zen Bui profil fotoğrafı
Zen Bui1 yıl önce

You nailed it 😍

Julio Cruz profil fotoğrafı
Julio Cruz1 yıl önce

@ArkangelB This looks awesome 🔥 thanks for creating it!

Atharv 🏎 profil fotoğrafı
Atharv 🏎1 yıl önce

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?

Tim profil fotoğrafı
Tim1 yıl önce

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

Atharv 🏎 profil fotoğrafı
Atharv 🏎1 yıl önce

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

Satendra Pal profil fotoğrafı
Satendra Pal1 yıl önce

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

Hark Singh profil fotoğrafı
Hark Singh1 yıl önce

You are really cookin 🥵🥵

Kingkor Roy Tirtho profil fotoğrafı
Kingkor Roy Tirtho1 yıl önce

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

Marno profil fotoğrafı
Marno1 yıl önce

Cool, can't wait to try.

Dart profil fotoğrafı
Dart1 yıl önce

Thank you timmay!

Tim profil fotoğrafı
Tim1 yıl önce

Very welcome zackey! 💫

Youcef Dev profil fotoğrafı
Youcef Dev1 yıl önce

Niceee!

Mario Princess profil fotoğrafı
Mario Princess1 yıl önce

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

CodeGuru profil fotoğrafı
CodeGuru1 yıl önce

very nice looks great

MangoMagic™️ profil fotoğrafı
MangoMagic™️1 yıl önce

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

Atharv 🏎 profil fotoğrafı
Atharv 🏎1 yıl önce

How to fix this 🥲

Tim profil fotoğrafı
Tim1 yıl önce

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

frank cayo profil fotoğrafı
frank cayo1 yıl önce

nice

Ravi Patel profil fotoğrafı
Ravi Patel1 yıl önce

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.

mFeinstein profil fotoğrafı
mFeinstein1 yıl önce

Are you adding chromatic aberrations?

Tim profil fotoğrafı
Tim1 yıl önce

Already in the newest version :)

MrHeer profil fotoğrafı
MrHeer1 yıl önce

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

Tim profil fotoğrafı
Tim1 yıl önce

Not yet, but it's on the list!

MrHeer profil fotoğrafı
MrHeer1 yıl önce

Cool, Cool man, Cool work!

Goodnews James profil fotoğrafı
Goodnews James1 yıl önce

@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

Benzer Videolar