Just read an interesting article [1] and watched a talk [2] about making digital drawings/sketches/visualizations dynamic and reactive, more or less by directly interacting with them on the virtual canvas rather than writing code.

I am a bit amazed and especially impressed by the software presented in the talk [3]. It lets one procedurally build (probably) any imaginable vector visualization by drawing shapes and hooking them and their properties up to input data or other shapes.

[1] Ink&Switch – Inkbase - Programmable Ink (2022): https://www.inkandswitch.com/inkbase/
[2] Bret Victor – Drawing Dynamic Visualizations (2013): https://vimeo.com/66085662
[3] Bret Victor – Additional Notes on "Drawing Dynamic Visualizations" (2013): https://worrydream.com/DrawingDynamicVisualizationsTalkAddendum/

#inkandswitch #BretVictor #visualization #diagram #proceduralgraphics

Inkbase: Programmable Ink

What would be possible if hand-drawn sketches were programmable like spreadsheets?

i was thinking about #proceduralTextures again… my understanding is that techniques like perlin noise are computalionally expensive enough that they are tend to use pre-rendered noise textures instead. but it there should be a ton of smol functions that should be faster to calculate than a texture lookup?

i'm thinking something similat to what @bitartbot does… they look very paralellizable

#procedural #proceduralGraphics

okay, the color wheel is implemented, and it turns out, if you just make it one rotation the colors will just form a gradient. not un-pretty but not insightful about the structure either.

two rotations seems to work pretty great, though. :)

#chaosGame #proceduralGraphics #fractal #mathArt #creations

moar #chaosGame! i made it so that the target points have randomly assigned colors. this brings out more structure and tends to be pretty (though i think a color wheel might work even better).

the 5-point "overlerped" (factor 1.5 once again) is very nice and organic.

#fractal #procedural #proceduralGraphics

you're probably wondering: what if #chaosGame, but instead of jumping half-way to the randomly chosen point, you go all the way and then some? (lerp factor 1.5)

instead of a Sierpinski triangle you get another, branchy #fractal. pretty cool! :)

#proceduralGraphics

ooh, apparently you can simulate the patterns of Chladni Plates by this fairly simple formula:

(a · sin (π · x · n) · sin (π · y · m)) + (b · sin (π · x · m) · sin (π · y · n))

x and y being the position on the screen/plate.

https://www.youtube.com/watch?v=Fvkw3IKJ8SU

#pattern #resonance #proceduralGraphics #procedural #ChladniPlates

Simulating Chladni Plates in Unity | Useless Game Dev

YouTube
Revision 2023 | 4kb Executable Graphics Competition Hype

YouTube
The Wavefunction Collapse Algorithm explained very clearly | Robert Heaton

The Wavefunction Collapse Algorithm teaches your computer how to riff. The algorithm takes in an archetypical input, and produces procedurally-generated outputs that look like it.

Robert Heaton