Goditi subito questo titolo e milioni di altri con una prova gratuita

Solo $9.99/mese al termine del periodo di prova. Cancella quando vuoi.

HTML5 canvas in tempo reale

HTML5 canvas in tempo reale

Leggi anteprima

HTML5 canvas in tempo reale

Lunghezza:
168 pagine
55 minuti
Pubblicato:
Oct 9, 2016
ISBN:
9788822853967
Formato:
Libro

Descrizione

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.

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.

Questa guida analizza i tutti i comandi javascript per canvas fornendo le conoscenze essenziali all’uso di ciascuno di essi.

Per ogni comando sono presentati uno o più esempi interattivi.

Questo e-book,grazie all’interattività permetterà di meglio apprezzare le reali potenzialità dei vari comandi e l’interazione fra loro.

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

Sul sito dell’autore (taccetti.net) è scaricabile un estratto dell'e-book “HTML5 canvas in tempo reale” e così verificare se il Vostro lettore preferito lo supporta.

Qui di seguito un elenco non esaustivo di lettori avanzati per vari sistemi operativi in grado di leggere perfettamente e-book interattivi, compreso questo.

-Windows:Machintosh e Linux: AZARDI Infogrid Pacific

-Android:bookari (versione premium)

-iPad:Ebook Reader

-browser Chrome:readium (estensione)

I lettori sono quasi tutti gratuiti, naturalmente altri lettori possono essere in grado di supportare la lettura ePub3 interattivi
Pubblicato:
Oct 9, 2016
ISBN:
9788822853967
Formato:
Libro

Informazioni sull'autore


Correlato a HTML5 canvas in tempo reale

Libri correlati

Anteprima del libro

HTML5 canvas in tempo reale - Antonio Taccetti

Tavola dei Contenuti - TOC

Come usare questo e-book interattivo

Come funziona l'interrattività

Soggetto di questo e-book

, un po' di storia

Quando usare

Introduzione all'utilizzo di

Definizione dei colori

Colori per nome - live

Colori dizione esadecimale - live

Colori dizione rgb - live

Colori dizione rgb in % - live

Colori dizione rgba (con opacità) - live

Produzione colori comopositi - live

Comandi base

beginPath() - live

moveTo(), lineTo(), stroke() - live

strokeStyle, closePath() - live

fill() - live

save(), restore()

save() restore() - live

Stili di linee

lineCap - live

lineJoin - live

lineWidth - live

Rettangoli

rect() - live

fillRect() - live

strokeRect() - live

isPointInPath() - live

clearRect() - live

Rettangoli, riassunto comandi - live

Archi e circonferenze

Gradi e Radianti

arc() - live

Smile - live

Spirale - live

arcTo() arco fra tangenti di circonferenza

arcTo() arco fra tangenti - live

clip()

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

Colori, gradienti e stili

fillStyle - live

fillStyle gradienti lineari

createLinearGradient() - live

createRadialGradient, gradiente radiali

createRadialGradient() - live

createPattern()

createPattern() - live

addColorStop() - live

strokeStyle gradienti rettangolo sfumato - live

strokeStyle gradienti testo sfumato - live

Effetti ombra

shadowColor, shadowBlur - live

shadowColor,shadowBlur,shadowOffsetX,shadowOffsetY - live

Curve di Bezier

bezierCurveTo() - live

quadraticCurveTo() - live

Testo

font - live

textAlign - live

textBaseline - live

fillText - live

measureText, read - live

measureText writing - live

strokeText default - live

strokeStyle, fillStyle, strokeText(), contorno e riempimento - live

Trasformazioni

scale() forme - live

scale() testo - live

Ellisse - live

rotate() forme - live

rotate() testo - live

Quadrato con gradiente ruotato a spirale - live

translate() - live

transform(), forme - live

transform(), forme e testo - live

setTransform() testo - live

setTransform() rettangolo - live

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

setTransform(), animazione - live

drawImage()

drawImage(), caricare immagine - live

drawImage() caricare e ridimensionare - live

drawImage() ritaglio - live

Manipolazione a livello pixel

getImageData(), get the pixel data

createImageData() - live

getImageData() - live

putImageData() - live

globalAlpha

globalAlpha - live

Trasparenza Alpha - live

globalCompositeOperation

globalCompositeOperation - live

toDataURL()

toDataURL() - live

effetto animazione - live

Effetto rimbalzo - live

Animazione senza timer - live

Panorama - live

Grafico a barre - live

Grafico a barre complesso - live

Grafico a torta - live

Spirale di Archimede - live

Spirale di Fermat - live

Spirale iperbolica - live

Spirale logaritmica - live

Spirale lemniscata - live

Cuore disegnato con equazione - live

Punti di riferimento

Indice

Copertina

Come usare questo 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.

La versione 3 del formato eBub mantiene le caratteristiche della versione precedente ma in più è responsivo e interattivo.

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 per interagire con i lettori, audio, video, animazioni, etc)

Queste novità mettono l'utilizzatore in grado di andare al di là della semplice esperienza di lettura.

Da ricordare che l'estensione del file ePub rimane la stessa indipendentemente dalla versione ePub dell'e-book.

Per aprire file con questo tipo di estensione è necessario un apposito programma di lettura su PC o un'apposita applicazione per i dispositivi mobili.

Se sul dispositivo di lettura non è installato un software idoneo per ePub versione 3, al tentativo di lettura i risultati potrebbero essere inaspettati..

L'e-book potrebbe essere letto ma con interattività parziale, molto ridotta e perfino nulla fino al ricevere un messaggi del tipo: Il file potrebbe essere danneggiato

Da considerare che il download dei file con formato ebub versione 3 potrebbe durare più del solito se i contenuti multimediali sono pesanti.

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

A questo indirizzo http://www.taccetti.net/html5canvaslive/index.php è possibile scaricare alcune pagine di questo e-book e verificare se il Vostro lettore può leggerle.

Per la scarsa disponibilità, (autunno 2016) di lettori di e-book evoluti in grado di supportare interattività completa, quello che segue è un elenco non esaustivo di lettori avanzati (quasi tutti gratuiti) e per vari sistemi operativi, in grado di leggere perfettamente questo e-book. .

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%20epub3&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/detail/readium/fepbnnnkkadjhjahcafoaglimekefifl?utm_source=chrome-app-launcher-info-dialog

Nessun rapporto diretto è in atto con i proprietari del software citato e naturalmente molti altri lettori possono essere in grado di compiere egregiamente il loro lavoro.

Altri sviluppatori che dispongono di un software con caratteristiche idonee alla lettura degli epub3, possono scrivere all'autore dal modulo web (click qui), e

Hai raggiunto la fine di questa anteprima. Registrati per continuare a leggere!
Pagina 1 di 1

Recensioni

Cosa pensano gli utenti di HTML5 canvas in tempo reale

0
0 valutazioni / 0 Recensioni
Cosa ne pensi?
Valutazione: 0 su 5 stelle

Recensioni dei lettori