linkProblema:

Introducir el análisis de imágenes/video al implementar: Conversión de la imagen a ASCII Art.

linkInformación

linkASCII Art

El arte ASCII es una técnica de diseño gráfico que consta de imágenes ensambladas a partir de los 95 caracteres de impresión (de un total de 128) definidos por el estándar ASCII de 1963, adicionando los conjuntos de caracteres compatibles con ASCII con caracteres extendidos patentados (más allá de los 128 caracteres de ASCII estándar de 7 bits).

linkSolución

linkConversión a ASCII Art

1link

2link

3linklet img;

4linkconst caracteres =

5link  "$@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/|()1{}[]?-_+~<>i!lI;:,\"^`'. ";

6link

7linkfunction preload() {

8link    img = loadImage('/vc/docs/sketches/Workshop1/ASCII/example8.jpg');

9link}

10link

11linkfunction setup() {

12link

13link  createCanvas(400, 700);

14link  ConvertToText(img)

15link}

16link

17link

18linkfunction ConvertToText(img) {

19link  img.resize(160, 200)

20link  textFont("monospace")

21link  textSize(4)

22link  textLeading(3)

23link

24link  grices = []

25link  for (let j = 0; j < img.height; j++) {

26link      for (let i = 0; i < img.width; i++) {

27link          tono = img.get(i, j);

28link          grices.push(tono[0])

29link      }

30link  }

31link

32link  ascii = "";

33link  for( var i = 0; i<grices.length;i++){

34link    let Siguiente = caracteres[Math.ceil(((caracteres.length - 1) * grices[i]) / 255)];

35link    Siguiente = (i + 1) % img.width == 0 ? "\n" : Siguiente;

36link    ascii += Siguiente;

37link  }

38link

39link  text(ascii, 0, 0);

40link

41link}

42link