HTML5 canvas in tempo reale

Spirale iperbolica - 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 = 200 / i; Max = 24; ColoreA = 'red'; ColoreB = 'green'; // iperbolica
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);}

https://it.wikipedia.org/wiki/Spirale_iperbolica

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.