PRES-MEDI MACHINE #01

Developing an interactive data visualiser using p5.js & chat-GPT

The original Pressure Mediation series of works on paper explores the generative process of value expression by Mother Nature through the medium of a human subject and their chosen medium of black ink on white paper. This medium was deliberate chosen for it's limitations in an attempt to further reduce the process to its most fundamental principles.
In comparison to the biological medium of a human and the analog medium of ink on paper, the digital medium of code and algorithmically generated visuals has its own unique set of limitations.

  • HOW IS THE WAVE-FIELD GENERATED?

    on each browser window refresh, a unique pattern of lines is generated. The path of the first line is determined by a random number being added to the distance between the lines current drawing position (the end of the white line) and the left border-line. After the first line is drawn, each new line propagates the difference between the path of the previous line and the one drawn before that.

  • OFFSET / REACTION / SPEED

    The OFFSET slider has three positions:
    LEFT. 1px is subtracted from the offset calculation.
    CENTRE.     No change to the offset calculation.
    RIGHT. 1px is added to the offset calculation.

    The REACTION and SPEED sliders are still a work in progress and can only be set before the first line has finished being drawn.

  • PRES-MEDI MACHINE #01

    Version 1.01 (WIP)

    01.     Add the dynamic REACTION values to the Y-axis offset calculation.
    02. Prevent prolonged negative offset from allowing a current line to cross the path of a previously drawn path.