let scaleAmount = 1

​

function setup() {

  createCanvas(400, 400);

  textAlign(CENTER,CENTER)

  textSize(10)

  angleMode(DEGREES)

}

​

function draw() {

  background("black");

  push();

  let shearXAmount= dist(200, 200, mouseX, mouseY);

  let shearYAmount= dist(200, 200, mouseX, mouseY);

  translate(200,200);

  //rotate(rotateAmount)

  scale(scaleAmount)

  //shearX(30)

  //shearY(-10)

  shearX(shearXAmount)

  shearY(shearYAmount)

  scale(5)

  //rotate(45)

  textFont("Courier New");

  //text("WARP",0,0);

  fill("white")

  text("WOMP WOMP", 0, 0)

  push();

  fill("red")

  text("WOMP WOMP", 0, 1);

  pop();

  fill("cyan")

  text("WOMP WOMP", 1, 0);

  pop();

       }     

  function keyPressed() {

  console.log("key pressed!");

​

  if (key === "0") {

    saveCanvas(canvas, "sketch.jpeg");

  }

  }

//function mouseClicked() {

//  rotateAmount += 20

//}

​

function mouseWheel(event) {

  console.log(event)

  console.log(event.delta)

  scaleAmount = scaleAmount = event.delta

}