Brian Honohan

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.

  • p5.js - Random 016

    Perlin noise curves via beginShape() to draw a solid, singular shape with noise plotted as top edge of each shape.

  • p5.js - Random 017

    Perlin noise curves via beginShape() to draw a solid, singular shape with noise plotted as top and bottom edge of each shape.

  • p5.js - Random 018

    Perlin noise curves via vertical lines with varying widths, and noise determining top and bottom points of the line.

  • p5.js - Random 019

    Perlin noise flow field, visualized via vectors.