I'm gonna try and keep up with #genuary this year by using p5, and hopefully show off some of the lesser known features of the p5 renderer

github.com/aferriss/genua…
Here's my sketch for todays prompt (draw 10,000 of something)

aferriss.github.io/genuary/1-1/
This one uses an undocumented feature of the webGL renderer, that allows you to create custom geo on the fly.
Also, you can create your own per-vertex attribute buffers by creating p5.RenderBuffer and pushing it into renderer.retainedMode.buffers.fill.

In this case I use it to give each particle a unique id
The great part about making geo this way is that it's almost entirely on the GPU (after the initial creation) so it's super fast.

10k particles is nothing, we can easily do 100k or more using this method.
Color is just coming from noise here but you can get wild with it. Here's a couple more palettes...
You can test this one out on the p5 web editor too.

editor.p5js.org/aferriss/sketc…

Some of the attribute names have changed in the main branch of p5, so there's some slight changes between here and the version on gh

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Adam Ferriss

Adam Ferriss Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(