Building custom fragment shaders - Flutter Build Show

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024

Комментарии • 61

  • @krtirtho
    @krtirtho 2 месяца назад +1

    The best part of learning Flutter is definitely gaining the vast knowledge around the Graphics rendering world.
    Most of the frameworks abstracts those areas so much that they can't be modified easily or there are no docs simply.

  • @onedreamer
    @onedreamer Год назад +48

    I'm amazed by the script and the talent behind its presentation! Salute to Craig and team! 🔥

  • @fmorschel
    @fmorschel Год назад +3

    Great show!
    I would love to see:
    - A walkthrough on how to custom paint inside flutter effects like TextOverflow.fade in my custom text widgets like if I wanted to create an expandable comment that fades at the end of the second line and shows a button for me to expand it
    - A walkthrough on how to use MultiChildRenderObjectWidget to create an UI like VSCode editor (meaning an user changeable UI)
    - A walkthrough on how to create your own slivers (or inner scrollable widgets like TextField inner scroll)
    - A walkthrough on how to setup a long living and a short living isolate
    - Some exercises for us to test our knowledge on the things that you show.

  • @piranha1337
    @piranha1337 Год назад +4

    We live in a time where you can watch an incredibly well made video for an incredibly specific topic.

  • @verticrow
    @verticrow Год назад +8

    Please keep this series going! It's so insightful!

  • @kifayatUllah712
    @kifayatUllah712 Год назад +10

    Ma shaa Allah I'm not going to lie but this is so far the best GLSL tutorial I've ever seen. I love shaders!

  • @skipmeister123
    @skipmeister123 Год назад +4

    Oh man. GLSL is so far outside my wheelhouse, but I feel like it's important to my next steps as a Flutter developer. What about demoing some more advanced shaders, like a water drop effect? Or animating a shader?

    • @laybunzz
      @laybunzz Год назад +2

      Shaders are fun, but I would not say they are a required skill for your average Flutter developer (which includes me)

    • @nayeemtby
      @nayeemtby Год назад

      ​@@laybunzz Do you have any numbers on how much performance we can gain if some of the UI parts were directly implemented in shaders? Looking to create solutions with a really underpowered device.

    • @nayeemtby
      @nayeemtby Год назад

      You won't need custom shaders for most of the typical applications. Unless you want to create a really fancy UI with too much going on.

  • @АркадийЗахаров-т8ш

    When you don’t use variable in your shader, then compiler delete it from code. So, app will crash when you try to launch it when uSize not in use. Just try to send color values start from 0 index.

    •  Год назад

      This should be pinned. 👋👋👋

    • @sulavparajuli1579
      @sulavparajuli1579 Год назад

      saved my life, thanks

  • @mrverdant13
    @mrverdant13 Год назад +2

    It would be amazing to deep dive in the scrollables' scroll physics!!!

  • @IncompleteTheory
    @IncompleteTheory Год назад +3

    This is well done and a great augmentation of the usual (also great) bite-sized shorter videos. Keep them coming! I also appreciate that there is much less than usual comedic distractions.

  • @zuraforreg3088
    @zuraforreg3088 Год назад

    While these are interesting topics, please consider making more content on creating Line of Business (LOB) or CRUD apps, from start to finish, using relevant best practices and architectures. After all, most of devs work on such apps. Thanks!

  • @blazertherazer12
    @blazertherazer12 Год назад +1

    🔥

  • @janklai814
    @janklai814 Год назад

    This exposes the fundamental workings of Shaders, which helps me comprehend it better!

  • @techie052
    @techie052 Год назад

    Your show really gives me some special kind of love towards flutter as it feels like the maths and tech i was mad of in college, comes together with this show as a bundle. Thanks alot.

  • @dartneer
    @dartneer 7 месяцев назад

    Crispy clear.. Thank you Craig. When you know - you know!

  • @budgeter4807
    @budgeter4807 Год назад

    So I've always overrode shouldRepaint with false as a return parameter. This tutorial opened me up

  • @gofudgeyourselves9024
    @gofudgeyourselves9024 Год назад +1

    Create an entire playlist for shaders

  • @JanM457
    @JanM457 Год назад

    Oh sorry, I thought that this was about shady customers? I'll see myself out ...

  • @SkyLib
    @SkyLib Год назад

    Thanks this is amazing! How we can use Vertex Shaders with that?

  • @ThePC007
    @ThePC007 Год назад

    Can those be used in backdrop filters?

  • @angelamidev
    @angelamidev Год назад

    Absolutely the best explication I see on shader and Flutter!!

  • @olehhromadskyi2532
    @olehhromadskyi2532 Год назад

    Can I use structures in shader code to aggregate some data? Does flutter support it?

  • @jointheflock
    @jointheflock Год назад

    Loved the structure of this video! Super well-made and progressed very logically in a way that was easy to follow. It might have gone beyond the intended scope, but I would have been interested to see an example of using the ShaderBuilder widget from flutter_shaders you mentioned. Eager to dive in to shaders!

  • @huazhuliang3537
    @huazhuliang3537 Год назад

    I'm come from twitter, thanks your work

  • @Devorkan
    @Devorkan Год назад

    very good explanation of an advanced topic!

  • @聂超群
    @聂超群 Год назад

    💯

  • @patrickbillingsley684
    @patrickbillingsley684 Год назад

    Yes! This series is fantastic!

  • @mikeshin77
    @mikeshin77 Год назад

    Thanks a lot!

  • @mjmontes2653
    @mjmontes2653 Год назад

    🎉

  • @tuni7264
    @tuni7264 Год назад

    I thought the shader compiler removes unused input variables then how the first 2 setFloat(...) calls worked ? normally, opengl(es) offers an api that returns the uniform parameter index, but i did not see any here.

    • @KrishBhanushali-cs4xk
      @KrishBhanushali-cs4xk Год назад +1

      You are correct. The App will crash if you try to assign 4,5 if uSize is unused.

    • @tuni7264
      @tuni7264 Год назад

      @@KrishBhanushali-cs4xk thank you for the clarification 😄

  • @dovas90
    @dovas90 Год назад

    Thank God, I wished this was up today..

    • @dovas90
      @dovas90 Год назад

      OMG i had a cutmull-rom spline waiting for a year for this !

  • @metaflutter7495
    @metaflutter7495 Год назад +1

    FlutterBuildShow = gold. Great stuff!

  • @drawingmagicc
    @drawingmagicc Год назад +1

    Very good video. Have a good weekend. Good luck.🌺🌺🌺🍀🍀🍀

  • @samgarg5228
    @samgarg5228 Год назад +1

    Production & content quality is just op!!!

  • @dj.yacine
    @dj.yacine Год назад +1

    Always Top 🎩

  • @tarunchaturvedi6040
    @tarunchaturvedi6040 Год назад +1

    Awesome❤ keep going please

  • @davidwestwood
    @davidwestwood Год назад

    WGSL > GLSL

  • @XSNForte
    @XSNForte Год назад +1

    Performant != high performance. Should just use high perf.

    • @twothreeoneoneseventwoonefour5
      @twothreeoneoneseventwoonefour5 Год назад

      what do you mean? I haven't watched the video.

    • @twothreeoneoneseventwoonefour5
      @twothreeoneoneseventwoonefour5 Год назад

      Actually I looked in the dictionary and you guys are both wrong:
      per·form·ant pərˈfôrmənt
      adjective performant
      functioning well or as expected.
      noun performant plural noun performants
      a person who performs a duty or ceremony.
      It has both meanings. Performant is perfectly fine here. Perfomant == high performance.

    • @laybunzz
      @laybunzz Год назад +1

      Either way, the title was an error and has been updated :)

    • @XSNForte
      @XSNForte Год назад

      @@twothreeoneoneseventwoonefour5 there’s plenty on the web to read on why it is not high performance

  • @mehrozezaidi7562
    @mehrozezaidi7562 Год назад

    👍🔥

  • @joelks
    @joelks Год назад

    😍

  • @codegambit2507
    @codegambit2507 Год назад

    This was so concise and easy to understand. Thank you

  • @huzhah
    @huzhah Год назад

    Thanks it was a great video!

  • @abdessalemmohellebi
    @abdessalemmohellebi Год назад

    Gg

  • @0x4ym4n
    @0x4ym4n Год назад

    I wonder why Google powered product always uses Microsoft based product "vscode"

    • @dovas90
      @dovas90 Год назад

      alternative ?

    • @0x4ym4n
      @0x4ym4n Год назад

      @@dovas90 vscode

  • @flipside-games
    @flipside-games Год назад +1

    really good tutorial, thanks a lot!