timdream / ie9toss

HTML5 demo made at IE9 Hackathon held by Microsoft Taiwan

IE9 Hackathon HTML5 demo: Paper toss

This is the demo I made on site at IE9 Hackathon for Microsoft Taiwan. I got 3rd place and won an XBox 360 with Kinect with this :)

Position and wind drag is not calculate with physics engine :P. The effect of wind drag and gravity are simply added at every loop.

Demonstrated Technologies

• jQuery, jQuery plugin
• <canvas>
• drawImage()
• rotate()
• translate()
• Inline SVG
• <img> SVG
• CSS transform
• CSS text-shadow

Known issue

• Doesn't work on Firefox for unknown reason (it complain about image not ready)
• Webkit doesn't calculate the native size of an SVG image correctly; that's why the HTML5 logo is distorted.

Image copyright

• HTML5 logo is a trademark owned by W3C
• IE9 logos and Windows wallpapers are owned by Microsoft and/or the creator.
• Break XP wallpaper is found here
• Windows ME wallpaper is found here