jueves, 28 de junio de 2012

Propuesta de Video

Esta es la propuesta de video. El tema principal es el videojuego y su evolución a través de utilizar el pixel como forma de expresión. El video se realizó a través de elementos del escritorio de Windows como medio visual.


miércoles, 27 de junio de 2012

Propuesta de Arte Digital


Mi propuesta tiene que ver con una página web, donde el usuario coloca una palabra (o escoge una) y a través de una base de conocimiento selecciona textos e imágenes que tienen mayor o menor incidencia, los publica en forma de ascii art, que cada cierto tiempo va cambiando.

En el fondo tendríamos un buscador de rss que obtendría los resultados desde el Internet, y las imágenes vendrían cargadas una vez que se ejecute el script. Las imágenes que se forman se presentan por color (ya no por el tipo de caracter) y en tiempo real va cambiando de acuerdo a la imagen que se carga.

Además se permite al usuario seleccionar otra palabra clave del texto presentado, haciendo cada vez más interesante la interacción.

domingo, 24 de junio de 2012

Propuesta ASCII Art en Processing pt3


Listo! Ya tenemos el primer acercamiento con el video y el ASCII Art. Para este programa se necesitan las librerías GStreamer (debido a que el desarrollo fue en Linux), pero bien se puede llevar en Windows o Mac utilizando las librerías QuickTime (de hecho con esto sería mucho mas fácil, pues las librerías vienen con Processing).

Pensaba si tal vez se pueda colocar algo muy interesante con sonido, o efectos 3d (por ejemplo que la imagen rote desde el centro según el movimiento del ratón, si fuera así, tendríamos que generar un arreglo de objetos tipo caracter, para dibujarlos en una posición Z).

Si me dan alguna sugerencia o idea se podría hacer algo aún más interesante.

Como no se si es posible hacer subidas en Blogger, voy a dejar escrito el código a continuación.

----------------------------------------------------------------------------------------------------------------------

import processing.opengl.*;
import codeanticode.gsvideo.*;

// Constantes
int altoAscii = 24; //Tamaño de la letra
// Variables
int cols, rows; //Filas y columnas de la imagen
float cellw, cellh; //Ancho y alto de cada celda del dibujo
PFont font; //Letra de gráfico
GSCapture video; //Captura del video
String ordenCaracteres = "@%#*+=-:."; // Los caracteres en pantalla
//String ordenCaracteres = ".:-=+*#%@"; // Los caracteres en pantalla (orden invertido en el caso de que se quiera en fondo negro)
char[] caracteres; // El arreglo de caracteres

void setup() {
  //size(screen.width, screen.height, P3D);
  size(800, 600, P2D);
  colorMode(HSB);

  // Inicializa el video
  video = new GSCapture(this, 160, 120);
  video.start(); 

  //cargar tipografía
  font = loadFont("Ubuntu-48.vlw");

  // for the 256 levels of brightness, distribute the letters across
  // the an array of 256 elements to use for the lookup
  caracteres = new char[256];
  for (int i = 0; i < 256; i++) {
    int indice = int(map(i, 0, 256, 0, ordenCaracteres.length()));
    caracteres[i] = ordenCaracteres.charAt(indice);
  }
}

void draw() {
  background(255);
 
  textFont(font, altoAscii);

  cols = int(this.width/(altoAscii));
  rows = int(cols*video.height/video.width);
 
  cellw = video.width/float(cols);
  cellh = video.height/float(rows);

  for(int i=0; i<cols; i++) {
    for(int j=0; j<rows; j++) {
     
      float x = i*cellw;
      float y = j*cellh;

      int k = int(x+(cellw*0.5)) + int(y+(cellh*0.5)) * video.width;
         
      int rojo = int(red(video.pixels[k]));
      int verde = int(green(video.pixels[k]));
      int azul = int(blue(video.pixels[k]));

      int gris = max(rojo,verde,azul);

      fill(0);
      text(caracteres[gris], map(x,0,video.width,0,this.width), map(y,0,video.height,0,this.height));
    }
  }
}

// Necesario para que el video funcione
public void captureEvent(GSCapture c) {
  c.read();
}

void keyPressed(){
  switch(keyCode){
    case 38:
      altoAscii++;
      if(altoAscii>40)altoAscii=40;
      break;
    case 40:
      altoAscii--;
      if(altoAscii<2)altoAscii=2;
      break;
  }
}

----------------------------------------------------------------------------------------------------------------------

sábado, 23 de junio de 2012

Animación de Ilustres


Propuesta de ASCII Art en Processing PT 2


El primer acercamiento que se tuvo se ve bastante bien, pero es necesario mejorar la cantidad de caracteres. Aquí el código.

PImage img;
int cols, rows;
int altoAscii = 10;
float cellw, cellh;
PFont font;

void setup() {
  size(444,599);
  img = loadImage("CuencaCollage_by_Ultraforce777.png");

  //cargar tipografía
  font = loadFont("Ubuntu-48.vlw");
}

void draw() {
  cellw = int(altoAscii/2);
  cellh = int(altoAscii);
  cols = int(img.width/cellw);
  rows = int(img.height/cellh);
 
  for(int i=0; i<cols; i++) {
    for(int j=0; j<rows; j++) {
      float x = i*cellw;
      float y = j*cellh;
     
      int k = int(x)+int(y)*img.width;
     
      int rojo = int(red(img.pixels[k]));
      int verde = int(green(img.pixels[k]));
      int azul = int(blue(img.pixels[k]));
      int gris = int((rojo+verde+azul)/3);
     
      String caracter = "";

      if(gris>0&&gris<=25){caracter = "#";}
      if(gris>25&&gris<=50){caracter = "@";}
      if(gris>50&&gris<=100){caracter = "&";}
      if(gris>100&&gris<=150){caracter = "i";}
      if(gris>150&&gris<=200){caracter = "*";}
      if(gris>200&&gris<=250){caracter = "+";}
      if(gris>250&&gris<=255){caracter = ".";}

      fill(0);
      textFont(font, altoAscii);
      textAlign(LEFT);
      text(caracter, i*altoAscii*0.5, j*altoAscii);
    }
  }
}