3. Repte 3. Interaccions

3.10. Exercicis

3.10.1. p5.js i HTML

Dificultat: fàcil

Comencem des de zero. En aquesta activitat, repassarem com crear els arxius bàsics que necessitem per a programar amb p5.js.

1. Crea una carpeta per a guardar els teus arxius.
2. Obre el teu IDE (Integrated Development Environment o, el que és el mateix, el programa que hagis escollit per a programar).
3. Crea un arxiu JavaScript (A molts IDE, crea un «Arxiu nou» i quan ho guardis posa l’extensió .js).
4. A l’arxiu JavaScript copia les línies bàsiques següents de p5.js:

   --->   function setup() { 
                  createCanvas(1500, 500); 
          } 
   
          function draw() { 
                    background(200); 
          }

5. Crea un arxiu HTML (guarda-ho amb l’extensió .html).
6. Importa la llibreria de p5.js.min i el teu arxiu .js a l’HTML.
7. Per a comprovar que tot sigui correcte, obre l’.html al navegador i t’haurà d’aparèixer un rectangle gris.