Introducción a Processing en 4 sesiones

El siguiente material es de cuatro sesiones que dí dentro del Postgrado de Diseño Digital y Multimedia: Web e Internet 2.0 en IDEP de Barcelona.

Sesión 1

Hoy empezamos con la introducción a la programación con Processing. Aprendimos como dibujar primitivos 2D y hicimos la primer animación utilizando variables y condicionales. Aquí la animación final:

Descarga los ejemplos smiley.zip y animacion.zip.

Sesión 2

Processing es una herramienta muy potente para crear aplicaciones interactivas. Hoy programamos el primer juego, una interpretación libre de un juego clásico llamado Pong:

Descarga los ejemplos Pelota de rebote y Pong.

Sesión 3

Aprendimos como trabajar con tipografías en Processing creando un ejemplo que muestra un texto corriendo por la pantalla. Como segundo ejemplo implementamos un comportamiento físico más realista aplicando conceptos como gravedad, amortiguamiento y fricción a un objeto:

Descargate los ejemplos Gravedad y Texto Animado.

Sesión 4

La última sesión de programación creativa dedicamos a imagen generativa. Miramos algunos funcionalidades que son necesarios para crear dibujos a través de algoritmos, como la función random(), la interacción con el ratón y efectos tipo easing:

Aquí los ejemplos para la descarga:

 

Para seguir investigando:

Tags: , ,

Leave a Reply