ruoxia / opanorama

Opanorama.js -- 基于Threejs，同时支持手势和陀螺仪的360度全景JS库。

Opanorama.js 基于Threejs，同时支持手势和陀螺仪的web全景JS库。

亲，觉得好用，给个star！！！

<script src="https://threejs.org/build/three.js"></script>
<script src="/dist/Opanorama.js"></script>

const panorama = new Opanorama({
    url: '',                    //全景图片
    container: document.body,   //容器
    radius: 500,                //球体半径，可不填
    fov: 90,                    //相机视角，可用于放大和缩小图片，可不填
    offsetLongitude: 0,         //经度偏移量，可用于默认展示图片位置，可不填
    offsetLatitude: 0,          //纬度偏移量，可用于默认展示图片位置，可不填
    supportTouch: true,         //是否支持手指滑动，可不填
    supportOrient: true         //是否支持陀螺仪，可不填
});

代码示例

特性:

1、使用一阶滞后滤波算法解决部分安卓机型陀螺仪输入数值抖动的问题；
2、同时支持手势和陀螺仪交互。