Pretty Code #minacoding 8_23

/*

  Pretty code // 8.6.2023

  #minacoding #p5js #generativeart #dailycoding

 */

​

let myFont, mySource, tS;

​

const languageWords = ["let", "const", "function", "for", "of"];

​

function preload() {

  myFont = loadFont('SourceCodePro-VariableFont_wght.ttf');

  mySource = loadStrings('SourceCode.js');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  pixelDensity(1);

  colorMode(HSB, 100);

  frameRate(60);

  textFont(myFont);

  textSize(tS = 24);

  textStyle(BOLD);

  textAlign(LEFT, TOP);

  // console.log(mySource)

}

​

function draw() {

  background(0)

  noStroke();

  fill(255)

  drawSource(-width, -height/2, 0.1, 0, 0.2)

  drawSource(0, 0, frameCount / 100, frameCount / 123, 0)

  drawSource(- width / 3, -height, 0, 0, sin(frameCount * 0.1))

  drawSource(- width / 3, -height, sin(sin(frameCount * 0.1)), 0, 0.1)

  // noLoop();

}

​

function drawSource(ix, iy, rx, ry, rz) {

  push();

  translate(ix, iy);

  rotateX(rx);

  rotateY(ry);

  rotateZ(rz);

  strokeWeight(2);

  for (let i = 0; i < 200; i+= 10) {

    stroke(80, 80, 20, 50-i*0.25);

    line(i, -height, i, height)

    stroke(60, 80, 20, 50-i*0.25);

    line(40 * tS - i, -height, 40 * tS - i, height)

  }

  noStroke();

  let y = (-frameCount * 2.5) % (mySource.length * 1.2 * tS);

  for (let line of mySource) {

    line = line.replace("\t", "  ");

    // const words = line.split(/[ ,.\(\)\{\}]+/); // 

    const words = line.split(" ");

    let x = 0;

    for (let word of words) {

      const bbox = myFont.textBounds(word, x, y, tS);

      const wordLen = word.length === 0 ? tS : bbox.w; // word.length * tS;

      // console.log(">" + word + "< " + word.length); // + " * " + wordLen

      fill(10 + 30 * noise(x * 0.1, y * 0.1), 75, 75);

      if (languageWords.includes(word)) fill("blue")

      text(word, x, y)

      x += wordLen + tS;

    }

    y += tS; // next line

  }

  pop();

}

​

function windowResized() {

  setup();

}

function mouseClicked() {

  if (mouseButton === LEFT) setup();

}