Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    Only $11.99/month after trial. Cancel anytime.

    HTML5 canvas in tempo reale
    HTML5 canvas in tempo reale
    HTML5 canvas in tempo reale
    Ebook168 pages55 minutes

    HTML5 canvas in tempo reale

    By Antonio Taccetti

    ()

    Read preview

    About this ebook

    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
    LanguageItaliano
    PublisherAntonio Taccetti
    Release dateOct 9, 2016
    ISBN9788822853967
    HTML5 canvas in tempo reale

    Read more from Antonio Taccetti

    Related to HTML5 canvas in tempo reale

    Related ebooks

    Programming For You

    View More
    View More

    Related podcast episodes

    Related articles

    • Article

      Strane Storie Della BIBBIA

      Aug 1, 2020

      Strane Storie Della BIBBIA
      5 min read

    • Article

      Cos’è la CFD

      Nov 3, 2021

      Ma cos’è questa CFD? È possibile spiegarlo senza diventare incomprensibili ai più? Ci potremmo provare affidandoci all’ormai onnipresente Wikipedia dove si legge che la “fluidodinamica computazionale o numerica (brevemente detta CFD, Computational Fl

      4 min read

    • Article

      Cos’è la CFD

      Jun 21, 2022

      Cos’è la CFD
      4 min read

    • Article

      Un Touch D’artista

      Mar 5, 2020

      Un Touch D’artista
      2 min read

    • Article

      E Venne L'auto À La (micro) Carte

      Sep 23, 2022

      @davidecomunello Ammettiamolo: quella che ci si prospetta, o almeno quella che vorrebbero rifilarci, è una vita in abbonamento. Un canone mensile per i film in streaming, un altro per la tv satellitare, un altro ancora per i piani telefonici; e via d

      2 min read

    • Article

      Una Nuova Editoria

      Feb 25, 2022

      Una Nuova Editoria
      3 min read

    • Article

      Ecoflow River Pro

      Jan 31, 2022

      Ecoflow River Pro
      2 min read

    Related categories

    Reviews for HTML5 canvas in tempo reale

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      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

      Enjoying the preview?
      Page 1 of 1