7.1. Introducción y objetivos
En el anterior tema, con la introducción de la interacción empezamos a poder mover elementos de nuestros sketches haciendo que las formas que dibujamos sigan por ejemplo la posición del ratón.
En este tema aprenderemos a crear animaciones que no dependan de nuestra interacción. Sabiendo que nuestros sketches se ejecutan a razón de 60 frames por segundo, podemos crear variables cuyos valores vayan cambiando a lo largo de la ejecución del programa para animar distintos parámetros de nuestro dibujo: posición, tamaño, color o cualquier otro parámetro susceptible de variar en el tiempo.
Comenzaremos creando movimientos lineales sencillos y decidiendo qué ocurre cuando nuestros objetos alcanzan los límites de nuestro canvas. A continuación, introduciremos algunas nociones básicas de trigonometría que nos permitirán crear movimientos ondulatorios y circulares. Para terminar, exploraremos las posibilidades que nos ofrece la aleatoriedad para crear movimientos más orgánicos, utilizando random() y noise().
A lo largo de este tema, alcanzaremos los siguientes objetivos:
- Crear movimientos lineales.
- Determinar condiciones de borde en nuestro canvas.
- Crear movimientos ondulatorios y circulares utilizando sin() y cos().
- Crear movimientos aleatorios con random() y noise().