7. Moviment

7.1. Introducció i objectius

En el tema anterior, amb la introducció de la interacció vàrem començar a poder moure elements dels nostres sketches fent que les formes que dibuixem segueixin per exemple la posició del ratolí.

En aquest tema aprendrem a crear animacions que no depenguin de la nostra interacció. Sabent que els nostres sketches s’executen a raó de 60 frames per segon, podem crear variables els valors dels quals vagin canviant al llarg de l’execució del programa per animar diferents paràmetres del nostre dibuix: posició, mida, color o qualsevol altre paràmetre susceptible de variar en el temps.

Començarem creant moviments lineals senzills i decidint què passa quan els nostres objectes aconsegueixen els límits del nostre canvas. A continuació, introduirem algunes nocions bàsiques de trigonometria que ens permetran crear moviments ondulatoris i circulars. Per acabar, explorarem les possibilitats que ens ofereix l’aleatorietat per crear moviments més orgànics, utilitzant random() i noise().

Al llarg d’aquest tema, aconseguirem els objectius següents:

  • Crear moviments lineals.
  • Determinar condicions de vora en el nostre canvas.
  • Crear moviments ondulatoris i circulars utilitzant sin() i cos().
  • Crear moviments aleatoris amb random() i noise().