Download
User Rating: 0/5 ( 0 votes)
WebGL Panorama - Easy-to-use jQuery plugin to display cube map panoramas on a HTML canvas object using WebGL.
Browser support
Even if WebGL Panorama runs with every jQuery version, your browser has to support WebGL to work with it!
Source: ulfbiallas.github.io
1. INCLUDE JS FILES
<script type="text/javascript" src="jquery-1_0.js"></script>
<script type="text/javascript" src="jquery-panorama.min.js"></script>
2. HTML
<canvas id="pano" width="640" height="400"></canvas>
3. JAVASCRIPT
$(document).ready(function(){
var data = {
xp : "xp.png",
xn : "xn.png",
yp : "yp.png",
yn : "yn.png",
zp : "zp.png",
zn : "zn.png"
}
$('#pano').panorama(data);
});
4. OPTIONS
For the moment, there is just one optional parameter:
Field of view
To set the field of view, just add the entry 'fov : someValue' to the parameter hash. If not explicitly set, it is set to its default value which is 90.