CHF CHF
EUR EUR CHF CHF

Effetto fuoco con canvas, una demo old school

<img class="alignleft size-full wp-image-4154" style="margin:5px 10px 10px 0" src="https://blog.artera.net/wp-content/uploads/2010/08/fx.gif" alt="fx" width="128" height="128" />In questi giorni estivi un po' più calmi del solito mi sono messo a leggere con calma gli <a href="https://blog.artera.net/tag/canvas">articoli sul tag CANVAS redatti da Alessandro</a>, non avevo ancora fatto alcun test con il tag e volevo rinfrescarmi un po' le idee.
Volendo approfondire l'argomento <strong>CANVAS</strong> mi son detto, <strong>perchè non simulare uno degli effetti demo </strong>che tanto mi piacciono?

Leggi tutto

Come inserire/creare una favicon per il nostro sito

&lt;img class=&quot;alignleft&quot; style=&quot;margin: 0pt 10px 10px 0pt&quot; src=&quot;../wp-content/uploads/2010/05/favs.gif&quot; alt=&quot;favs&quot; width=&quot;190&quot; height=&quot;140&quot; /&gt;E' sempre l'ultima cosa che mi viene in mente di fare: creare la &lt;strong&gt;favicon per un sito web&lt;/strong&gt;.

Eppure, essendo un tab-maniaco con una media di 5/10 tab aperte contemporaneamente penso che la favicon sia una delle cose più utili nel riconoscimento della pagina in quella giungla di linguette.

Leggi tutto

HTML5: Canvas e immagini

Canvas e immagini: drawImageLa gestione delle immagini con il Canvas è una delle feature più interessanti per lo sviluppo web che ci viene offerta da HTML5. Grazie al Canvas, infatti, possiamo importare immagini all’interno dei nostri documenti per elaborarle dinamicamente in modo da ottenere, ad esempio, foto-composizioni. Avremo inoltre la possibilità di modificare le dimensioni delle immagini importate, potremo aggiungere del testo e sfruttare molte altre funzionalità che analizzeremo in questo post.

Leggi tutto

HTML5 Canvas – Disegnare forme geometriche

HTML5 CanvasOggi, finalmente, inizieremo ad approfondire le prime funzioni che l’HTML5 ci offre. In particolare ci occuperemo dell’elemento Canvas: un contenitore di elementi grafici utile per realizzare piccoli disegni e animazioni. L’elemento canvas costituisce la superficie sulla quale possiamo creare i nostri disegni ed elaborare elementi grafici tramite le funzioni che approfondiremo in questo post.

Leggi tutto