MathCanvas

Questo progetto ha lo scopo di facilitare la comprensione dei concetti di derivata prima e funzione integrale attraverso l'utilizzo di animazioni. Per realizzarlo sono stati utilizzati Canvas HTML5 animati utilizzando Typescript.

Per informazioni più dettagliate sul progetto è possibile consultare la tesi. (Il codice presentato nella tesi fa riferimento alla prima versione dell'applicativo)

🧑‍🏫 Come utilizzarlo

Per ogni animazione è possibile configurare:

• La funzione da graficare e animare, le funzioni sono valutate utilizzando il pacchetto math.js (riferirsi alla documentazione per la sintassi).
• I range di X e Y del grafico, in caso di doppio grafico è possibile specificare anche il range di Y per il secondo grafico o farlo calcolare automaticamente all'applicativo.
• Altri dati specifici per l'animazione.

Una volta completata la configurazione è possibile avviare l'animazione cliccando il pulsante Disegna e avvia animazione .

Completata l'animazione, per alcuni grafici, è possibile rivedere i frame dell'animazione muovendo il mouse lungo grafico principale.

⚠️ Limitazioni note

• Le funzioni con un forte gradiente o fortemente oscillanti non sono disegnate in maniera precisa.
  e.g. sin(x^5) su intervallo X [-5, 5] :
  
• Il calcolo automatico del range delle Y per l'eventuale secondo grafico non è sempre preciso quando la funzione da graficare tende ad infinito. Il problema è arginabile settando a mano il range.

🚀 Contribuisci

Il codice sorgente è disponibile su github (MathCanvas), puoi contribuire al progetto segnalando un bug o proponendo delle modifiche.