Skip to main content

Command Palette

Search for a command to run...

MinaCoding2024_Create

Transforming Lines into More

Updated
1 min read
MinaCoding2024_Create

LinedWorkingImagery

For the 7th day of #MinaCoding2024 : "Create" , LinedWorkingImagery is coded in P5JS shows numerous lines layered in a 3D perspective while they are working. Then later remixed with Glitchlab to create something else

Poetry

Intersection of Lines
Their Transformation intertwines
Translating
Rotating
Elevating
Spectating

Images

Original Video

P5JS Code

function setup() {
  createCanvas(800, 800);
}

function draw() {

//Line Color Scheme with StrokeWeight
  frameRate(45)
  background((second() % 20) * 12);
  for (i = 0; i < 800; i++) {
    if(i % 5 == 0)
{
  stroke("purple")
  strokeWeight(second() % 6 + 1)
}    
    else if (i % 3 == 0) {
      stroke("blue");
      strokeWeight(Math.cbrt(second()/ i))
    } else if (i % 2 == 0) {
      stroke("teal");
    } else {
      stroke("gold");
    }
//Lines
    line(i, i / 2 + second() % 12, (i * second()  %12), i / 3);
    line(i / 2, Math.cbrt(i * second() % 30) * 12, i / 3, i);

    line(i / 2, i / 3, i, Math.hypot(i, (second() % 30)/8));
    line(i + random(-2,2), i, i / 3, i / 2 * (random(-3,3)));
  }
}

MinaCoding2024

Part 24 of 30

Creations and Outputs created for the MinaCoding2024

Up next

MinaCoding2024_Morning

Early Morning Thoughts