Vídeo mapping y programación en Processing
13
http://libertar.io/mapping

Esta entrada también está disponible en: Inglés

Estudios teóricos


 

 

 

 

Referencias de código


Grupo  https://www.openprocessing.org/class/57130

Contraseña A17764

 

 

 

 

 

 

 

 

Estudios Técnicos


Descarga e Instala Processing.

Libertar.io

Processing-2

  • Instalar en Mac OSX

Captura de pantalla 2017-06-15 a las 19.31.39

  • Instalar en Windows

Processing-5

Processing-6

  • Instalar en Linux

Verificar Java (pre requisitos) buscando openjdk-7-jre en el software center, o en el terminal escribir y ejecutar: sudo apt-get install openjdk-7-jre.

Descargar Processing https://processing.org/download/?processing
El nombre puede ser similar a: processing-3.0.1-linux64.tgz

Descomprimir y extraer el tgz file haciendo doble click.

Desde el terminal, cambiamos permisos y relocalizamos el archivo de Processing dentro del System Folder. Primero cambiamos permisos
sudo su -c “chown -R root:root Downloads/processing-3.0.1”

Posteriormente movemos desde Downloads a /opt folder:
sudo su -c “mv Downloads/processing-3.0.1 /opt/processing”

Añadimos Processing al “Ubuntu Path”
sudo su -c “ln -s /opt/processing/processing /usr/local/bin/processing”

Desde el terminal ejecutamos Processing escribiendo y ejecutando:
processing

Otras guías:
Processing 3 en Ubuntu
Processing en Ubuntu 10

Programación Processing Java 


prog1

MAPPING2017-2

MAPPING2017-2-2

MAPPING2017-2-3

 

MAPPING2017-2-4

En Processing, cada forma tiene un stroke(), que especifica el color para el contorno de la forma, y un fill() que especifica el color de relleno para el interior de esa forma.

Los colores digitales se construyen mezclando tres colores primarios: rojo, verde y azul (modelo RGB) y se expresan como rangos de 0 a 255 (utilizando 8 bits).

Arte generativo 5_17-01-3

Processing tiene algunas variables de sistema integradas útiles que se pueden usar. Por ejemplo, las variables mouseX, mouseY, o width y height. Estudia la referencia de Processing para conocer otras variables del sistema.

Dos eventos de interacción útiles son eventos de mouse y teclado. Por ejemplo, supongamos que queremos hacer algo cuando ocurre un evento de clic de mouse o se presiona una tecla: mousePressed() y keyPressed().

MAPPING2017-2-5

prog2

prog3jpg

Programacion

Otros métodos propios de Processing de utilidad son text()  que dibuja texto en la posición (x,y),  textSize() que define el tamaño de fuente; loadImage() un método que carga una imágen en una variable de tipo PImage, image() un método que dibuja la imagen. Además random() para producir números aletorios en un rango definido entre paréntisis, o map() que redistribuye un rango de valores en otro rango de valores.

Captura de pantalla 2017-06-27 a las 17.34.00

Importar bibliotecas

Captura de pantalla 2017-06-28 a las 17.49.10Captura de pantalla 2017-06-28 a las 17.49.22

 

 

Biblografía


Recursos www

 

Tags: , , , , , , , , , , , , ,

13 Comentarios

MicaelaPublicado  8:51 pm - jul 18, 2016

Aquesta proposta es veu fenomenal! quan repetiran aquest curs?

DavidPublicado  7:09 pm - nov 24, 2016

Buenas, ens interessa molt aprendre sobre aquest tema. Com podríem organitzar aquest curs a Girona en els propers mesos?

Free SoftwarePublicado  8:09 pm - ene 6, 2017

Curso interesante que ofrece una mirada única sobre la construcción de sus propias programas de software que compiten con los programas comerciales que encontramos en el mercado

WalterPublicado  4:52 pm - may 17, 2017

Pregunta simple: Para obtener dibujo solo cuando el boton derecho del ratón esté presionado, he encontrado el siguiente código. alquien me puede guiar?

int White;
int Black;
float h;
float s;
float b;
color CurrentColor;

void setup()
{
size(640,480);
background(255);
frameRate(60);
s = saturation(0);
b = brightness(0);
h = hue(0);
Black = color(0);
White = color(255);
CurrentColor = color(255);

}
void draw()
{
fill(Black);
rect(0,0,30,30);

if (mousePressed)
{
noStroke();
fill(CurrentColor);

if ((mouseX>140) && (mouseY>20) && (mouseX<190) && (mouseY<70))
{
rect(mouseX-25,mouseY-25,50,50);
}
else
{
rect(mouseX-10,mouseY-10,20,20);
}
}
else
{
ellipse(mouseX,mouseY,20,20);
}
}

void setStrokeWeight()
{
if (keyPressed && key == '1')
strokeWeight(1);
else if (keyPressed && key == '2')
strokeWeight(2);
else if (keyPressed && key == '3')
strokeWeight(3);
else if (keyPressed && key == '4')
strokeWeight(4);
else if (keyPressed && key == '5')
strokeWeight(5);
else if (keyPressed && key == '6')
strokeWeight(6);
else if (keyPressed && key == '7')
strokeWeight(7);
else if (keyPressed && key == '8')
strokeWeight(8);
else if (keyPressed && key == '9')
strokeWeight(9);
else if (keyPressed && key == '0')
strokeWeight(0);
}

void keyPressed(){
if (key == 'c')
background(0);
}

    lablibertarioPublicado  4:56 pm - may 17, 2017

    Una primera idea:

    color c=color(0);
    int x, y, xp, yp;
    int strokeW=1,flag=0;
    void setup()
    {
    size(640, 480);
    background(255);
    }
    void draw()
    {
    noStroke();
    fill(c);
    rect(0, 0, 30, 30);
    stroke(c);
    strokeWeight(strokeW);
    if(flag==1) line(mouseX, mouseY, pmouseX, pmouseY);
    }

    void mouseDragged() {
    flag=1;
    }
    void mouseReleased(){
    flag=0;
    }

    void keyPressed() {
    if (key == 'c')
    background(0);
    if (key == CODED) {
    if (keyCode == UP) strokeW++;
    if (keyCode == DOWN) strokeW--;
    }
    if (strokeW<0)strokeW=1;
    if(key== ' ') c = color(random(0,255),random(0,255),random(0,255));
    }

DamienPublicado  7:05 pm - may 31, 2017

m’interessa molt la seva feina, parlem, tinc el seu correu, fins aviat!

Info@systemdesignstudio.comPublicado  12:14 pm - jun 16, 2017

Hola! al final no podré asistir al curso…. Espero poder hacerlo en un otro momento… Yo ya recibo su newsletter y trataré de estar al corriente de noticias suyas mirando vuestra página web, no la había visitado y he quedado encantada con su trabajo; Gracias por compartir y por hacer lo que hacéis! 😉

AlbaPublicado  6:26 pm - jul 1, 2017

Hola! felicitaros por el trabajo que hacéis y agradeceros por poner a disposición de todos tantos ejemplos e imágenes, definitivamente son de gran ayuda para quienes como yo somos autodidactas. Larga vida libertar.ios!

Caida Libre TechPublicado  5:14 am - ago 1, 2017

Hola buenas! Soy miembro de un laboratorio de nuevas tecnologías en Nantes Francia, interesado en apuntarme para el proximo taller de programación y video mapping. Ahi les dejé mi correo electrónico. Un saludo y muchas gracias

Deja un comentario

Redes