Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад •via X (Twitter)

Комментарии: 44

Фото профиля Seth Ladd
Seth Ladd1 год назад

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

Фото профиля Tim
Tim1 год назад

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
Seth Ladd1 год назад

Good feedback thank you

Фото профиля Tim
Tim1 год назад

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

Фото профиля Seth Ladd
Seth Ladd1 год назад

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

Фото профиля Seth Ladd
Seth Ladd1 год назад

Does this work in Flutter Web?

Фото профиля Tim
Tim1 год назад

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
Seth Ladd1 год назад

Love the settings to play around with it!

Фото профиля Tong Mu
Tong Mu1 год назад

The merging shape is amazing!

Фото профиля Jules Bilong
Jules Bilong1 год назад

The only thing missing is the clipping. ✨👏✨

Фото профиля Tim
Tim1 год назад

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

Фото профиля Jules Bilong
Jules Bilong1 год назад

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
Tim1 год назад

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
Jules Bilong1 год назад

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
Sebastian Röhl1 год назад

Damn, that was fast! Good job 🙌

Фото профиля Jisena
Jisena1 год назад

You might find this interesting @tuke2911

Фото профиля Smit Mehta
Smit Mehta1 год назад

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
Tim1 год назад

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

Фото профиля Arsh Abbas Hashmi
Arsh Abbas Hashmi1 год назад

Please let me know if I can contribute

Фото профиля Zen Bui
Zen Bui1 год назад

You nailed it 😍

Фото профиля Julio Cruz
Julio Cruz1 год назад

@ArkangelB This looks awesome 🔥 thanks for creating it!

Фото профиля Atharv 🏎
Atharv 🏎1 год назад

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
Tim1 год назад

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

Фото профиля Atharv 🏎
Atharv 🏎1 год назад

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

Фото профиля Satendra Pal
Satendra Pal1 год назад

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

Фото профиля Hark Singh
Hark Singh1 год назад

You are really cookin 🥵🥵

Фото профиля Kingkor Roy Tirtho
Kingkor Roy Tirtho1 год назад

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
Marno1 год назад

Cool, can't wait to try.

Фото профиля Dart
Dart1 год назад

Thank you timmay!

Фото профиля Tim
Tim1 год назад

Very welcome zackey! 💫

Фото профиля Youcef Dev
Youcef Dev1 год назад

Niceee!

Фото профиля Mario Princess
Mario Princess1 год назад

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

Фото профиля CodeGuru
CodeGuru1 год назад

very nice looks great

Фото профиля MangoMagic™️
MangoMagic™️1 год назад

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

Фото профиля Atharv 🏎
Atharv 🏎1 год назад

How to fix this 🥲

Фото профиля Tim
Tim1 год назад

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

Фото профиля frank cayo
frank cayo1 год назад

nice

Фото профиля Ravi Patel
Ravi Patel1 год назад

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
mFeinstein1 год назад

Are you adding chromatic aberrations?

Фото профиля Tim
Tim1 год назад

Already in the newest version :)

Фото профиля MrHeer
MrHeer1 год назад

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
Tim1 год назад

Not yet, but it's on the list!

Фото профиля MrHeer
MrHeer1 год назад

Cool, Cool man, Cool work!

Фото профиля Goodnews James
Goodnews James1 год назад

@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

Похожие видео