Riso test

// convert a color image into a cyan and magenta print

let img;

let c,m,y,k;

​

function preload() {

  img = loadImage('sushi.png')

}

​

var cmyk = {

  c : 255,

  m : 255,

  y : 255,

  k : 255,

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

  // gui setup

  var gui = new dat.GUI();

  gui.remember(cmyk);

​

  gui.add(cmyk, 'c', 0, 255);

  gui.add(cmyk, 'm', 0, 255);

  gui.add(cmyk, 'y', 0, 255);

  gui.add(cmyk, 'k', 0, 255);

​

  c = extractCMYKChannel(img, "cyan"); //extract cyan from img

   m = extractCMYKChannel(img, "magenta"); //extract cyan from img

   y = extractCMYKChannel(img, "yellow"); //extract cyan from img

   k = extractCMYKChannel(img, "black"); //extract cyan from img

}

​

function draw() {

  background('white');

  clearRiso();

  let cyanChannel = new Riso("cyan"); //create riso object, set to blue

  let magentaChannel = new Riso("magenta"); //create riso object, set to blue

  let yellowChannel = new Riso("yellow"); //create riso object, set to blue

  let blackChannel = new Riso("black"); //create riso object, set to blue

​

  cyanChannel.fill(cmyk.c);

  cyanChannel.image(c, 0, 0);

  magentaChannel.fill(cmyk.m);

  magentaChannel.image(m, 0, 0);

  yellowChannel.fill(cmyk.y);

  yellowChannel.image(y, 0, 0);

​

  blackChannel.fill(cmyk.k);

  blackChannel.image(c, 0, 0);

  drawRiso();

}

​

function mouseClicked() {

  background('white');

  drawRiso();

}