10X Faster Blur Effect in p5.js

Sdílet
Vložit
  • čas přidán 8. 09. 2024

Komentáře • 27

  • @kazukiumeda4903
    @kazukiumeda4903  Před 2 lety +8

    According to the auto-generated English sub, I was suffering to pronounce "blur" correctly🤣🤣🤣
    I hope you guys/girls got most of what I said in this video

  • @d_sanu
    @d_sanu Před 10 měsíci +1

    Your voice so different n familiar....your tutorials are 👍

  • @BlakJetTek
    @BlakJetTek Před 2 lety +1

    Thank you so much! I love p5.js and although I know this is not your intention, this video is making me consider just drawing directly onto the canvas api with vanilla javascript for my next project 😱

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      Haha, actually my intention is to expand the p5 coder's ability in anyway, so happy to hear that:))

  • @SizzleSan
    @SizzleSan Před 2 lety

    Very efficient 👍🏻 It seems like the regular BLUR still is visually more pleasing. Awesome content Kazuki!

  • @calebpfaff7109
    @calebpfaff7109 Před 2 lety +1

    Great stuff, love the tutorials

  • @gchinmayvarma9030
    @gchinmayvarma9030 Před 2 lety +2

    beautiful!

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      Thanks friend!
      Now I’m learning the Shader basis

    • @gchinmayvarma9030
      @gchinmayvarma9030 Před 2 lety +1

      ​@@kazukiumeda4903 aww that's great! Hope you have a wonderful time with it!
      drawingContext also has some amazing tools which we can use to make incredible things in sketches while maintaining high performance!
      I did use a lot of shadowOffset, shadowBlur and a few for some of my projects!
      I'll try to comment a link for one such example, lets hope youtube doesn't delete it :v

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      ​@@gchinmayvarma9030
      Yeah, when I first found about the drawingContext it changed my p5 experience a lot, so hope these videos spread to many p5 coders.
      By the way, I have a Facebook link at the right top on my channel page, so you can send me the link through FB if you have an account:))

    • @gchinmayvarma9030
      @gchinmayvarma9030 Před 2 lety +1

      @@kazukiumeda4903 i messaged you on fb! I dont use it at all, so i guess i won't know if you reply or not, i guess ill use that to give you links in the future too!

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      @@gchinmayvarma9030 Ủi, I checked but I didn't see any message from a stranger account😢 Could you send me just "hi" again? Or friend request.

  • @takestuff
    @takestuff Před 2 lety

    i love this solution

  • @creativecodingwithmaxim
    @creativecodingwithmaxim Před 2 lety +1

    Nice video! 🙌✨ Kinda funny there's such a difference in performance. I guess p5 rolled its own blur effect before canvas had the filter API implemented and seeing as it's internal it can leverage compiled code speed or even the graphics card :o ✨

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      Oh, now I got to make sense of why the p5 blur is so slow haha😂, thanks!

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      Btw I just realized that I saw several of your videos before. That was the "Golden Ratio" and the recent "2D light simulation". The results are stunning!

    • @creativecodingwithmaxim
      @creativecodingwithmaxim Před 2 lety

      @@kazukiumeda4903 cheers! I really appreciate that ^^3 been learning a bunch of stuff through your vids! :)

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety +1

      @@creativecodingwithmaxim Happy to hear that, let's liven up this field on YT together:))

    • @creativecodingwithmaxim
      @creativecodingwithmaxim Před 2 lety

      @@kazukiumeda4903 ✨🙌🙌🙌✨

  • @AshleyTowey
    @AshleyTowey Před 10 měsíci

    Thanks!

  • @realjoker1568
    @realjoker1568 Před rokem +1

    in Mozilla this makes the framerate drop significantly, is there a fix/workaround for that?

  • @CorvanEssen
    @CorvanEssen Před 2 lety

    Thank you for this video. It does improve the speed pf my sketch, but the framerate is still much too slow. I think I will just use multiple versions of the images I use with different levels of blur.

  • @JasimGamer
    @JasimGamer Před 2 lety +3

    dont do this 'blur'+str()+'px'
    do this
    `blur(${amount}px)`

  • @Jun127
    @Jun127 Před rokem

    Do you know a fast way to do motion blur? Pixel arrays end up slowing things down to the point where even basic applications become unusable.