Tag: canvas Pagina 2 di 2

1302441868-9909145991

Il sistema solare su canvas: un vero spettacolo!

Quando ormai pensiamo che le possibilità di canvas siano state tutte esplorate, ecco un nuovo esempio che ci fa rimanere a bocca aperta. E’ questo il caso di Solar System, il nostro intero sistema solare, ruotabile, zoomabile ed interamente navigabile – tutto in canvas.

fai pubblicità su html5today.it
1302178738-three-kings_3801

SVG, Canvas e Flash… quale scegliere?

Creare animazioni, 3D, effetti e editing sulle immagini senza Flash sembravano essere tutte cose impensabili prima di HTML5. Oggi invece tramite il nuovo tag Canvas e il formato SVG è possibile fare tutto ciò. Vediamo le principali caratteristiche di questi tre strumenti e un’analisi di quando usare chi.

1299834494-ripples.317204207

Water Canvas: onde e gocce sul nostro sito con JavaScript e HTML5

Quando gli applet Java non si erano ancora estinti uno dei trucchi più usati era l’effetto “acqua”: al passaggio o click del mouse su un’immagine si aveva l’impressione che si formassero delle piccole onde sulla superfice. Vediamone una versione in JavaScript e Canvas

1299522328-w_tangle

Untangle HTML5: gioca a ritrovare il bandolo della matassa

Per chi adora risolvere quiz e puzzle logici Untangle HTML5 è il passatempo ideale: tanto semplice nella sua struttura quando difficile e stimolante nella soluzione, consiste in una serie di punti collegati da linee. Il gioco è spostare i nodi in modo che nessuna linea si sovrapponga.

jolecule: visualizzatore di proteine in the cloud con HTML5

Bellissimo e utile esercizio con HTML5 e canvas: un visualizzatore interattivo di proteine in 3D, ospitato per di più “in the cloud” e cioè sul Google App Engine

Julia Map: frattali con canvas e HTML5

Esperimento di Google nella visualizzazione di un frattale Julia utilizzando tecnologie HTML5 quali canvas e Web Workers

1296231279-rob

People of HTML5: Chris intervista Rob Hawkes, creatore del gioco Rawkets

Intervista completa a Rob Hawkes, lo sviluppatore che ha presentato il suo gioco Rawkets al Game On 2010 di Londra e che è oggi uno dei massimi esperti del tag canvas di HTML5

1294740122-1003511930-orig

WeaveSilk: seta sul proprio browser con canvas e HTML5

L’eleganza è una dote innata. Quando poi questa dote si associa a capacità eccezionali di programmazione, ecco nascere dei piccoli capolavori come “Silk”, una fantastico esempio di canvas in HTML5

1293745732-hot

Easel JS, un’ottima libreria per lavorare con i canvas di HTML5

Easel JS è un’ottima libreria JavaScript per sfruttare al meglio il canvas. Pensata da e per chi è abituato a sviluppare in Flash, questa libreria rende molto semplice animazioni e grafica su HTML5

fai pubblicità su html5today.it
1293026427-images

Seam carving con HTML5, JavaScript e web workers

Il seam carving è un algoritmo utilizzato per ridimensionare immagini evidenziando le parti “importanti” e tagliando via i pixel meno essenziali. Vediamo un tool JavaScript che lo fa in real-time con HTML5

1300110686-drag-hue-123

Manipolare un’immagine con canvas e getImageData

Modificare un’immagine al volo è una delle funzionalità più esaltanti e potenti di HTML5. Grazie all’oggetto canvas e alla funzione getImageData è possibile accedere e modificare ogni singolo pixel.

1291979115-8130-cheat-sheet

Canvas cheat sheet per non farsi mai trovare impreparati!

I “cheat sheet” sono una delle cose più utili del web: avere tutti insieme i comandi legati ad una funzione è spesso vitale per aumentare produttività ed efficienza. Vediamo un ottimo cheat sheet per il CANVAS

1291733407-47224923.redeye

HTML5 canvas, getImageData e un simpatico esempio per togliere gli occhi rossi

getImageData e putImageData, le due fantastiche funzioni per leggere e scrivere un canvas HTML5 – e modificare, ad esempio, un’immagine al volo

1291730972-tron-2-movie

LineRage: gioco HTML5 ispirato a Tron con più curve e più divertimento

LineRage è un bell’esempio di gioco in HTML5: ispirato a Tron, si deve guidare la propria linea cercando di portare l’avversario a sbattere contro di noi o ad uscire dal campo.

1290852515-snow-globe

HTML5 e canvas per creare il nostro globo di neve ruotabile

Quelle palle con la neve e un monumento dentro sono una delle cose più kitsch dell’universo. Vediamo come possono diventare invece una vera figata con HTML5, canvas e MozOrientation

1289827195-31808052928-orig

HTML5 3D: altra fantastica applicazione dell’oggetto CANVAS

Voxels, un bellissimo esempio di Mr.doob in HTML5: una visualizzazione 3d interattiva e totalmente ruotabile di una scena composta da quadratini le cui potenzialità di estensione e sviluppo sono notevoli

1289218334-thumb

Flash vs HTML5: Pong metà in Flash metà in HTML5 e CSS3

La lotta fra Flash e HTML5 è appena cominciata ma in questo simpatico esempio vedremo come le due tecnologie possono non solo convivere ma addirittura parlarsi e dialogare fra loro

Powered by