Making a Static Flow Field in p5.js

Поділитися
Вставка
  • Опубліковано 1 жов 2024
  • In this video, I code a static (non-animated) flow field from scratch in p5.js. This is the basis for my current nft series on flow fields. This video's a bit longer than usual, but it shows how to take a simple idea and keep tinkering with it until it becomes art.
    Flow field code made in the video:
    editor.p5js.or...
    Coding Train video on animated flow field:
    • Coding Challenge #24: ...
    My video with paper texture described starting at 9:58
    • Watercolor Effect and ...
    My "In Flow" project on fxhash:
    www.fxhash.xyz...
    Join my Discord: / discord
    Follow me on Twitter: / stevemakerspace
    Music:
    Funk Down (Sting) by MK2 (theme)

КОМЕНТАРІ • 16

  • @poorman-trending
    @poorman-trending 5 місяців тому +2

    // noprotect disables infinite loop protection
    // protect enables it
    I know you meant that but //noprotect won’t stop an infinite loop - it will allow it. It will stop the browser from detecting long loops as potential infinite loops.

  • @stephenkrus
    @stephenkrus Рік тому +1

    Sir... you're just casually making some random masterpiece!😅
    The flow field is cool but when you added that paperTexture()... my gosh! What sorcery is this?😳😅
    That was so freakin' NEAT!💎✨👌

  • @malikphill3324
    @malikphill3324 Рік тому +1

    Return to trail makers plss❤

    • @StevesMakerspace
      @StevesMakerspace  Рік тому

      I’m sorry. my game days are over, at least on this channel. If I ever decide to do games again, I’d create a new channel for it.

  • @jacksonoppenheim956
    @jacksonoppenheim956 Рік тому

    16:33 another approach you could take is use the % operator. h = h % 360. That means that you get the remainder if you were to divide by 360. In other words, it would wrap around to 10 if the value was 370 for example.

  • @xiaozaowang5106
    @xiaozaowang5106 Рік тому

    Your videos are all very inspiring and you have such a great sense of beauty💖💖💖 Thank you so much for making these!!!

  • @tristanmallier5362
    @tristanmallier5362 11 місяців тому

    Thanks for these videos it was very cool and easy to watch ! just starting generatif design in school and I love it

  • @ffplayer7697
    @ffplayer7697 Рік тому

    How to save canvas and image in p5js
    And source code please tell sir?

    • @StevesMakerspace
      @StevesMakerspace  Рік тому

      Link to the code is in the video description, and there's a bit of code at the bottom for saving the canvas as a png.

  • @gordanzadro5765
    @gordanzadro5765 Рік тому

    It is very mintable Steve , no doubt!!!