Cursor Test

let imgs = [];

var i = 0;

​

function preload() {

  imgs[0] = loadImage('1.png');

  imgs[1] = loadImage('2.png');

  imgs[2] = loadImage('3.png');

  imgs[3] = loadImage('4.png');

  imgs[4] = loadImage('5.png');

  imgs[5] = loadImage('6.png');

  imgs[6] = loadImage('7.png');

  imgs[7] = loadImage('8.png');

  imgs[8] = loadImage('9.png');

  imgs[9] = loadImage('11.png');

  imgs[10] = loadImage('12.png');

  imgs[11] = loadImage('13.png');

  imgs[12] = loadImage('14.png');

  imgs[13] = loadImage('15.png');

  imgs[14] = loadImage('16.png');

  imgs[15] = loadImage('17.png');

  imgs[16] = loadImage('18.png');

  imgs[17] = loadImage('19.png');

  imgs[18] = loadImage('20.png');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  //slow down frame rate on draw

  frameRate(2);

  preload();

}

​

function draw () {

  console.log('movedx:',movedX);

  addImg();

}

​

function addImg () {

    x = movedX;

    console.log(x);

    if(movedX > 1) {

    image(imgs[i], 0, 0, windowWidth, windowHeight);

    imgs.push(i);

    i = i+=1;

  } else {

    if(i==20) {

      i=0;

    }

    console.log(i);

  }

}

​

​

​

​

​