2. Estructura de los programas

La estructura típica de un programa en Processing tiene dos funciones:

• La función setup(), que se ejecuta una vez al iniciarse el programa. Para llamar a esta función normalmente escribimos la línea de código void setup() { /*instrucciones que se ejecutan solo una vez*/ }.

• La función draw(), que se ejecuta de forma continua, es decir, se está repitiendo todo el tiempo, luego aquí será donde realizaremos nuestros dibujos. Para llamar a esta función normalmente escribimos la línea de código void draw() { /*instrucciones que se ejecutan solo una vez*/ }.

En todo lenguaje de programación es muy recomendable comentar el código. Esto es debido a que en muchas ocasiones no es muy intuitivo, se le pueden olvidar ciertos detalles al propio programador al cabo del tiempo, o simplemente porque es bueno facilitar la lectura del código a otras personas (ya que los grandes programas suelen ser fruto del trabajo en equipo de numerosas personas a lo largo del tiempo, con las habituales mejoras y actualizaciones).

Para hacer comentarios de una línea se debe iniciar el comentario con //. Para hacer comentarios de más de una línea, se debe comenzar el comentario con /*, y finalizar con */.

Processing es un lenguaje de programación muy visual (de hecho es muy utilizado por profesionales del diseño y las Artes Plásticas precisamente por ello) por lo que debemos tener bien claro cómo utiliza las coordenadas en el plano a la hora de dibujar. Veámoslo en la siguiente imagen:

Así, todo programa en Processing donde utilicemos el entorno gráfico, pasa por definir una ventana o lienzo sobre el que va a transcurrir la acción del programa. Para ello debemos utilizar la función:

size(ancho,alto);

Vamos a crear nuestro primer programa, en el que creemos una ventana o lienzo de 500 píxeles de ancho por 300 de alto:

Processing llama por defecto a los programas generados “sketch”. Por eso, el nombre que le asigna en este caso es un genérico sketch_180903a. Nosotros podemos asignarle otro nombre más intuitivo como “Miprimerprograma”, pinchando en: Archivo->Guardar como… y dándole la ubicación y nombre deseados.

Ahora no tenemos más que pinchar en el icono de “Ejecutar” y ver el resultado del programa:

…y observamos cómo nos ha generado la ventana o lienzo con las dimensiones deseadas.

TAREAS

1. Dibuja un lienzo de 500 de ancho y 500 de alto.

2. Dibuja un lienzo de 100 de ancho y 400 de alto.

3. Dibuja un lienzo de 400 de ancho y 200 de alto.