Sketches

  • p5.js - Random 001

    Click and drage to draw circles sized and colored based on speed of mouse.
  • p5.js - Random 002

    Polygons that bounce around the canvas, reminiscent of some Windows 3.1 screensavers. Click to add new vertex, Press c redraw background, and v, b, l to cycle through vertex modes.
  • p5.js - Random 003

    Perlin noise generated lines, similar to Joy Division's 'Unknown Pleasures' album cover.
  • p5.js - Random 004

    Perlin noise lines, but strokeWeight is based on the noise value.
  • p5.js - Random 005

    Perlin noise lines, but strokeWeight and color is based on the noise value.
  • p5.js - Random 006

    Perlin noise cirlces, with size and color based on noise value.
  • p5.js - Random 007

    Perlin noise cirlces, with size and color based on noise value, and iterating through blendModes.
  • p5.js - Random 008

    Perlin noise arcs, with size and color based on noise value.
  • p5.js - Random 009

    Perlin noise arcs, with size and color based on noise value.
  • p5.js - Random 010

    Perlin noise curves via TRIANGLE_STRIP.
  • p5.js - Random 011

    Perlin noise curves via LINES.
  • p5.js - Random 012

    Perlin noise curves via LINES, connecting noise values resulting in dashed lines (rather than vertical bars in 011).
  • p5.js - Random 013

    Perlin noise curves via TRIANGLES, resulting in something similar to a bar chart, but where each bar is a triangle instead of a rectangle.
  • p5.js - Random 014

    Perlin noise curves via quad(), resulting in something similar to previous triangle variation, similar to bar chart, but where each bar is a trapezoid instead of a rectangle.
  • p5.js - Random 015

    Perlin noise curves via quad(), resulting in wavy lines draw as bars formed by quadrangles.