Tag: html5
Come giocare a Cut The Rope in HTML5 sul web
Cut The Rope è un bellissimo gioco nato per iPhone e successivamente adattato anche per Android che molti di voi conoscono già. Consiste nel cercare di nutrire una specie di rana-alieno, tagliando delle corde e affrontando una serie di ostacoli via via più difficili.
Bene finora era precluso ai non possessori degli smartphone sopra citati. Ma oggi al CES 2012 nell’ambito della presentazione del nuovo Windows Store , Microsoft ha presentato una versione speciale del gioco interamente realizzata in HTML5.
Per giocare vi basta andare qui. E’ per ora solo una dimostrazione quindi ha un numero di box limitati e il terzo ed ultimo è accessibile solo con Internet Explorer 9 e 10.
Gli altri invece potete giocarli anche con Chrome, Safari, Firefox e Opera.
Certo giocarlo col mouse non dà la stessa soddisfazione e esperienza di gioco che si ha con un touch screen ma il gioco merita comunque.
Date un’occhiata a questo video e poi correte a giocare 
Grazie a Zibri per la segnalazione.
Google Gravity: la gravità non perdona… neanche sul web ;)
Google Gravity esiste già da tempo eppure l’ho scoperto solo oggi.
E’ qualcosa di completamente inutile ma estremamente divertente.
E’ sviluppata in HTML5 e permette di utilizzare il motore di ricerca come se fosse sottoposto alla forza di gravità, dopo pochi secondi dall’apertura della pagina, i vari elementi presenti precipiteranno sul fondo del browser web in uso, sfracellandosi, ma Google continuerà a funzionare e vi basterà digitare la chiave di ricerca per veder apparire i risultati che cadranno anch’essi in una sorta di disordinato tetris 
Se continuerete ad effettuare ricerche i risultati non si sostituiranno ai precedenti ma si aggiungeranno agli altri cadendo dall’alto. Col mouse potrete spostarli, ruotarli, lanciarli verso l’alto ecc 
.
Il risultato lo potete vedere nell’immagine in alto (cliccateci sopra per ingrandirla).
Se volete provarla cliccate su http://mrdoob.com/projects/chromeexperiments/google_gravity/
Canvas Rider: divertente gioco ‘remake’ di Line Rider in HTML 5
Molti di voi sicuramente ricorderanno Line Rider, un giochino in flash che ha spopolato qualche tempo fa.
Sulla scia di quel successo arriva Canvas Rider completamente realizzato in html 5 e Javascript.
Lo scopo del gioco è disegnare una pista in discesa in modo da consentire a un ciclista di percorrerla senza cadere. Dovrete basarvi sulle leggi della fisica e realizzare un percorso creativo e in discesa
Quando avete finito potete provarla utilizzando pochi semplici comandi, “Freccia su” per accelerare , “Freccia giù” per frenare, destra e sinistra per bilanciarvi e ‘Invio’ per ricominciare da capo. Una volta finito potrete condividere la vostra creazione.
In alternativa se non avete voglia di disegnarvi la vostra pista potete provare uno dei tantissimi tracciati creati dagli altri utenti e se siete fortunati potrete anche trovare delle chicche, come il tracciato ispirato a Star Wars
Come tutti i giochi realizzati in HTM5 potrete giocarlo su qualsiasi piattaforma è infatti compatibile con tutti i browser e iPhone, iPad e dispositivi con Android.
Buon divertimento!
—> Canvas Rider
VintageJS: Effetto retrò sulle vostre foto senza PhotoShop e con pochi click
VintageJS è un plugin di jQuery, che grazie all’uso di canvas (supportato dall’HTML 5) consente di aggiungere alle immagini uno stile vintage e retrò.
Il funzionamento è intuitivo. Si carica una foto e attraverso alcuni cursori, si modifica l’immagine fino ad ottenere l’effetto desiderato. Il tutto gratuitamente. Si potrà poi decidere di salvare la foto o condividerla su facebook o twitter
Ovviamente per poter utilizzare questo script è necessario un browser che supporti HTML 5.
Inoltre è open source quindi è possibile scaricare il plugin e ospitare lo script su un sito web in modo da offrire il servizio ai propri visitatori.
[Via: MaestroAlberto]
Adobe rilascia Wallaby per convertire Flash in html5 e portarlo su iPhone, iPad, Android ecc
Ricordate?
Vi avevo parlato QUI di un tool che Adobe stava mettendo a punto per convertire animazioni Flash in HTML5.
Be’ poche ore fa è stata rilasciata una pre-release di Wallaby, un’applicazione basata su AIR (sempre di Adobe) che permette di convertire file Flash in documenti HTML5, in modo che gli sviluppatori possano realizzare con pochissimi versioni dei propri siti visualizzabili anche senza il Flash Player e quindi perfettamente visibili sui iPhone, iPad e tutti i dispositivi che non sono compatibili con Flash. E’ sufficiente Trascinare un file sull’interfaccia di Wallaby per ottienereun file in formato HTML, javascript e RSS modificabile tramite un qualsiasi editor web.
Essendo basato suAdobe Air può essere utilizzato sia dagli sviluppatori Windows che Mac.
Questo era il video della presentazione di qualche mese fa
Potete provare Wallaby QUI.
Ovviamente sono iniziate subito le “prese in giro” come questa
