1. Reto 1. Dibujos

1.1. Introducción

Ya sabemos cuánto de interesante es programar y cómo, usando la programación, podemos extender nuestros diseños.

Vamos ahora a empezar a hacer nuestros primeros programas. De momento, empezaremos con cosas sencillas y poco a poco iremos añadiendo nuevas instrucciones y nuevas posibilidades. Probad, probad, y volved a probar. La mejor manera de aprender a programar es programando, preguntando y volviendo a programar.

En el aula tenéis una relación de ejercicios para hacer. No os quedéis con los que haréis siguiendo esta guía, como ya hemos dicho (y volveremos a repetir), la mejor manera de aprender a programar es programando, así que cuantos más ejercicios hagáis, más fácil os resultará todo.

¿Por qué p5.js?

Actualmente hacer programas para la web significa, sobre todo, hacer programas con JavaScript. JavaScript es un lenguaje de programación muy potente que nos permitirá hacer muchas cosas, y no solo en la web. Así, si tenemos que aprender a programar, JavaScript es una buena opción.

¿Qué haremos en este reto?

En esta guía trabajaremos los capítulos 2 y 3 del libro Make: Getting Started with p5.js. En el capítulo 2 empezaremos a trabajar con p5.js y a hacer nuestros primeros programas, sencillos, pero programas al fin y al cabo. Y en el capítulo 3 veremos las diferentes instrucciones que nos ayudarán a dibujar con p5.js. Veremos cómo hacer diferentes figuras geométricas y cómo pintarlas de color e, incluso, hacerlas medio transparentes. De momento nos limitaremos a hacer dibujos sencillos; más adelante veremos cómo, mediante la programación, podremos hacer cosas verdaderamente complejas. ¿Preparados? ¡Vamos!