TRON:Legacy: An HTML5 and IE9 Powered Graphic Novel by Disney [Video]

Disney's new Tron:Legacy Digital Book site, introduces rich graphic novel brought to life online using HTML5 Canvas and audio tags. The site, is designed to mark the relaunch of the Tron:Legacy application, takes advantage of the power of modern PC hardware through Internet Explorer 9's full hardware acceleration. Giorgio Sardo worked closely with Vectorform and […]

Disney's new Tron:Legacy Digital Book site, introduces rich graphic novel brought to life online using HTML5 Canvas and audio tags. The site, is designed to mark the relaunch of the Tron:Legacy application, takes advantage of the power of modern PC hardware through Internet Explorer 9's full hardware acceleration. Giorgio Sardo worked closely with Vectorform and Disney on this web application that really showcases the power of HTML5 running oustide of the fishbowl Giorgio et al did some really good engineering to get the most performance out of HTML5 - Tron:Legacy deserves no less, of course!

"Originally released by Disney in 1982, the classic science-fiction film "Tron" has spawned comics, games, books and a television series based on the story of protagonist Sam, who is investigating his father's disappearance 20 years earlier. Sam's quest takes him on a solo journey through his father's digital legacy."

In the video below, Giorgio and Ari Bixhorn talks about this modern graphic novel written in HTML5 and powered by IE9. What's going on behind the graphics, anyway? What led to the use of HTML5's Canvas versus, say, CSS3 Transforms to create the stunning graphics with lightning bolts flashing in the background? What did they do to compensate for Canvas being a mostly "dumb" graphical surface? How did the overcome bandwidth constraints when loading several high res images?

[Source: Microsoft Press]