Skip to content

rberenguel/sketches

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Sketches

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



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



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



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


  • Star field simulation that grew into rolling hills and "moon"
  • code
  • Explore it here

202005 - Divide et impera #p5js


  • code
  • Color treemap via naive k-means palette extraction below
  • Explore it here

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



202005 - Watercolour #p5js



202005 - Going crazy #p5js



202005 - Conway's Game of Life #p5js


202005 - Sorting myself out #p5js



202005 - Hailstorm #p5js