Il porting di Cut the Rope in un browser HTML5: i retroscena

di: HTML.it Redazione     16 Febbraio 2012

Questa è la traduzione dell'articolo Bringing Cut the Rope to Life in an HTML5 Browser di Giorgio Sardo, pubblicato originariamente su sitepoint.com. La traduzione viene qui presentata con il consenso dell'editore e dell'autore.

Cut the Rope è uno dei mobile game tra i più celebri. è tanto divertente quanto adorabile. Così abbiamo avuto un'idea: rendiamo disponibile questo gioco per un pubblico ancora più vasto mettendolo sul web grazie alla potenza di HTML5.

Per fare questo il team di Microsoft Internet Explorer ha collaborato con ZeptoLab (creatore del gioco) e gli specialisti Pixel Lab per portare Cut the Rope sul proprio browser. Il risultato finale è stata una vera e propria traduzione del gioco per il web, una tra le migliori che HTML5 possa offrire: canvas-rendering grafico, audio e video browser-based, CSS3 e la personalità dei font WOFF.

Ora è possibile giocare con la versione HTML5 di Cut the Rope su: www.cuttherope.ie.

Secondo gli autori la versione HTML5 rende il web più divertente e dimostra i progressi fatti nel supporto degli standard dall'ultima versione di Internet Explorer. Partendo da questa considerazione, hanno condiviso alcuni dei "retroscena" più interessanti dal punto di vista dei dettagli tecnici utilizzati in questo progetto, perchè potrebbero risultarvi utili nella costruzione dei propri siti in HTML5 e per renderli pronti per Windows 8 Store!

Figura 1. Cut the Rope gira su IE9 come un'applicazione HTML5, come porting del codice sorgente iOS

Cut the Rope gira su IE9 come un'applicazione HTML5, come porting del codice sorgente iOS

Figura 2. Screenshot di uno dei livelli speciali disegnati appositamente per questa versione

Screenshot di uno dei livelli speciali disegnati appositamente per questa versione

Guide JavaScript

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida jQuery UI

Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti