Warning: DOMDocument::loadHTML(): Tag canvas invalid in Entity, line: 2 in /services/webpages/a/l/albates.com/public/cms/plugins/news_manager/inc/posts.php on line 56

Panorama html5 canvas film ideas


Warning: DOMDocument::loadHTML(): Tag canvas invalid in Entity, line: 2 in /services/webpages/a/l/albates.com/public/cms/plugins/news_manager/inc/posts.php on line 56

Funny Face: panoramas from a camera pan

Your browser does not support the HTML5 canvas element, which this experiment uses to display the panorama shown below.

Panorama of a scene from Funny Face displayed via HTML5 and canvas

Just another experiment with panoramas. It occurred to me that you could make an interactive panorama of a scene from a film, just by stitching individual frames from the film together into a wide image, much as you would construct a normal panorama by taking a number of separate shots at different angles.

To test the idea, I chose Funny Face, as it features several long panning shots across the Paris skyline. There were challenges, especially in matching the colour balance and exposure of the various frames as the camera moved across the scene, but I think the results are pretty good.

Paris Skyline Panorama From Roof Of Notre Dame with Fred Astaire in foreground
Paris skyline panorama from the roof of Notre Dame de Paris.

Paris Skyline Panorama From Sacre Coeur Montmartre with Audrey Hepburn in foreground
Paris skyline panorama from the steps at Sacre-Coeur, Montmartre

Paris Skyline Panorama From Roof Of Grand Palais with Kay Thompson in foreground
Paris skyline panorama from the roof of the Grand Palais.


Warning: DOMDocument::loadHTML(): Tag canvas invalid in Entity, line: 2 in /services/webpages/a/l/albates.com/public/cms/plugins/news_manager/inc/posts.php on line 56
  • -->
  • -->
  • -->