PROCESSING Por Carolina Rubio
Introducción Aprender programación creando dibujos, animaciones, imágenes… para diseñadores artísticos, creadores de video juegos … Ver video introductorio de processing: video Ver video con ejemplos de profesionales Pagina web para bajar processing y ver muchos ejemplos: http://www.processing.org
SISTEMA DE COORDENADAS
FORMAS point(x,y) line(x1,y1,x2,y2)
Point() line()
Rect()
Ellipse ()
Size () Tamaño al lienzo (size)
EJERCICIO 1 rect(250, 200, 150,100) ; ellipse (250,200,200,200); mover el rectángulo y cambiar el tamaño ellipse (250,200,200,200); elipse estará encima, se cambia cambiando el orden de las instrucciones crear un simple diseño con rectángulos y elipses
COLOR LOS COLORES GRISES ENTRE 0-255 tienen un numero asignado Todas las posibles combinaciones de 8 bits (2 elementos)
COLOR stroke () = contorno de figuras line() = relleno de figuras Background () = fondo
ejercicio
RGB color Color selector: menu
Transparencia Mezcla de colores: cuarto valor es la transparencia
Ejercicio 2 Añade color a tu diseño
Bloques de Código Setup : al principio, una sola vez Draw: se repite, es bucle
Datos del ratón
Ejercicio 3 Añadir a mousex + 20 o mousex -20
ejercicio Utilizar mouseX y mouseY en line()
Ejercicio 4 Poner mouseX y mouseY en el color de relleno de la elipse
ejercicio Poner el background en el setup
Ejercicio 5 libre Utilizar las instrucciones anteriores en el ejercicio propio .Ej:
Condicional if ( ){ }
Ejercicio 6 Igual que anterior pero dividir en tres partes
Ejercicio 7 If() { } else{ Cuando presionas se dibuja un rectángulo y una elipse si no lo presionas If() { } else{
Ejercicio 8 libre Realiza un ejercicio utilizando mouse pressed como condición. Ej:
Ejercicio 9 Dibujar una línea si se presiona una tecla y un rectángulo si no se presiona
Ejercicio 10 Según la posición del cursor cambia la posición del rectángulo &&