let scaleAmount = 1

​

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES)

}

​

function draw() {

  background(220);

  push();

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

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

  circle (200, 200, 50)

  translate(200,200);

  //rotate(rotateAmount)

  scale(scaleAmount)

  //shearX(30)

  //shearY(-10)

  shearX(shearXAmount)

  shearY(shearYAmount)

  scale(5)

  //rotate(45)

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

  //textFont("Courier New")

  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

}