HTML5 canvas in tempo reale (estratto)

Di Antonio Taccetti

Questo e-book è un estratto delle guida interattiva: HTML5 canvas in tempo reale.

E-book interattivo 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 aggiornamento alla pagina.

L’argomento dell’e-book è il componete canvas di HTML5, che per le sue caratteristiche ben si adatta ad essere documentato con questo metodo.

Il tag canvas è una delle novità di HTML5,si tratta di un contenitore che può essere impiegato per disegnare ed operare con elementi grafici.

Formalmente canvas è un contenitore HTML definito dai consueti tag di apertura e chiusura.

I motivi per i quali è utile utilizzare canvas sono molteplici:

-Interattività: Canvas interagisce con gli utenti

-Animazione:Ogni disegno può essere animato, da palline rimbalzanti a giochi fino alla cinematica

-Flessibilità:Creare linee, forme complesse, testi, immagini, inserendo anche audio/video

-Standard Web:Tecnologia Open source di libero e gratuito utilizzo valida in tutto il mondo

-Browser:Canvas è supportato da tutti i principali browser per desktop e dispositivi mobili

-Popolarità:Ampia disponibilità di risorse, librerie e strumenti a sostegno degli sviluppatori

canvas può essere utilizzato per:

-Creazione di giochi in 2D e 3D

-Ottimo sostituto di Flash per banner e annunci

-Generazione di grafici accattivanti sia statici che interattivi

-Con immagini e audio/video produrre esperienze efficaci di apprendimento

-Arte e decorazione con colori, sfumature, trasparenze e ombreggiature

Per esibire le sue potenzialità, canvas, necessita di un linguaggio di supporto come JavaScript, ed è questo linguaggio che da anche interattività alle pagine di questo e-book.

Per i comando documentasti sono presentati uno o più esempi interattivi allo scopo di evidenziare il funzionamento di questa tecnologia.

Per poter consultare questo e-book è necessario un lettore epub3 evoluto dell’ultima generazione (autunno 2016).

Per la scarsa disponibilità di lettori in grado di supportare interattività completa, segue un elenco non esaustivo di software idonei (gratuiti o al prezzo di alcuni euro) per vari sistemi operativi.

-Windows:Machintosh e Linux: AZARDI Infogrid Pacific: http://azardi.infogridpacific.com/azardi-download.html

-Android:bookari (versione premium) : https://play.google.com/store/search?q=bookari&c=apps

-iPad:Ebook Reader: https://itunes.apple.com/it/app/ebook-reader/id381260755?mt=8

-browser Chrome:readium (estensione): https://chrome.google.com/webstore/search/readium?hl=it

Naturalmente altri lettori possono essere in grado di supportare la lettura ePub3 interattivi

• Lingua: Italiano
• Editore: Antonio Taccetti
• Data di uscita: 17 ott 2016
• ISBN: 9788822856890

Anteprima del libro

Tavola dei Contenuti - TOC

Come usare questo e-book interattivo

Come funziona l'interrattività

Introduzione all'utilizzo di

Definizione dei colori

Colori per nome - live

Colori dizione rgb - live

Produzione colori comopositi - live

beginPath() - live

fill() - live

lineJoin - live

rect() - live

fillRect() - live

clearRect() - live

arc() - live

Smile - live

clip(), save(), restore() - live

createLinearGradient() - live

addColorStop() - live

strokeStyle gradienti rettangolo sfumato - live

shadowColor,shadowBlur,shadowOffsetX,shadowOffsetY - live

fillText - live

strokeText default - live

scale() testo - live

transform(), forme e testo - live

setTransform() testo - live

setTransform(),spostare,scalare,ruotare,distorcere - live

Trasparenza Alpha - live

globalCompositeOperation - live

toDataURL() - live

Animazione senza timer - live

Panorama - live

Grafico a barre - live

Grafico a torta - live

Cuore disegnato con equazione - live

Punti di riferimento

Indice

Copertina

Come usare l'e-book interattivo

L'acronimo ePub è l’abbreviazione di electronic publication, uno standard aperto il cui sviluppo è portato avanti dall’International Digital Publishing Forum (IPDF).

L’ultima evoluzione del formato è ePub 3.

Basato su Xml, Html5 e css3, porta con sé molte nuove caratteristiche che fanno scorgere come saranno gli e-book nel prossimo futuro fra le quali:

Responsivo: indica la possibilità del contenuto delle pagine di adattarsi automaticamente alle dimensioni del dispositivo di lettura. (già presente in parte delle versioni precedenti).. 

Interattivio: Cioè nel suo interno possono essere presenti contenuti multimediali di diverso tipo (pulsanti e controlli