// tasks:

//   uncomment each line one by one, and before uncommenting,

//   try to reason how the sketch will change. does it match

//   with your mental image? why or why not?

​

let steps = 100;

let targetx = 320;

let targety = 120;

​

function mouseMoved() {

  // targetx = mouseX;

  // targety = mouseY;

}

​

function setup() {

  createCanvas(640, 480);

  textAlign(CENTER);

}

​

function draw() {

  background(220);

​

  textSize(48);

  textStyle(BOLD);

​

  fill('black');

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

    // fill(map(i, 0, steps, 255, 0));

    text(

      "WORKSHOP",

      map(i, 0, steps, targetx, 320),

      map(i, 0, steps, targety, 240),

    );

  }

​

  // fill('white');

  text("WORKSHOP", 320, 240);

}

​