TRON:Legacy - An HTML5 Graphic Novel by Disney
- Posted: Jun 03, 2011 at 5:00 AM
- 319,239 Views
- 12 Comments
Download
How do I download the videos?
- To download, right click the file type you would like and pick “Save target as…” or “Save link as…”
Why should I download videos from Channel9?
- It's an easy way to save the videos you like locally.
- You can save the videos in order to watch them offline.
- If all you want is to hear the audio, you can download the MP3!
Which version should I choose?
- If you want to view the video on your PC, Xbox or Media Center, download the High Quality WMV file (this is the highest quality version we have available).
- If you'd like a lower bitrate version, to reduce the download time or cost, then choose the Medium Quality WMV file.
- If you have a Zune, WP7, iPhone, iPad, or iPod device, choose the low or medium MP4 file.
- If you just want to hear the audio of the video, choose the MP3 file.
Right click “Save as…”
- High Quality WMV (PC, Xbox, MCE)
- MP3 (Audio only)
- Mid Quality WMV (Lo-band, Mobile)
- High Quality MP4 (iPad, PC)
- MP4 (iPod, Zune HD)
The Beauty of the Web shines with Disney's new Tron:Legacy site, a rich graphic novel brought to life online using HTML5 Canvas and audio tags (check out the music). The site, 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 so it feels interactive, immersive and responsive. 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!
Check out Giorgio's behind-the-scenes write-up on how they built this great HTML5 app.
Here, I chat with Giorgio and Ari Bixhorn (aka Bix) 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?
Tune in.
Comments Closed
Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation,
please create a new thread in our Forums,
or
Contact Us and let us know.
Follow the Discussion
the "Click the link below to open the video in a different video player:
Play video!" link doesn't work, after installing silver light, video still doesn't play. I use FF
@attila:All of the media file links are working so this is not a missing file issue. Can you send details of the error you're seeing to our contact address? http://channel9.msdn.com/ContactUs
AWESOME!!!!!!
AWESOME but not so fluid on chrome and ff... too bad but the tech is quite impressive anyway :p
According to Firefox "This page requires a plugin that can only run in 32-bit mode / Restart in 32-bit mode?"
Um, what? In 2011?
Nice but causes my processor to churn just as much as flash video game. I dunno why but I hoped it would be more efficient. Not a criticism of the project though, that was very cool.
Diziet, this is designed for hardware accelerated browsers. Right now that's Firefox 4 and IE9 only. It's buttery smooth on my system, though I don't get the music because Firefox doesn't play MP3.
Thanks MS. You built this great app in HTML, and this great video. And at the end it, it's an upsell to an iPad app. I owe you!
ql, but I thought that they have created a new version of classic game too, that would be awesome :)
It's maybe fast but then you see that it's static images just moving. In Flash graphics and sound can come to life, smooth vector animations, dynamic sound, advanced layer blendings and effects, and soon 3D. So "HTML5" have very long way to go...
Che figata!
Actualy you can view this very smooth on chrome ( even better than in IE when i tested here on my machine) yoou just need to go to about:flags and anable the GPU Accelerated Canvas 2D
Remove this comment
Remove this thread
close