Ficha 11

Con la ficha 11 tratamos de aprender a trabajar con imágenes en Processing. Esto puede ser muy útil a la hora de desarrollar un juego o algún Interface de usuario donde queramos una estética más elaborada.

Vamos a trabajar primero con dos métodos. En el primero la imagen a cargar está en la carpeta de nuestro proyecto (ubicación local), y en el segundo la imagen está en Internet (ubicación on-line).

Es esencial meternos en las propiedades de la imagen y ver sus dimensiones (ancho y alto) en pixeles, para crear previamente una ventana donde encajar luego la imagen. Si no lo hacemos así puede que salga la imagen recortada.

Por último os dejamos una imágenes de el proyecto que hemos realizado. Trata de formar un paisaje con un conjunto de imágenes juntas y que cuando pulsemos las teclas Up y Down se haga de día y de noche respectivamente.

En esta imagen vemos que es de día en el paisaje que hemos creado, 

además colocamos un texto para dar esa información.

En esta imagen deducimos que es de noche ya que no se ve nada

 y además hemos puesto el texto para dar esa información.

Ficha 10

Hay que saber controlar cada cuánto tiempo se lanzan eventos o acciones.
Para ello tenemos que usar la función ``millis()´´ en Processing.

En éste vídeo podemos ver un ejemplo en el que van apareciendo círculos de ancho, posición y color aleatorios con un retardo de 100ms (0,1 segundos).
También tuvimos que realizar dos ejercicios con retardo de 500 ms y 1000 ms.

Por último realizamos un ejercicio que se pareciera a la luz del coche fantástico. 

Para ello tuvimos que tener en cuenta las siguientes consideraciones:

• Recordar que cuando aparece cada círculo los anteriores se han tenido que borrar

• Distinguir cuándo el programa que tiene que dibujar a la derecha o a la

izquierda  y la condición para que cambie de sentido.

• Parametrizar tanto el radio del círculo como la distancia entre un círculo y otro para

que se pueda modificar fácilmente.

En éste vídeo podemos ver el resultado final.