9/12

En esta práctica practicamos con el funcionamiento de las funciones y de los arrays.
Utilizando las funciones creamos un método en el que a partir de dos
valores x, y de coordenadas y un valor r de radio, dibujara una estrella hexagonal cuyo centro sean esas coordenadas y con ese radio.:

 Y por último, creando un array formado por las coordenadas "x" e "y" y con el radio de 5 figuras diferentes. Usamos la función "PintarBolo" para crear un programa que pinte cinco bolos distintos en cada bucle del draw. Este fue el código que utilizamos:

9/12

En esta práctica aprendimos a trabajar con imágenes en Processing. Hay dos métodos:
1.La imagen a cargar está en la carpeta de nuestro ordenador
Lo primero que debemos hacer antes de cargar la imagen, es meterla en la
carpeta DATA de nuestro proyecto. Utilizamos el siguiente código para realizar el ejercicio:

2.La imagen está en Internet 
Con este método accedemos a las imágenes que están en Internet a través de su URL.

Y por último creamos una composición de imágenes que producieran un paisaje de dia y de noche mezclando imágenes locales con cargadas de internet. Utilizamos la tecla down y la tecla up para que cada vez que pulsáramos cada una se hiciera mas oscuro y mas claro y que apareciera en cada uno un mensaje:

9/12

En esta práctica usamos las funciones keyPressed, key, keyCode, keyPressed() y keyReleased().
Este ejercicio consistía en que si pulsamos la tecla de la “r”, pintará un círculo rojo, si pulsamos la tecla de la “g”, pintará un círculo verde, y si pulsamos la tecla de la “b”, pintará un círculo azul.

En este otro ejercicio teníamos que realizar un programa que dibujara un circulo en el centro de la ventana donde pudiéramos modificar su diámetro mediante las flechas UP (aumentaría diámetro) y DOWN (disminuiría diámetro).

4/11

En esta práctica vamos a ver cómo Processing nos permite ejecutar acciones al detectar determinados eventos del ratón, utilizamos las siguientes funciones: mouseX, mouseY
En el ejercicio 1 podemos apreciar cómo se va formando un halo a lo largo de la trayectoria del puntero del ratón. Esto se debe a que se van superponiendo todos los círculos dibujados, y esto es porque no refrescamos el fondo con la función background() cada vez que dibujamos un círculo.

 

Y en el ejercicio 2 limpiamos el fondo antes de dibujar cada círculo. 

08/11

En esta práctica utilizamos la función millis(). Esta función devuelve el tiempo que ha transcurrido desde que se lanza el programa y lo da expresado en mili segundos.
En el primer ejercicio jugamos con el tiempo retardo, modificandolo de 100,500,1000. Conforme variábamos el retardo, veíamos como las bolas iban apareciendo mas rápidamente.

En la segundo ejercicio, hicimos una animación del coche fantástico. Que simulaba el movimiento indefinido de un círculo de derecha a izquierda como las luces del coche.