28 Javasript: Grafici di funzioni nel piano cartesiano.

Crea il canvas, gli assi, ecc come nella schede precedenti ...

 

l Crea adesso una funzione che servirà per calcolare i valori della retta che disegneremo:

function equazioneRetta(x) {

var y = 2*x + 3;

return y;

}

l Prova adesso ad usare document.write( equazioneRetta(3) );   per controllare se la funzione funziona e se dà il valore giusto. Fai anche altre prove.
Crea un ciclo for per farti dare il valore della funzione per tanti valori di x.

 

l Adesso aggiungi i comandi per fare il grafico della retta: 

grafica.beginPath();

for( i=-30; i<30; i++) {

grafica.lineTo( i, equazioneRetta(i) );

}

grafica.stroke();

 

l Prova ora a modificare la funzione equazioneRetta per ottenere, via via, il grafico delle seguenti funzioni in cui cambia il coefficiente della x:
y = 2*x;       y = 3*x;      y = 1/2 * x;        y =1/4 * x;
y = - x;         y = -2*x;    y = -1/2 * x;
Cosa osservi: Quando il coefficiente della x aumenta, la retta è più ripida o meno ripida ?
Quando il coefficiente della x è negativo la retta sale o scende ?

l Prova adesso a variare il termine noto:
y = x+10;        y = x - 20;    y = x - 8; 
Cosa succede alla retta quando si varia il termine noto ?

 

l Ed ora c’è da pensare. Modifica la funzione equazioneRetta in modo da ottenere, via via, i seguenti grafici:

 

l Infine: prova la funzione y = (x-15)*(x+20)*x / 200;  e prova a modificarla.