Attività di laboratorio informatico (a coppie)

Realizzare una pagina web interattiva che tracci una conica scelta dall’utente. L'interfaccia deve presentare degli slider per modificare i parametri e un canvas che aggiorni in tempo reale il grafico

Materiale fornito:  

• file HTML/CSS/JavaScript con lo scheletro già impostato;
• libreria p5.js inclusa e relativa documentazione sintetica.

Passi per affrontare il progetto:

• Passo 1: configurazione e circonferenza. Far funzionare il canvas e implementare il disegno di una circonferenza di raggio r tramite la formula parametrica: x = r * cos(theta), y = r * sin(theta) (con theta che va da 0 a 2π). Collegare un slider a r.

• Passo 2: parabola e interattività. Implementare il disegno di una parabola y = a * x². Usare un ciclo for per x e calcolare y; aggiungere un secondo slider per il parametro a. Gestire l'aggiornamento in tempo reale.

• Passo 3: ellisse. Modificare il codice della circonferenza per disegnare un'ellisse (x/a)² + (y/b)² = 1 usando due slider per a e b

Consegnare il proprio lavoro (comprimere in zip tutti i file necessari) e inserire un commento alla consegna con una breve scheda di autovalutazione: "Quale parametro ha quale effetto? Cosa è stato più difficile dal punto di vista algoritmico?"

Di seguito uno screenshot di un possibile svolgimento: