Generative art sketches. Newest first
202308 - Palette spheres 🇨🇭 🎥 #p5js
- I explored circles-with-shadows, and tweaked the code to make it animated. Artistically it is not fascinating, but it works as a codebase to remind me how to animate things as I write them.
- code Code is resolution independent but I have disabled the controls
- Explore it here
- NEW See in place
202308 - That's no moon 🇨🇭 #p5js
- The "stars" in the sketch below made me think of craters in a moon. I added some hack for a "like a sphere projection" and got this (the starfield is based on the one in Synthwave)
- code Partially resolution independent
- Explore it here
- NEW See in place
202308 - Big Bang 🇨🇭 #p5js
- Tried to see what happens when you draw a circle only drawing tangent lines to it, tapered in reverse (less dense at the contact point). How I got here is hard to say.
- code Partially resolution independent
- Explore it here
- NEW See in place
202308 - Sail away 🇨🇭 #p5js
- Started playing with translucent rectangles and circles, got clouds
- code Resolution is hardcoded, but the code is resolution independent.
- Explore it here
- NEW See in place
202306 - Rajola 🇨🇭 #p5js
- Chladni patterns using a palette based on classic Catalan hydraulic tiles, with a generative cement texture. All in a GLSL shader (well, except the noise).
- code Resolution is hardcoded, but the code is resolution independent.
- Explore it here
- NEW See in place
202306 - Ideas 🇨🇭 #p5js
- A network of ideas?
- code Shape and color are resolution independent, but the layout of connecting lines and small circles is not. It will look very similar though
- Explore it here
- NEW See in place
202306 - Lif 🇨🇭 #p5js
- Conway's game of life in a shader. The code has comments to remember how I did this because it took me a while
- code Not resolution independent
- Explore it here
- NEW See in place
202305 - Creation 🇨🇭 #p5js
- Just random curves on random circle radii
- code Resolution independent-ish.
- Explore it here
- NEW See in place
202305 - Temple 🇨🇭 #p5js
- Inspired by what became 'Impossible Distance' by Ippsketch
- code Resolution independent-ish.
- Explore it here
- NEW See in place
202305 - (Through)² the trees 🇨🇭 #p5js
- Uses several of the tricks in Bubbles below (stacked blurs, stacked randoms)
- code Resolution independent, but only reproducible at the exact same resolution factor.
- Explore it here
- NEW See in place
202305 - Bubbles 🇨🇭 #p5js
- Based on these random random distributions on a circle.
- code Resolution independent, but only reproducible at the exact same resolution factor.
- Explore it here
- NEW See in place
202305 - Out of Fabric 🇨🇭 #p5js
- Taking the applique effect in Modern Art to the next (and very memory intensive) level.
- code Resolution independent, but controls are disabled: placement of stalks and flowers is not well calibrated for other resolutions than 1x. Also, can't go higher than 1.5 on iPad due to canvas memory constraints. Did I say it is memory intensive?
- Explore it here
- NEW See in place
202305 - Underwater 🇨🇭 #p5js
- A "simple" piece of random triangles where I wanted to explore a dotted effect and what I could do "smartly" with masking. It is also the first piece that is fully resolution independent and reproducible at any scale with only very minor variations
- code Fully resolution independent, with signature (this time as an hex identifier for the seed).
- Explore it here
- NEW See in place
202304 - Flows 🇨🇭 #p5js
- Layered particle flow in a noise field. Variable size and alpha of the dots gives it a grainy, painterly look
- code Resolution independent and the first (so far) reproducible via seed and parameters, see the lower-right area of a saved image.
- Explore it here
202304 - Modern 🇨🇭 Art #p5js
- I was going to work on a renewed embroidery sketch and ended up with this cloth texture generator
- code This is not resolution independent even if it has the controls in place. Could be made to be, though.
- Explore it here
202304 - La Truche 🇨🇭 #p5js
- While thinking about hiking up to La Truche, I thought about Truchet tiles. To make them local, I used the color palette of an old Swiss map and some fake syllabic generated names.
- code This is not resolution independent even if it has the controls in place. Could be made to be, though.
- Explore it here
202304 - Stained 🇨🇭 #p5js
- I have a project that needs generative stained glass, so here it is
- code This should be resolution independent (except for the noise in the metal) but haven't really tried
- Explore it here
202304 - Synthwave 🇨🇭 #p5js
- Reusing the most annoying parts of 70s Patch below; but adding additional faces to the ridges (although without many failsafes for collision). Also has a custom glow for the terrain (I blame Safari on having to do that)
- code This should be largely resolution independent code
- Explore it here
202303 - 70s Patch 🇨🇭 #p5js
- Inspired on Panoramas by estienne_ca. Has some interesting techniques.
- code This should be largely resolution independent code
- Explore it here
202303 - Pencils 🇨🇭 #p5js
- Based on this 2023 Genuary entry by meezwhite. A large part of the mechanics are based on Iris.
- code This should be largely resolution independent code
- Explore it here
2021?? - Fakembroidery #p5js
- Based on this Houdini tutorial for generative embroidery, reusing the palette sketch (below) for color quantization. I wrote this several months ago and meant to rewrite it and improve it, but it never happened. Since so much time has passed, I decided to publish it, maybe somebody finds it useful.
- code
- Explore it here
202101 - DoF #p5js
- Tweakings from the code in 11th Codecember 2020 (in turn based in Depth of Field by Anders Hoff)
- code
- Explore it here
202008 - Chord diagram #d3js/v6
- D3 chord diagram with zoom and pan
- code
- Find the code for the chord matrix computation in the Python notebook here
- Explore it here
202006 - Iris #p5js
- Generative irises
- code (new version, this should be resolution independent code)
- Explore it here
- You can read a blog post about it here.
202005 - Crazy nights #p5js
202005 - Divide et impera #p5js
202005 - Palette #p5js
- Naive k-means palette extraction. Offers two modes (centroid or closest color to centroid) and allows you to use your own images and change the number of clusters
- code
- Explore it here
202005 - Blot/Painting #p5js
- Based on Esteban Hufstedler's Ink Splashes
- code
- Explore it here
- You can read a blog post about it here.
202005 - Watercolour #p5js
- Based on Tyler Hobb's polygon deformation
- code
- See it here
202005 - Going crazy #p5js
- Based on Anders Hoff's Sand Splines
- code
- See it here here
202005 - Conway's Game of Life #p5js
202005 - Sorting myself out #p5js
202005 - Hailstorm #p5js
