分享14个实用360°WebVr全景视图框架大全

811 阅读2分钟

一、Theasys

地址:www.theasys.io/samples/

image.png

二、Panoraven

地址:panoraven.com/en

b15aa971cd49a1b5abd4d952e2ab590c.png

三、360-image-viewer

地址:renderstuff.com/tools/360-p…

image.png 360-image-viewer 也是一个类似于上面的库,可以帮助您显示图像的全景图。各种设备屏幕上的照片、视频和响应能力。仅约 46kb(压缩后)的大小。使用此库时可以轻松优化站点的性能。

四、Kaleidoscope

地址:github.com/thiagopnts/…

image.png

Kaleidoscope 是一个开源的 Javascript 库,它可以轻松地为照片或视频构建 360 度方便的方法查看器。

如果你需要一个紧凑的库,不要使用额外的库,它能满足显示视频和全景图像的基本元素,我认为这个库是您不错的选择

五、JS Cloudimage 360 View

地址:scaleflex.github.io/js-cloudima…

image.png

JS Cloudimage 360 View 是一个用Javascript编写的紧凑型开源库,可以轻松实现360度显示图像,并提供更多功能帮助用户更便捷的交互。

如全屏显示、lazyload功能、图像放大镜。此外,它还提供您可以通过非常简单的设置直接用于网站的 CDN 只需将它提供的属性调用到我们想要显示 360 的 HTML 对象图像中。

六、Three.js

地址:threejs.org/

Threejs 是基于WebGL封装的3D引擎框架,降低了前端开发3D效果的难度,很容易就可以Web3D效果。

image

七、2VR

地址:www.2vr.in/

9d4ff2eb40246c1079f473e68f4254dd.png

八、Panolens.js


地址:pchen66.github.io/Panolens/

基于Threejs封装的全景框架,只需要引用three.min.jspanolens.min.js

image

九、Pannellum


地址:pannellum.org/

一个轻量级的Web全景查看器,Pannellum是一个轻量级、免费、开源的网络全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建,不含插件。

image

十、view360


地址:naver.github.io/egjs-view36…

image

十一、A-Frame


地址:aframe.io/

image

十二、VR View


地址:developers.google.com/vr/develop/…

image

十三、Photo Sphere Viewer


地址:photo-sphere-viewer.js.org/

image

十四、Marzipano


地址:www.marzipano.net/

image