dis9034-2024-1

clase-09


13.05.2024


acercamientos solemne 2

ideas para el desarrollo

luego de que encontré la biblioteca p5.riso que sirve para p5, siento que puedo transformar varias fotos o dibujos en impresiones risográficas. Las impresiones risográficas son un sistema de impresión digital de alta velocidad fabricado por Riso pewKagaku Corporation, este tipo de impresiones en Chile son escazas, existen pocos estudios de diseño que ofrecen el servicio de este tipo de impresión (rata estudio, aoi club, dormidaeditoria, etc), por eso siento que puedo usar esta biblioteca para crear mis propias risos y usarlas para @rafita.studio y poder sacarle el jugo.

link del proyecto p5.riso: https://antiboredom.github.io/p5.riso/

deseo explorar la interactividad con la combinación de colores que ofrece la biblioteca en variedad de fotos y dibujos.


encontré la biblioteca en p5.js llamada p5.riso que transforma fotos y te ayuda a generar tus sketches o dibujos en impresiones risográficas

Captura de pantalla 2024-05-13 a la(s) 15 31 02

screenshot de la web que explica la biblioteca


procedimientos realizados clase 13.05.2024

según la página, la instalación requiere la creación de la carpeta p5,riso.js en el editor de p5, que contiene las siguientes 400+ líneas de código:

Captura de pantalla 2024-05-13 a la(s) 15 41 22

luego tocó insertar la siguiente línea de código en la carpeta del editor index.html debajo de la línea <head>:

<html lang="en">
  <head>
    <script src="p5.riso.js"></script>

ACTUALIZACIÓN 13.05.2024 17:30

acabo de descubrir que la función de la biblioteca nos ayuda a la separación de colores para la impresión risográfica, es una función muy buena, que nos ayuda a acortar la pega de la turtuosa separación de colores. Lo que no me ayuda mucho ya que yo pensaba que esta biblioteca nos crearía imágenes con una especie de simulación de textura de impresión risográfica, lo que no hace :(

AHORA NO SÉ QUÉ HACER VOY A SEGUIR INVESTIGANDO

ACTUALIZACIÓN 13.05.2024 16:15

descubrí la función de halftone que aplica un efecto de mapa de bits a la foto que subas al editor de p5, esta función se acerca más a lo que quería realizar, la utilización e interactividad con los colores.

Captura de pantalla 2024-05-13 a la(s) 16 15 27

con este código siento que puedo insertar elementos interactivos para las fotos que se usen, tales como la combinación de colores, posiciones, tipos de acabados (puntos, líneas, etc), y mucho más.

link del editor de p5 con las pruebas de halftone: https://editor.p5js.org/matbutom/sketches/_8f26rPs-

código para no perderlo:

let pink;
let img;

function preload() {
  img = loadImage('clobi.jpg');
}

function setup() {
  pixelDensity(1);
  createCanvas(img.width, img.height);

  pink = new Riso('fluorescentpink');
}

function draw() {
  background(220);

  clearRiso();

  let halftoned = halftoneImage(img, 'line', 3, 45, 90);

  pink.image(halftoned, 0, 0);

  drawRiso();
}