360 Degree jQuery Panorama Viewer Using Canvas and WebGL - WebGL Panorama
File Size: | 1.66 MB |
---|---|
Views Total: | 8682 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

WebGL Panorama is a simple jQuery plugin that utilizes WebGL and Canvas
element to render an interactive 3D Panorama Viewer on your web page.
See also:
- Virtual Tour - Simple Panorama Viewer Plugin
- Cyclotron - 360°Panorama Image Display Plugin
- 360 Degree Panoramic Image Viewer with jQuery - Pano
- Simple jQuery Panorama Viewer with Touch Swipe Support
How to use it:
1. Include jQuery Javascript library and the jQuery WebGL Panorama plugin in your document.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="src/jquery-webglpanorama.min.js"></script>
2. Create a Canvas
element for the Panorama Viewer.
<canvas id="demo" width="400" height="300"></canvas>
3. Prepare 6 images and upload them into your web server.
4. The Javascript to render a Panorama Viewer in the Canvas
element you just created.
$(document).ready(function(){ var data = { xp : "xp.png", xn : "xn.png", yp : "yp.png", yn : "yn.png", zp : "zp.png", zn : "zn.png" } $('#demo').panorama(data); });
This awesome jQuery plugin is developed by ulfbiallas. For more Advanced Usages, please check the demo page or visit the official website.