atoMeow
Blue noise image stippling in Processing (requires GPU)
Many Twitter friends are talking about sample code, and I think Processing is probably the best platform to write a demo. This demo is created for coders who are familiar with this awesome creative coding platform. You may quickly modify the code to work for video or to stipple your own Procssing drawings by turning them into PImage and run the simulation. This demo code also serves as a reference implementation of my article Blue noise sampling using an N-body simulation-based method. If you are interested in 2.5D, you may mod the code to achieve what I discussed in this artist friendly article.
This code has been tested on Processing 3.5.4 (Windows 10 (nVIDIA GPU) and MacOS Big Sur (MBP 2016 with Intel Iris)).
 |
 |
|---|---|
| Original atoMeow Moving Stipples on Twitter | My Fav. Hokusai |
QuickStart
Many sim-essential global variables are highlighted and documented, please study the usual setup() and draw() functions for how the simulation code works. You may use any PImage as Field image (Electrostatic field) and feed it to void updateField(
(line #203) function; it will be automatically resized to fit the size int simXY; (line #47). The maximum number of dots to simulate is determined by int bufXY; (line #46), please note that they both shall raise the GPU memory demand. (I find 8192 points reasonable for most laptops). The function void sim(int n); is designed to run a number of steps before return such that you could sub-sample easily the outputs or for creating your image sequence stippling (Yes! Processing Video library reads frames into Processing as PImage ? (I recall ...). I believe you will do your homework!
Have Fun! If you have never coded with Processing, you are missing something very important !! Go https://www.processing.org/ (20 Years Anniversary) and you will create your first sketch before you finish your Latte.
Making-Of Note
I have not used Processing for a long time .... so my know-how is rusty; I was looking for the possibility of using compute shaders (render to multiple tragets) but no luck and no time. Please enlighten me if there are better ways, my Twitter @artixels. Anyways, so I actually made a Dirty Hack of encoding 2x Half-precision (I am a VFX guy) float (per-particle pos(x,y), vel(x,y) and acc(x,y)) to fit into a color of Processing. This allows results to be captured using .copy() of PGraphics and pipe them down to next shader via a PImage. I am glad the round-tripping was working quickly too, thanks to the awesome Java function I found in Stackoverflow by x4u. Another good 16-bit Half float option by Martijn Courteaux for the range 0.0 - 1.0 (no sign) is also very attractive, it should be great for next creative coding project.
Okay! thank you for your interest and love of the atoMeow.
4 Nov 2, 2022
1 Dec 27, 2021
53 Dec 29, 2022
33 Jul 6, 2022
2 Nov 3, 2022
6 Jun 30, 2022
44 Nov 17, 2022
3 Dec 3, 2021
1.4k Jan 1, 2023
1 Jul 16, 2021
1.1k Dec 23, 2022
2 Dec 30, 2021
1 Feb 13, 2022
6 Mar 31, 2022
2 Mar 07, 2022
2 Oct 21, 2022
3 Apr 13, 2022
672 Jan 05, 2023
4 Nov 14, 2022
1 Oct 31, 2021
26 Nov 17, 2022
7.1k Jan 03, 2023
245 Dec 25, 2022
53 Nov 15, 2022
947 Dec 30, 2022
2 Aug 04, 2022
1 Nov 30, 2021
218 Dec 04, 2022
380 Dec 29, 2022