« MobileMe Public Folder | Main | Google Analytics — Besturingssystemen »
maandag, 26 april, 2010
iWeb : HTML5 Video Blowing Up and 3D demo
I came across this demo that shows what can be done with HTML5 Canvas and video.
Blowing up HTML5 video and mapping it into 3D space
I studied the code and came up with two samples of blowing up a video and a 3D sample, all in iWeb.
Blow Up, 3D and one on my iPad Site : Blow Up
To see how its done, open the widget markup files (In Safari : Command-Option-A to open the Activity window and than double-click the link to open it in a browserwindow).
Look at the source and follow the links to the JavaScripts.
It took a lot of tinkering to get everything pixel-precise on the canvas. The JavaScript code will tell you how.