切换语言为:繁体
分享14个实用360°WebVr全景视图框架大全

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

  • 爱糖宝
  • 2024-11-08
  • 2040
  • 0
  • 0

一、Theasys

地址:www.theasys.io/samples/

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

二、Panoraven

地址:panoraven.com/en

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

三、360-image-viewer

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

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

四、Kaleidoscope

地址:github.com/thiagopnts/…

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

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

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

五、JS Cloudimage 360 View

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

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

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

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

六、Three.js

地址:threejs.org/

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

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

七、2VR

地址:www.2vr.in/

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

八、Panolens.js


地址:pchen66.github.io/Panolens/

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

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

九、Pannellum


地址:pannellum.org/

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

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

十、view360


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

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

十一、A-Frame


地址:aframe.io/

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

十二、VR View


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

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

十三、Photo Sphere Viewer


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

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

十四、Marzipano


地址:www.marzipano.net/

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


作者:嚣张农民
链接:https://juejin.cn/post/7434473139831029800

0条评论

您的电子邮件等信息不会被公开,以下所有项均必填

OK! You can skip this field.