​

function setup() {

​

  createCanvas(windowWidth, windowHeight);

  background(250, 10, 100);

  textAlign(CENTER);

  textSize(30);

  noStroke();

​

  // set options to prevent default behaviors for swipe, pinch, etc

  var options = {

    preventDefault: true

  };

​

  // document.body registers gestures anywhere on the page

  var hammer = new Hammer(document.body, options);

  hammer.get('swipe').set({

    direction: Hammer.DIRECTION_ALL

  });

​

  hammer.on("swipe", swiped);

}

​

​

function draw() {

    background(250, 10, 100);

  text(startMsg, width / 2, height / 2);

}

​

​

function swiped(event) {

​

  console.log(event);

  if (event.direction == 4) {

    startMsg = "you swiped right";

  } else if (event.direction == 8) {

    startMsg = "you swiped up";

  } else if (event.direction == 16) {

    startMsg = "you swiped down";

  } else if (event.direction == 2) {

    startMsg = "you swiped left";

  }

}