0


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

一、Theasys

地址:https://www.theasys.io/samples/

在这里插入图片描述

二、Panoraven

地址:https://panoraven.com/en

在这里插入图片描述

三、360-image-viewer

地址:https://renderstuff.com/tools/360-panorama-web-viewer/

在这里插入图片描述

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

四、Kaleidoscope

地址:https://github.com/thiagopnts/kaleidoscope

在这里插入图片描述

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

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

五、JS Cloudimage 360 View

地址:https://scaleflex.github.io/js-cloudimage-360-view/

在这里插入图片描述

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

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

六、Three.js

地址:https://threejs.org/

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

在这里插入图片描述

七、2VR

地址:http://www.2vr.in/

在这里插入图片描述

八、Panolens.js


地址:https://pchen66.github.io/Panolens/

基于Threejs封装的全景框架,只需要引用

three.min.js

panolens.min.js

在这里插入图片描述

九、Pannellum


地址:https://pannellum.org/

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

在这里插入图片描述

十、view360


地址:https://naver.github.io/egjs-view360/

在这里插入图片描述

十一、A-Frame


地址:https://aframe.io/

在这里插入图片描述

十二、VR View


地址:https://developers.google.com/vr/develop/web/vrview-web

在这里插入图片描述

十三、Photo Sphere Viewer


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

在这里插入图片描述

十四、Marzipano


地址:https://www.marzipano.net/

在这里插入图片描述

标签: threejs 360全景

本文转载自: https://blog.csdn.net/weixin_40808668/article/details/143583330
版权归原作者 嚣张农民 所有, 如有侵权,请联系我们删除。

“分享14个实用360°WebVr全景视图框架大全”的评论:

还没有评论