examples/skybox_pano.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>vr box example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
            margin: 0px;
            overflow: hidden;
        }
        #example {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
    </style>
</head>
<body>
<div id="example"></div>

<script src="../build/three.js"></script>
<script src="./js/controls/OrbitControls.js"></script>
<script src="../build/mxreality.js"></script>

<script>
    var  scene, renderer;
    var container;
    var vr=null;
    function init() {
        renderer = new THREE.WebGLRenderer();
        container = document.getElementById('example');
        container.appendChild(renderer.domElement);


        scene = new THREE.Scene();
        //AVR.develop=true;
        vr=new VR(scene,renderer,container,{'fov':80});
        vr.vrbox.width=50;
        vr.vrbox.height=50;
        vr.vrbox.depth=50;
        vr.loadProgressManager.onLoad=function () {
        }
        vr.init(function () {

        });
        vr.playPanorama("textures/sun_temple_stripe.jpg",vr.resType.box);
        //vr.playPanorama("textures/aaa.png",vr.resType.box);

    }
    init();

</script>
</body>
</html>