* Repeating Text

 */

​

/////////////////////////// GLOBALS ////////////////////////////

let myFont;

let word = "BAUHAUS";

/////////////////////////// SETUP ////////////////////////////

function preload() {

    myFont = loadFont('FiraCode-Bold.otf');

}

​

function setup() {

  createCanvas(500, 500);

  background(0);

  noStroke();

  textFont(myFont);

  textSize(90);

}

​

/////////////////////////// DRAW ////////////////////////////

function draw() {

  background(0);

  let maxIteration = map(mouseX, 0, 500, 75, 500);

  let interval = map(mouseY, 0, 500, 1, 100);

  for (let i=75; i<maxIteration; i+=interval) {

    let gradient = map(i, 0, height, 0, 255);

    fill(gradient);

    text(word, 50, i);

  }

}

​

/////////////////////////// FUNCTIONS ////////////////////////////

​

function keyPressed(){

 if(key == 's'){

  //saveFrame("export_###.png"); 

 }

}