interactive comic template

  3.2.24

*/

​

​

let state = 1;

let img1;

let img2;

let img3;

​

function preload() {

  img1 = loadImage('Images/image_1.png')

  img2 = loadImage('Images/image_2.png')

  img3 = loadImage('Images/image_3.png')

}

​

function setup() {

  createCanvas(500, 500);

  textSize(30);

  textFont('comic sans MS')

}

​

function mousePressed() {

  state++;

  if (state == 4) {

    state = 1;

  }

}

​

function draw() {

  background(220);

  // panel 1

  if (state == 1) {

    image(img1, 0, 0, 500, 500,)

  }

  // panel 2

  if (state == 2) {

    image(img3, 0, 0, 500, 500)

  }

  // panel 3

  if (state == 3) {

    image(img2, 0, 0, 500, 500)

  }

  text(state, 20, 40)

}