Categoria: esempi Pagina 1 di 2

1341907183-hot

Snake Game: il gioco del serpentello con Canvas, jQuery e HTML5

Chi non ha mia giocato al serpentello sul suo vecchio Nokia alzi la mano! Snake è uno dei giochi più semplici eppure più addictive della storia dei video games – e in questo articolo vi presentiamo un tutorial che spiega per filo e per segno come crearne uno in HTML5 usando Canvas e jQuery

fai pubblicità su html5today.it
1340008569-hot

Kittydar, il radar per gatti con Canvas e HTML5

La fantasia dei developer spesso è inferiore solo alla presenza di foto di gatti e mici sul web. Unendo queste due inarrestabili forze e sfruttando la potenza di Canvas e HTML5 Heather Arthur ha creato un semplice e geniale software per riconoscere facce di gatti e altri felini domestici in una qualsiasi foto

1338881591-hot

WebGL + MIDI + HTML5 = Euphony e magia

Il genio dei web developer non finisce mai di stupire e grazie alla combinazione di vecchie e nuove tecnologie i risultati sono spesso a dir poco sbalorditivi. Oggi vediamo Euphony, un pianoforte WebGL su cui piovono le note colorate di pezzi MIDI processati in tempo reale.

1338280575-hot

Giochiamo al cubo di Rubik – tutto in WebGL

Gli esempi di ciò che è possibile fare nel nostro browser con le nuove tecnologie web stanno diventando sempre più belli e inimmaginabili fino a qualche annetto fa: ecco ad esempio un Cubo di Rubik completamente scritto in WebGL e JavaScript e totalmente giocabile online

1325584379-unnamed

SKiD Racer, il gioco 3D in HTML5 nel tuo browser

A volte sembra di vivere in un film di fantascienza. Se solo un paio di anni fa qualcuno ci avesse detto che avremmo potuto giocare nel nostro browser ad una corsa di macchine come ci giochiamo sulla Playstation, beh, avremmo riso. E invece, leggete leggete…

1317761954-hot

wormz. Un esperimento in canvas e HTML5

Abbiamo già visto in passato delle vere e proprie opere d’arte realizzate con tecnologie HTML5. Questa volta vogliamo presentarvi un piccolo gioiello che abbiamo scovato in giro per il web e che dimostra come con tanta fantasia e un po’ di HTML5 si possano realizzare effetti davvero strabilianti

1315485256-1

Google Gravity: il grande G a pezzi

Chissà quante volte ci sarà venuta voglia di fare a pezzi il nostro computer o un sito che non fa quello che gli chiediamo. Oggi, grazie a Mr. doob, possiamo iniziare a farlo con Google. In questo fantastico esperimento vedremo come distruggere la homepage di Google – lasciandone inalterato il funzionamento

1314567369-1

Arte e HTML5: Canvas Cycle

Ricordate il color cycling? Magari molti non ne avranno sentito mai parlare ma tutti gli appassionati di videogiochi lo hanno visto almeno una volta, quando negli anni 80 e 90 era la tecnica per piccole animazioni senza eccessivo spreco di memoria e CPU. E oggi lo rivediamo in HTML5

1314567342-1

Arte e HTML5: Canvas Cycling

Ricordate il color cycling? Magari molti non ne avranno sentito mai parlare ma tutti gli appassionati di videogiochi lo hanno visto almeno una volta, quando negli anni 80 e 90 era la tecnica per piccole animazioni senza eccessivo spreco di memoria e CPU. E oggi lo rivediamo in HTML5

fai pubblicità su html5today.it
1314000729-hot

Polvere di stelle: NakshART.com, il planetario in HTML5

NakshART è l’ennesimo esempio delle fantastiche possibilità di HTML5: combinando geolocation, localstorage e soprattutto Canvas l’autore di questo eservizio in HTML5 è riuscito a creare un planetario completo di tutte le costellazioni del nostro cielo, completamente ruotabile e navigabile

Ball Pool: palle e bocce nel nostro browser

HTML5 consente possibilità infinite in svariati ambiti, dalla geolocalizzazione alla grafica. Vediamo Ball Pool e partiamo alla scoperta di un simpatico esperimento HTML5 con palle da biliardo che rimbalzano, girano e si scontrano sul nostro browser.

1310662133-hot

HTML5, WebGL e arte: quando il 3D incontra la web art

L’arte nell’epoca del web è qualche cosa di speciale e unica. Andiamo a scoprire dei veri piccoli capolavori realizzati attraverso l’utilizzo di WebGL, la nuova tecnologia HTML5 che porta nei nostri browser tutta la potenza del 3D e della grafica tridimensionale

1308692508-angry-birds

WebGL + gaming: 4 giochi in WebGL che vi lasceranno a bocca aperta

WebGL è ormai una realtà affermata e solida del web. Questa innovazione parte della tecnologia HTML5 ha portato il 3D sui nostri browser, aprendo possibilità assolutamente impensabili anche solo un anno fa. Vediamo una serie di giochi online che ci faranno rimanere a bocca aperta

1307089780-old_games_doom1_big1

Magia di HTML5: Doom in JavaScript e CSS

Ormai i nostri browser sono, di fatto, un vero e proprio sistema operativo. L’ultima meraviglia è questa versione di DOOM – il famoso gioco di qualche anno fa, il padre di tutti gli sparatutto in prima persona – interamente in JavaScript e HTML5. E dunque funzionante nel nostro browser.

1306909157-hot

World Biggest PAC-MAN: un PAC-MAN da record per Internet Explorer 9

Chi l’ha detto che alla Microsoft non sanno divertirsi? Per la promozione di Internet Explorer 9 la casa di Redmond in collaborazione con la Namco ha creato il più grande PAC-MAN del mondo,ovvero una versione interattiva e online del più famoso coin-op del mondo.

1306486829-1

lolwut: piccolo ma simpatico gioco online tutto in jQuery e CSS3

Ecco lolwut, altro esempio di semplice ma simpaticissimo gioco online che utilizza solo tecnologie “open”, ovvero un po’ di jQuery e tanto CSS3. Acchiappate al volo i mostriciattoli cadenti mentre un panorama coloratissimo e un po’ naif scorre orizzontalmente nel nostro browser

1306390773-1

Radiolab Hyper Audio Player: il futuro della radio e dell’arte – in HTML5

Oggi parleremo di arte. Grazie a Popcorn.js, HTML5 e tanta creatività Henrik Moltke ha creato una versione audio/video di un famoso show radiofonico che non esitiamo a definire vera e propria arte. Vediamo di cosa si tratta e come questo è stato possibile

fai pubblicità su html5today.it
1302444265-Clipboard01

prototype4: uno shoot-em-up tutto scritto in HTML5 e JavaScript

Grazie a canvas, webgl e SVG la rivoluzione HTML5 sta investendo il mondo del gaming online e dei videogiochi sul web. Vediamo in questo articolo uno shoot-em-up che ci ripoterà all’epoca d’oro delle sale giochi quando l’unico obiettivo era sfuggire ai missili avversari e distruggere tutte le navicelle del nemico

1302440781-racer

Cube Racer: canvas e 3d per spostare cubi tridimensionali

La grafica 3d con HTML5 è ancora in fase embrionale ma ci sono già una serie di esempi che ne sfruttano bene quasi tutte le potenzialità. Ecco un semplice demo di creazione e movimento di un cubo tridimensionale in un’arena racchiusa da un muro virtuale

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.

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

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

Powered by