En esta sesión veremos el entorno de desarrollo de processing, menús, sketchbook, exportación de piezas, como ordenar nuestros bocetos.

Hemos visto como se guardan nuestros sketches, qué es lo que nos instala el programa y algunos de los menús que aparecen en él.

Mas comandos:

• ellipse() > Dibuja una elipse en la pantalla. Una elipse con el mismo ancho y el mismo alto es un circulo. Los primeros parametros fijan las coordenadas de dónde se dibujará, Por defecto se fija el centro de la elipse, si se quiere cambiar el punto de origen , se utiliza la función EllipseMode();
  ellipse(x, y, width, height)

• line() > Dibuja una línea en la pantalla Dibuja una linea (un camino directo entre dos puntos). La versión de line() con 4 parámetros dibuja una línea en un espacio 2D. Para colorearla usamos la funcion stroke(). Una línea no puede ser rellenada, por tanto el método fill() no afectará al color de la línea. Las líneas en 2D son dibujadas con un ancho de un pixel por defecto, si queremos variar el grosor usamos la función strokeWeight(). La versión con 6 parámetros hace que podamos dibujar la línea en el espacio XYZ. Para ello requiere el modo de sketch P3D o OPENGL en combinación con size()line(x1, y1, x2, y2);line(x1, y1, z1, x2, y2, z2);
• fill() > Fija el color usado para rellenar formas. Si usamos fill(204, 102, 0), todas las formas siguientes serán rellenadas de naranja. Dependiendo del colorMode() estaremos usando el sistema RGB o HSB, por defecto usamos el RGB, donde cada valor va desde 0 a 255.En el PDE de processing tenemos una herramienta muy útil llamada Color Selector.Podemos también escribir el color con la notación hexadecimal #CCFFAA, 0xFFCCFFAA (en esta notación primero nos referimos al componente Alpha, luego al rojo, verde y azul)Cuando usamos colores de escala de grises solo pasamos un parámetro, por ejemplo fill(255) o fill(0) fill(gray)fill(gray, alpha)fill(value1, value2, value3)fill(value1, value2, value3, alpha)fill(color)fill(color, alpha)fill(hex)fill(hex, alpha)

VARIABLES

El concepto de variables es fundamental en cualquier lenguaje de programación. En la clase de hoy hemos seguido la teoría explicada por Joan Soler en su curso conceptos de programación sobre variables.

Los sketches son muy básicos, trabajando en modo básico, pero fundamentales para continuar. Hemos visto dos variables importantes que nos proporciona el sistema

• width > variable de sistema que nos dice el ancho de nuestra ventana

• height > variable de sistema que nos dice el alto de nuestra ventanaA partir de ahora siempre que nos refiramos a estos dos valores, lo haremos a través de estas variables, así podremos cambiar el size(ancho, alto) y que no afecte a nuestro código. Importancia del orden de los comandos: A través de los sketches de esta sesión hemos aprendido que el orden de cuando ponemos nuestras lineas de código afecta al resultado visual. Técnica Scratch – Una de las técnicas para aprender a leer y a comprender el código es la denominada Scratch, donde modificamos un sktech realizado previamente por otra persona, asi podremos hacer un remix y empezar a entender estrucutras de código mas complejas. No hace falta poder entender todas las palabras ( comandos ) pero si reutilizarlos para expresar.