Live data from Hacker News

What I've learned about flow fields so far

damoonrashidi.me

1–10 of 47 posts

Re: What I've learned about flow fields so far

#3
post #2

I wrote an article on the basics of Flow Fields in the context of Generative Art (no AI stuff, just for loops and if cases). It has some fun interactive illustrations and code samples for anyone looking to get into the field.

This is very nice! I remember drawing direction fields and integral lines through them in my numerical PDE class but I guess I lacked artistic mindset to push it further :)

I see that some of your generative art i this styles has multicoloured flow lines, is that just random or are the splits computed somehow?

Re: What I've learned about flow fields so far

#4
This is awesome! I noticed on the 'Experimenting with lines' section, when smoothness is low, warp is high and length is high, that the lines end up mostly coalescing into big roads. It reminded me of ants forming paths, but it's interesting that this required no communication between the lines. Is this a particular feature of the noise function or does it always do that?

Re: What I've learned about flow fields so far

#5
post #2

I wrote an article on the basics of Flow Fields in the context of Generative Art (no AI stuff, just for loops and if cases). It has some fun interactive illustrations and code samples for anyone looking to get into the field.

This is very nice! I remember drawing direction fields and integral lines through them in my numerical PDE class but I guess I lacked artistic mindset to push it further :) I see that some of your generative art i this styles has multicoloured flow lines, is that just random or are the splits computed somehow?

Thanks! Some splits are randomly generated by traversing the line and each point has a small chance (5% or so) to create a split and change color. I've tried other techniques as well where lines change color by which region of the the canvas they are in etc.

I even wrote a small UI using Rust and egui to render the drawings in real-time just to play around with that specific part. It looks like this https://imgur.com/a/Zfp1ls3 and is open source https://github.com/damoonrashidi/generative-art/tree/develop...

Re: What I've learned about flow fields so far

#7
post #2

I wrote an article on the basics of Flow Fields in the context of Generative Art (no AI stuff, just for loops and if cases). It has some fun interactive illustrations and code samples for anyone looking to get into the field.

Very nice blog post, thank you for sharing!

I spotted a small error in the Finally, Colors. section:

  const color = floor(random() * palette.length);
...should probably be

  const paletteIdx = floor(random() * palette.length);
  const color = palette[paletteIdx];

Re: What I've learned about flow fields so far

#8
post #2

I wrote an article on the basics of Flow Fields in the context of Generative Art (no AI stuff, just for loops and if cases). It has some fun interactive illustrations and code samples for anyone looking to get into the field.

Very nice blog post, thank you for sharing! I spotted a small error in the Finally, Colors. section: const color = floor(random() * palette.length); ...should probably be const paletteIdx = floor(random() * palette.length); const color = palette[paletteIdx];

ah, of course! thanks for reading and noticing. It's been updated.

Re: What I've learned about flow fields so far

#10
Nice! Playing around with the widget under the section "Experimenting with lines" I'm reminded of Bret Victor's Inventing on Principle talk [0] (an absolute must watch, if anyone hasn't yet). In particular, changing the smoothness reveals a sort of scaling effect that I'd probably never know about if not playing around with sliders and having it update in real time rather than setting individual values. Very interesting and beautiful!

[0] https://youtu.be/PUv66718DII?si=2urxGUwD_lWA8C4q

Post reply on HN