antiboredom / p5.riso

A p5js library for risograph printing by Sam Lavigne and Tega Brain.

p5.riso.js

Documentation: https://antiboredom.github.io/p5.riso/

Notes:

To do:

• add more dithering options
  • add dithering options for graphics, or for entire color object (layers)
• document halftones
• function to select like colored pixels (magic wand)
• translate image color spaces
• document CMYK channel compression function

p5.riso's Issues

Cant get examples to work that arent using images

I am so excited to use this library, thank you so much for making it!

I'm not sure if I am missing something but it seems lots of examples dont work in the p5 editor (or when I recreate the examples locally) e.g:

• https://github.com/antiboredom/p5.riso/tree/master/examples/Cutout

• https://github.com/antiboredom/p5.riso/tree/master/examples/Color_test

• https://github.com/antiboredom/p5.riso/tree/master/examples/Smudge

Have I missed something?
thanks!

TypeError: this._curElement is undefined (p5.riso: line 104)

Getting this export error while trying to do something rather complex. looping over an object that is drawing with begin/end shape.

Does this seem like an issue in the Library. I really cant tell, but I've not run into any issues yet with similar types of sketches that don't instantiate a class.

the sketch in question: https://editor.p5js.org/benmoren/sketches/EhMoKa5zH

something similar which is fine: https://editor.p5js.org/benmoren/sketches/z_C5L0b-q

Riso.image fill not working

When I try the Riso.image example, no matter if I use orange.fill(200); of orange.fill(0); I get the same result.

According to the docs this should work: code

Link to the example of issue

Library

Consider submitting this to the processing foundation to add as an official library?

Does not work in instance mode

Thank you so much for this library! It's so great!

I tried to use it in instance mode and couldn't, since the library assumes everything is in global mode. I've patched together a local copy that uses a passed in instance, but I think the constructor API is technically a breaking change (needs a new parameter) so I didn't want to send a PR unless you wanted this. Let me know if I should!

Examples for extractRGBChannel and extractCMYKChannel functions not working

I'm trying to run the examples for the extractRGBChannel and extractCMYKChannel functions given on the website but it seems that the draw function does not do anything. Is it a faulty behaviour ? Is the function the same as using the image function (see comment in the code below)?

Reproduce the issue
Use the following code in the web editor to reproduce the issue:

let img_url = "https://images.unsplash.com/photo-1579202673506-ca3ce28943ef?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=668&q=80";
 
let img;

function preload() {
  img = loadImage(img_url);
}

function setup() {
  // from the website   
  createCanvas(500, 500);
  let blue = new Riso("blue");
  let red = new Riso("red");
 
  let justBlues = extractRGBChannel(img, "blue"); //extract blue from img
  let justReds = extractRGBChannel(img, "red"); //extract red from img
  
  // these 2 functions does not seem to display anything
  blue.draw(justBlues); //draw justblues to blue layer
  red.draw(justReds); //draw justred to red layer
  
  // is the first function above similar to the one below?
  //blue.image(justBlues, 0, 0);
  
  drawRiso();
}

Many thanks for the the library. It's a lot of fun using it 😃