Easiest Gradient Effect - p5.js tutorial

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

Komentáře • 38

  • @Nothing-cx4jt
    @Nothing-cx4jt Před 2 lety +1

    This is the best gradient tutorial I've found so far. Thank you so much for this amazing work. Simplicity is the ultimate sophistication.

  • @jakewelch.design
    @jakewelch.design Před 6 měsíci

    I believe the conic gradient works in Chrome now! Thank you for the great tutorial, super helpful.

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

    Thanks for the canvas API tricks! Yeah, it is correct that p5.js is a library which encapsulates (wraps) the functions of html canvas (high level of abstraction)

  • @0DRONZER
    @0DRONZER Před 3 měsíci

    thank you so much omg why did it take google so long to show me this

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

    Love how your passion shows :)

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

      Hi, thank you for finding this channel.
      Hope you have a great year in 2022!

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

    Thank you for the wonderful tutorial. SUBSCRIBED!
    Keep them coming, sir.

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety

      So glad you have found my channel Syahmi😉
      Hope we all have a good year in 2022!

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

    Thanks for the tutorial. Subscribed!

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety

      Wow, thank you. I’m happy that my video gave you a value:)

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

    this is so nice! thank you for the tutorial

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

    Love this! Learned something new today :)

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

      Glad tớ hear that :) thank you for finding this video.

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

    Very good and unique tutorial.

  • @anarbelaez04
    @anarbelaez04 Před rokem

    So beautiful, I love it. Thank you very much ❤️

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

    @G Chinmay Varma For some reason, I can't see your comment (even though I got the notification.)
    Did you just delete the comment? Anyway,you mentioned Shaders and gave me a new year resolution 😂 So, massive thanks🙏

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

      aww this is the third time youtube deleted my comment here :(

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

      I guess ill reply in bits!
      the video was great! and i learned a lot.
      shaders are super cool to achieve these and similar effects, but they get hard :v
      I think youtube deleted both my comment and reply because of me attaching a link, cause I linked to a book of shaders which was a very nice read!

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

      Glad I see your comments this time! Appreciate you took your time to leave comments again.
      Maybe that happens to prevent link trap by some scam account, of course I know you're not that, so sorry for that experience😢
      By the way, actually I found the book you mentioned!
      "The book of shaders " by Patricio Vivo and Jen Lowe alright?
      I also found other several good resources to learn Shaders, so I'm about to start to learn them:))) Hopefully in the future, I'll bring good p5 - shader tutorial series about that.
      Thank you again, hope you have a nice year in 2022.

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

      @@kazukiumeda4903 yess :))))

  • @vadimgouskov8498
    @vadimgouskov8498 Před 2 lety

    This is awesome, saves a lot of compute time trying to implement your own gradient functions pixel by pixel.
    Thanks for this tip! will look out for more drawing context features that are not implemented directly in p5 (yet)!

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

      Thank you too, there are other many great native JS stuff we can bring into p5 world😋

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

    thank you, all the other solutions are so complicated

    • @kazukiumeda4903
      @kazukiumeda4903  Před 2 lety

      Great to hear that, thank you for finding this video.

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

    thanks for the skill just what I exactly need :)()())))

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

    Friend, I'm just starting to learn Java (I'm interested in generative art) tell me how I opened the window from the right and made it display the result of the code. Thank you, you have very interesting and useful videos!

  • @FakeSkiller
    @FakeSkiller Před rokem

    Great video!

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

    omg thxx

  • @Dvkpainter
    @Dvkpainter Před rokem

    Thank you for the video. Any pointers on how we can get the effect animated??

  • @pascalbieri7622
    @pascalbieri7622 Před rokem

    Is there also a solution when i use multiple rects in one canvas? Currently with multiple rects they are just sharing the same gradient.

  • @jameschristopher4314
    @jameschristopher4314 Před 2 lety

    How can you add the gradient effect to the shadow?

  • @AuraVFX
    @AuraVFX Před rokem

    my gradient isnt showing :(

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

    with WEBGL doesn't work

  • @0DRONZER
    @0DRONZER Před 3 měsíci

    ok sorry nvm im still so confused ill keep searching