11

​

////WRITE POEM HERE

const string = "CAN YOU READ ME?"; 

//WRITE POEM HERE

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

////DO NOT TOUCH ATTRIBUTES BELOW THANKS

​

const size = 100; 

const fontFile = "Muli-Black.ttf";

const showText = true; 

const textAlpha = 0.5; 

const backgroundColor = 0; 

const strokeAlpha = 30; 

const strokeColor = 255; 

​

​

const fontSampleFactor = 0.2; 

​

const noiseZoom = 0.006; 

const noiseOctaves = 4;

const noiseFalloff = 0.4; 

​

const zOffsetChange = 0; 

const individualZOffset = 0; 

​

const lineSpeed = .5; 

const newPointsCount = 9; 

​

​

var font;

var points = [];

var startingPoints;

​

function preload() {

  font = loadFont(fontFile);

​

}

​

function setup() {

  createCanvas(windowWidth, 1080);

  background(backgroundColor);

  textFont(font);

  textSize(size);

  fill(backgroundColor, textAlpha);

  stroke(strokeColor, strokeAlpha);

  noiseDetail(noiseOctaves, noiseFalloff);

​

  startingPoints = font.textToPoints(string, width / 2 - textWidth(string) / 2, height / 2, size, {"sampleFactor": fontSampleFactor});

​

  for (let p = 0; p < startingPoints.length; p++) {

    points[p] = startingPoints[p];

    points[p].zOffset = random();

  }

}

​

function draw() {

  if(showText){

    noStroke();

    text(string, width / 2 - textWidth(string) / 2, height);

    stroke(strokeColor, strokeAlpha);

  }

  for (let pt = 0; pt < points.length; pt++) {

    let p = points[pt];

    let noiseX = p.x * noiseZoom;

    let noiseY = p.y * noiseZoom;

    let noiseZ = frameCount * zOffsetChange + p.zOffset*individualZOffset;

    let newPX = p.x + map(noise(noiseX, noiseY, noiseZ), 0, 1, -lineSpeed, lineSpeed);

    let newPY = p.y + map(noise(noiseX, noiseY, noiseZ + 214), 0, 1, -lineSpeed, lineSpeed);

    line(p.x, p.y, newPX, newPY);

    p.x = newPX;

    p.y = newPY;

  }

}

​

function keyPressed() {

  if (key == 's') {

    save();

  }

}

​

function mouseDragged() {

  for (let i = 0; i < newPointsCount; i++) {

    let angle = random(TAU);

    let magnitude = randomGaussian() * ((newPointsCount-1)**0.5*3);

    let newPoint = {

      "x": mouseX + magnitude * cos(angle),

      "y": mouseY + magnitude * sin(angle),

      "zOffset": random()

    };

    points[points.length] = newPoint;

    startingPoints[startingPoints.length] = newPoint;

  }

}