Sketches

  • p5.js - Ecosystem

    Randomly generated terrain, with the intention of creating an environment in which an ecosystem can be modeled.
  • p5.js - Ecosystem 2

    An iteration on generated terrain, which adds in resources at different elevations.
  • p5.js - Forest Fire Simulation

    Simulates forest fire propagation using cellular-automaton modeling, with basic interaction to create fire breaks.
  • p5.js - Forest Fire Simulation - Part 2

    Adds interaction to the forest fire simulation sketch, with limits to amount of fire breaks that can be added, and ability to load different scenarios.
  • p5.js - Forest Simulation

    Simulates the life-cycle of individual trees in a small forest, as they compete over resources.
  • p5.js - Forest Simulation 2

    Simulates the life-cycle of individual trees of difference species, as they compete over resources.
  • p5.js - Frieze Pen

    Allows you to draw a frieze, reflecting the lines you draw through a horizontal line, and repeating off to the right.
  • p5.js - Frieze Pen 2

    Allows you to draw a frieze, reflecting and translating the lines; with improved drawing features of undo/redo, stroke color and weight, and an animation to redraw the sketch.
  • p5.js - Grid Puzzle

    A very simple puzzle where you need to click pairs of tiles to match colors of background and nested squares to clear the board.
  • p5.js - KeyViz

    Preliminary sketch to record keyboard input and allow it to be played back, with the intention of allowing the user to create time-based drawings.
  • p5.js - Logic Gates

    Basic simulation of logic gates, switches, and clock signal inputs, along with a set of scenarios to load.
  • p5.js - Meandering River

    Preliminary sketch modeling the meandering of a river.
  • p5.js - Nautical Flags

    Sketch rendering the various International Maritime Signal Flags, including numbers and Answering pennants, as you type on your keyboard.
  • p5.js - Nautical Flags - Part 2

    Sketch that allows you to compose a message in nautical flags and get a shareable URL that will re-render the message on a friend's computer.
  • p5.js - Paisley Spiral

    Demo of drawing multiple Paisley shapes in a spiral pattern to explore controlled generation of head/tail/heading parameters.
  • p5.js - Slippy Map

    An exploration of implementing Slippy-Map tile manager and rendering for pannable / zoomable view.
  • p5.js - Snowflake Pen

    Allows you to draw a snowflake by repeating and reflecting the lines you draw around a circle.
  • p5.js - Soccer Field

    A sketch series to serve as an introduction to drawing shapes with p5.js to draw a soccer field.
  • p5.js - Thermal Cells

    Simulation of heat transfer across a grid of cells, where you can add heat sources, heat sinks, and thermal walls to see how the heat dissipates.
  • p5.js - Tree Rings

    Preliminary sketch that establishes cells of a tree trunk cross-section to represent the growth rings experienced in different seasons.
  • p5.js - Voronoi Herd

    Simulates members of a herd avoiding a predator (that you click and drag) using mix of a Voronoi diagram (for fear modeling) and Boid modeling of movement.