Comic “TRON: Legacy” – Vom Papier ins Web mit HTML5 und IE9

Disney Digital Books setzt erstmals auf HTML5 anstatt Flash
Disney’s Website für digitale Bücher featured den Comic “TRON: Legacy” mit einer eigenen Site, die auf HTML5 basiert. In Zusammenarbeit mit Microsoft und Vectorform wurde eine interaktive, für den IE9 optimierte Version realisiert, die den Bildern der ursprünglichen Printvorlage durch HTML5-Elemente wie Audio und Canvas neues Leben einhaucht.

Comic TRON: Legacy   Vom Papier ins Web mit HTML5 und IE9Comic TRON: Legacy   Vom Papier ins Web mit HTML5 und IE9

We were blown away by the potential of this technology for the graphic novel” berichtet Disney’s Creative Director Nashie Castro. Tatsächlich wird in der Comicbranche noch immer der grösste Umsatz über den Printkanal (Produkte und Werbung) generiert. Das Potenzial von Apps oder Online-Versionen der Comics bzw. grafischen Novellen wie TRON ist bisher nur rudimentär genutzt worden und hinterlässt durch das oftmals statische Look&Feel einen eher müden Eindrück. Technische Möglichkeiten, um das Storytelling in diesem Bereich auf ein höheres Niveau zu bringen und damit auch ein neues Publikum zu erreichen, gibt es zahlreich. Warum die Wahl auf HTML5 und nicht CSS3, jQuery oder DOM fiel, begründet Giorgio Sardo (Senior Technical Evangelist, Microsoft) nicht zuletzt mit der Performance unter IE9 bzw. dessen Möglichkeit, Hardwarebeschleunigung für die Grafik nutzen zu können.
Mehr zu den technischen Details und den Überlegungen zur Umsetzung:
Behind the Scenes of Disney TRON: Legacy Digital Book Site

Fazit
Generell kommt bei mir durchaus das “Comicfeeling” auf, allerdings kann ich mir vorstellen, dass ich dieses Gefühl auf dem iPad noch intensiver geniessen könnte. Leider funktioniert die Site dort nicht…

Sabine Rödiger

  • Creative Developer | Dipl. Des. (FH)
    Visuelle Kommunikation - Neue Medien
  • Freelance iPad Producer/Developer, Ringier

Kommentare

Es gibt noch keine Kommentare für diesen Artikel.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

* Passwort kopieren:

* Bitte das Passwort hier eintragen:

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>