​

var smile;

function preload(){

​

smile = loadAnimation("smiley_1.png",

                          "smiley_2.png",

                          "smiley_3.png",

                          "smiley_4.png",

                          "smiley_5.png",

                          "smiley_6.png",

                          "smiley_7.png",

                          "smiley_8.png",

                          "smiley_9.png",

                          "smiley_10.png",

                          "smiley_11.png",

                          "smiley_12.png",

                          "smiley_13.png",

                          "smiley_14.png",

                          "smiley_15.png",

                          "smiley_16.png"

                          );

}

​

function setup() {

 createCanvas(9 * 72, 11 * 72); // letter size

  pixelDensity(1); //this compensates for density of retina screens

​

  let blue = new Riso("blue");

  let pink = new Riso("FLUORESCENTPINK");

  background(255); 

  clearRiso();

 drawRiso();

​

}

​

function draw() {

  animation(smile, width/2, height/2);

  if(mouseIsPressed)

    smile.play();

  else

    smile.stop();

}