HTML5 canvas in tempo reale

Spirale lemniscata - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.  
var i; var Step; var Max; var Min; var ColoreA; var ColoreB; // var p;

function disegna() { 
i = i + Step;
r = Math.pow(10000 * Math.cos(2 * i), 0.5); Max = 30; ColoreA = 'green'; ColoreB = 'red'; // Lemniscata
ctx.beginPath();
ctx.moveTo(200, 150); // centro canvas
var x = 200 + r * Math.sin(i); var y = 150 + r * Math.cos(i); // calcola posizione x,y
ctx.font = "38px Arial"; // tipo e dimensione font
ctx.fillText('.', x, y);
ctx.fillStyle = ColoreA; // tipo colore
ctx.lineTo(x, y); // disegna linea
ctx.strokeStyle = ColoreB; // tipo colore
ctx.stroke();

if (i > Max) { clearInterval(MiaVar); }// raggiunto fine   
}

$('.curva').click(function(){
var AvviaCurva = $(this).html(); //alert(AvviaCurva);
if(AvviaCurva == "Start"){ ctx.clearRect(0, 0, 400, 300);
i = 0; Step =0.10.20.40.6; // valore avanzamento
MiaVar=window.setInterval(function(){disegna()},);// tempo
}
if(AvviaCurva == "Stop"){clearInterval(MiaVar);}

In geometria algebrica, la parola lemniscàta si riferisce a ogni curva a forma di otto rovesciato
https://it.wikipedia.org/wiki/Lemniscata

Acquistabile da:
• bookrepublic
• ebook LeggoOggi.it
• EURONICS
• freeonline
• Gola Ad
• GPLAY
• HOEPLI
• iTunes
• kobo
• omnia BUK
• SECRETARY
• StreetLib

Questo e-book è un e-book interattivo, ciò significa che il lettore può inserire dei dati nelle pagine ed il contenuto di queste si adeguerà ai nuovi valori. Per inserire i dati, nelle pagine dell’e-book, sono stati implementati dei controlli simili a quelli che si possono trovare sulle pagine Internet ed un pulsante esegui per impartire il comando di adeguare il contenuto della pagina ai nuovi valori.