Generative-o-matic
Assortment of P5js, Processing and OpenFrameWorks sketches.
What is it then?
Some generative art sketches and simulations involving computer vision, optical flow, particles, vector fields, voice recognition via Google's TeachableAI and ML5js, feature tracking and sentiment analysis via CLMTrackr. For now Processing and P5js, only, but and OpenFrameWorks sketches will follow shortly.
How can i use them?
For the Processing sketches you need Processing 4.2, perhaps later versions work as well. A bash script is installed in each sketch's directory, acting as a processing-java command line tool launcher. For P5js you can try VSCode with the P5.vscode extension, which pulls a live server, or you can try opening the HTML files in your browser. Note that some sketches require audio and/or webcam access, so make sure you are granting permissions for the sketches. There's nothing suspicious about such access, but the sketches are small so even a beginner should be able to read them and feel reassured nothing abnormal is taking place.
The exception(s)
Some sketches require running a NodeJS server though. This sketch in particular, which relies on P5.multiplayer in order to have multiple users interacting via a QR scanned UI/interface sketch in their mobile devices with a host sketch.
Processing/Java
- Instability I: biological like simulation, particle growth with dendrites, reacting to mouse input, but with action of their own.
- Instability II: Particle agents move through a flow field, are attracted to nearby particles, but not too much, and occasionally eat the neighbours. Now with a grid optimization for the nearest neighbour.
- Instability III: Particle trails along a flow field.
- Instability IV: Particle trails, showing some dendritical like exploration, until they converge and stabilize.
- Solar I: Radial growth and boiling like motion, reminiscent of the Sun's photosphere.
- Solar II: Variation of Instability I without the mouse input.
- Solar III: Faster more fluid version of Instability I, with faster cycle and different palette generation.
- Solar IV: Particle radial growth, stabilization, reacting with mouse input. More visually stable than the other variants and with a different palette cycle�.
P5js sketches
- Blur: defocused overlaying circles with a pseudo-random color gradient
- Colored Orbitals: wireframe orbitals around a center of attraction, somewhat reminiscent of the 1960's Cubic Kennedy
- Flowfield: particle color accumulation as it traverses a noise vector field.
- Flowlock: colored particles with movement rules across a noise vector field.
- Frosted Window: random colored lines with pseudo-random color gradient.
- Heatwave I: Procedural cityscape sunset, with gloom and pixelation.
- HLines I: An attempt at a Color Field painting sketch using the slow accumulation of pseudo-random grid lines with a pseudo-random gradient color.
- HLines II: Variation of the HLines I using ellipses and circles on a grid, creating a frosted window like effect with a color field.
- Light Orbitals: wireframe orbitals with lighter desaturated background.
- Multiplayer Fluids: WebGL fluid dynamics where the user can join a NodeJS server via a QR code, and use his mobile phone to interact with other users and the fluid field.
- Networked Cymatic: Pseudo-cymatics, where the user interaction in a server generates the wave patterns and oscillations on the plane.
- Noisey Waves: radial noise circles overlaying.
- Orbitals ML: Google Teachable Machine trained particle orbitals around a center where multiple users can join and command the orbitals with ML trained voice recognition. Commands can be Stop, X Rotate, Y Rotate, Z Rotate, Warmer, Colder, Faster, Slower, Bigger, Smaller, Wider, Closer.
- Solar Mirror: variant of Heatwave I, with the appearance of a sunset on a solar mirror array.
- Solar Mirror Sunset: Yet another variant of Heatwave I.
- Webcam Field Connectors: Particle agents moving on a flow field generated by the webcam. The user can use gestures to drive the particles, but the particles have their own defined behaviour, being attracted to one another, but not too much. The attraction, proximity, repelling, generates sound waves. It creates the idea of sonic fluid around a user's gestures.
- Webcam Vector Field: More basic version of the particle agents on a vector field.
License
All sketches GNU GPLv3 licensed, except where explicitly stated otherwise.