# HTML5 panorama viewer Javascript

Drag your mouse to navigate through the panorama.

## Description

Experimental HTML5 panorama viewer using the new HTLM5 canvas element. This script displays equirectangular (360x180) panoramas. So just one image is necessary to display a complete 360x180 panorama.

## Purpose

I mainly was curious how fast equirectangular panorama image can be displayed with a HTML5 canvas. So the script isn't cleaned up very well, but it gave me at least an idea that it is possible. On my an Intel Core i7 CPU I get more than 20 frames per second. That is of course not very fast but usable. And the best of all it doesn't require any Plug-Ins :)

## Navigation

- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.

## Requirements

I've tested this HTML5 panorama script with the latest versions of Safari, Firefox and Chrome on Mac OS X. But it should also run on other platforms supporting HTML5.

## License

The html5pano.js script is released under the Simplified BSD License. Please see comments within the script.

## Dowload

Please use the following link to download the script including a sample panorama image.
http://www.cheetah3d.com/download/HTML5pano/HTML5pano.zip
17.Aug.2010, Martin Wengenmayer