68

P5.Riso.js: a p5.js library for generating files suitable for Risograph printing

 4 years ago
source link: https://antiboredom.github.io/p5.riso/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

What & Why

p5.Riso.js is a p5.js library for generating files suitable for Risograph printing. It helps turn your sketches into multi-color prints.

A Risograph is sort of like a photocopier combined with a screen printer. Just like in screen printing, it prints one color at a time, each as a separate layer. To prepare digital files for riso printing, images need to be separated into individual colors, each saved out as a file. The p5.Riso Library helps automate color separation and lets you preview of how your prints will look. It makes it possible to turn your interactive p5 sketches into print art!

Full source and examples on Github .

Installation

Local

  • Download the p5.riso.js library file and save it to your sketch folder. Add the path to the library file inside the 'head' tags of your index.html file:
<script src="p5.riso.js"></script>

OpenProcessing

  • Create a new tab by clicking the '+' button next to the mySketch tab. Copy & paste the code from the p5.riso.js file straight into your new tab. You can also fork one of our sample sketches (made on OpenProcessing) and work from there!

p5.js Web Editor

  • Click the grey '>' button under the pink play button on the top left to open the file console. Add a new file to your sketch by clicking the '▼' button. We suggest calling it p5.riso.js. Copy & paste the code from the p5.riso.js file into your new file. Then, click on the index.html file on the sidebar. Add the line of code below under the 'head':
<script src="p5.riso.js"></script>

Tutorials


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK