Utilizzo cookies
L'e-book interattivo I colori Comandi base save() & restore() Stili di linee Rettangoli Archi e Circonferenze clip() Colori gradienti e stili Effetti Ombra Curve di Bezier Testo Trasformazioni Disegnare con Immagini Manipolazione dei Pixel Alpha trasparenza globalCompositeOperation convertire <canvas> Animazioni Grafici 20 Equazioni e spirali

HTML5 canvas in tempo reale


Smile - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
var RV = ; // Raggio Volto
var cvX = ;  var cvY = ; // // Centro X,Y Volto
var CirconferenzaBoccaCentroX=;var CirconferenzaBoccaCentroY=;// Circonf.Bocca Centro X,Y
var RaggioBocca = ; // Raggio bocca
var EspressioneVolto =; // Espressione Volto (direzione arco bocca)
var CirconferenzaOchioDxCentroX= ;  var CirconferenzaOchioDxCentroY=;// centro X,Y occhio destro
var CirconferenzaOchioSnCentroX=var CirconferenzaOchioSnCentroY=;// centro X,Y occhio sinistro
var RaggioOcchi =; // Raggio Occhi;
ctx.beginPath(); // volto
ctx.fillStyle = "";// colore volto
ctx.arc(cvX, cvY,RV,0,Math.PI*2,true);// definisce circonferenza volto
ctx.fill(); ctx.stroke(); // disegna circonferenza volto
ctx.beginPath();// bocca, disegna arco bocca
ctx.arc(CirconferenzaBoccaCentroX,CirconferenzaBoccaCentroY,RaggioBocca,0,Math.PI,EspressioneVolto);
ctx.stroke();// disegna arco bocca
ctx.beginPath(); // occhi
ctx.fillStyle = ""; // colore occhi
ctx.arc(CirconferenzaOchioDxCentroX,CirconferenzaOchioDxCentroY,RaggioOcchi,0,Math.PI*2,true);
ctx.moveTo(CirconferenzaOchioSnCentroX,CirconferenzaOchioSnCentroY); 
ctx.arc(CirconferenzaOchioSnCentroX,CirconferenzaOchioSnCentroY,RaggioOcchi,0,Math.PI*2,true);
ctx.fill(); ctx.stroke();// disegna occhi




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.
Antonella Brandi
Art-designer