PROCESSING Por Carolina Rubio.

Presentación del tema: "PROCESSING Por Carolina Rubio."— Transcripción de la presentación:

1 PROCESSING Por Carolina Rubio

2 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:

3 SISTEMA DE COORDENADAS

4 FORMAS point(x,y) line(x1,y1,x2,y2)

5 Point() line()

6 Rect()

7 Ellipse ()

8 Size () Tamaño al lienzo (size)

9 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

10 COLOR LOS COLORES GRISES ENTRE 0-255 tienen un numero asignado
Todas las posibles combinaciones de 8 bits (2 elementos)

11 COLOR stroke () = contorno de figuras line() = relleno de figuras
Background () = fondo

12 ejercicio

13 RGB color Color selector: menu

14 Transparencia Mezcla de colores: cuarto valor es la transparencia

15 Ejercicio 2 Añade color a tu diseño

16 Bloques de Código Setup : al principio, una sola vez
Draw: se repite, es bucle

17

18 Datos del ratón

19 Ejercicio 3 Añadir a mousex o mousex -20

20 ejercicio Utilizar mouseX y mouseY en line()

21 Ejercicio 4 Poner mouseX y mouseY en el color de relleno de la elipse

22 ejercicio Poner el background en el setup

23 Ejercicio 5 libre Utilizar las instrucciones anteriores en el ejercicio propio .Ej:

24 Condicional if ( ){ }

25 Ejercicio 6 Igual que anterior pero dividir en tres partes

26 Ejercicio 7 If() { } else{
Cuando presionas se dibuja un rectángulo y una elipse si no lo presionas If() { } else{

27 Ejercicio 8 libre Realiza un ejercicio utilizando mouse pressed como condición. Ej:

28 Ejercicio 9 Dibujar una línea si se presiona una tecla y un rectángulo si no se presiona

29 Ejercicio 10 Según la posición del cursor cambia la posición del rectángulo &&