P5.Js


These tools are made using P5.JS on the P5JS.org online editor.


CIRCLE TRACE ︎︎︎

A very simple program I created early on to try and figure out how to code and what anything did. Most of these first programs fall into that catagory.

RANDOM DOTS ︎︎︎

This is a simple program that explores the use of the random function. My initial hope was that bringing in randomness could be a substitute for agency of the tools

LIGHTS ︎︎︎

These sorts of programs are interesting to me because they are such simple programs, but the outputs can be beautiful and complex, but are I think easily dismissed because it is created to easily.

QUAD CIRCLE RANDO DRAW ︎︎︎

This program is the first of the semi collaborations with code I created. The output is a collaboration between the user's mouse movements and a random math function. It is impossible to control this program; the human user must hand over some control over the outputs.

QUAD ART MOUSELSPRESSED ︎︎︎

This is a modification of the previous program. The human is given a little more control of the outputs.

SINE WAVE LINE DRAW ︎︎︎

This program removes the human agent from the program and instead combines a random function with a simple sin wave. 

I TRIANGLES RANDOM! ︎︎︎

Each mouse click by the human creates a set of between 1 and 4 randomly sized triangles on the canvas. 

NOISE DRAWING TESTS ︎︎︎

This is another of the "Strange Tools" projects. A collaboration between human and non-human agency(sort of). The program uses a version of randomness called noise. Each number is random but related to the number before it.

NOISE DRAWING WITH CIRCLE ︎︎︎

More beautiful and simple math. It is easy to create and easily dismissed. I think this dismissal is a mistake and highlights something broken in our western world view.

NEIL LEONARD LP IDEA ︎︎︎

This was my first attempt at using this sort of work in my commercial design practice. The clients passed.

CLASS WITH LINES ADVANCED ︎︎︎

This is another "Strange Tool" program.

STRANGE DRAWING TOOL WITH NOISE SEED ︎︎︎

This is another "Strange Tool" program.

MAP MIRROR LINE DRAWING ︎︎︎

This program is a warped mirroring of the human's input in a simple drawing program.

SPIROGRAPH SORT OF ︎︎︎

This program is part of a series of spirograph inspired collaborations. The human has a version of control over a range of aspects of the outputs, but math and a lack of clear instructions make the outputs difficult to control.

ARRAY WITH TRACK MOUSE ︎︎︎

This is an exploration with arrays and human inputs that are used to create a simple animation.

PARAMETRIC EQUATIONS 2 ︎︎︎

Parametric equations were used in some of the oldest code-based art. This program is based on the 1961 work of John Whitney.
https://www.youtube.com/watch?v=TbV7loKp69s&ab_channel=crystalsculpture2

CHEN-CELIKOVSKY ATTRACTOR ︎︎︎

Strange attractors are unique from other phase-space attractors in that one does not know exactly where on the attractor the system will be. Two points on the attractor that are near each other at one time will be arbitrarily far apart at later times. The only restriction is that the state of system remain on the attractor. Strange attractors are also unique in that they never close on themselves — the motion of the system never repeats (non-periodic). The motion we are describing on these strange attractors is what we mean by chaotic behavior.
https://www.stsci.edu/~lbradley/seminar/attractors.html

GENESIO-TESI ATTRACTOR ︎︎︎

See previous.

RUCKLIDGE ATTRACTOR ︎︎︎

See previous.

SPROTT-LINZ A ATTRACTOR ︎︎︎

See previous.

CUBO WITH FOR LOOPS ︎︎︎

Creating a program that could automate the surrealist collage method of cubomania was something I had been trying to figure out for years. This program downloads a random photo from the internet (picsum.photos is the site I am using for this one) and cuts up the image into rectangles, and then rearranges those back into the dimensions of the original image.

BADAD PROJECT ︎︎︎

This program uses an ML5 port of a machine learning model image classifier based on the MobileNet data set.

FACEAPI_POSTER MAKER ︎︎︎

This program uses a modified FaceApi machine learning model provided by Ml5. The program uses the amount the human's mouth is open to determine the point size of the overlaid text.


FINGER DRAW NUMBERED ︎︎︎

This program uses the handpose machine learning model to predict the location of your fingers. The program will use your camera if allowed.

INDEX FINGER POSTER V1 WORKING ︎︎︎

This program is a machine learning collaboration that allows the human to finger paint in space to create a simple poster.