[08天]前端实现全景的N种方案

正在使用学习ThreeJS,对3D有了一点点了解。于是顺路扩展了下,想看看VR全景是如果实现的,有哪些方案。搜集整理了一些资料先记下来。以备后用。

一、解决方案:

  • Krpano

  • ThreeJS

  • css3d-engine

  • pano2vr

  • 720yun


1.1 krpano

官网地址: https://krpano.com/

krpano是一款全景漫游制作软件和工具。其具有以下特点:  高度灵活、性能卓越的轻量化全景漫游浏览器。 兼容HTML5和Flash,支持Webgl下的WebVR展示。使用专用的krpano xml代码编写全景漫游,可开发出高度定制化的项目,也可利用 krpano工具开发在线全景制作及展示平台。 支持多种类型的全景图以及全景视频和环物全景。 支持多种投影模式。 同时提供简单高效的批处理方式,可在无需代码干预下迅速生成一个基本功能兼备的全景漫游项目。

该软件收费

Krpano全景初体验


1.2 ThreeJS

官网地址: https://threejs.org/

Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。


1.3 css3d-engine

git 地址: https://github.com/shrekshrek/css3d-engine

这是一款css 3d 引擎,轻量,不过作者好像不怎么维护了

1.4 pano2vr

官网地址: https://ggnome.com/pano2vr/

Pano2VR 是一个全景图像转换应用软件。把全景图像转换成的HTML5、QuickTime和Flash格式,可以定制皮肤,官网下载的版本支持中文,但是需要付费才能去掉水印


1.5 720yun

官网地址: https://www.720yun.com/

是由*****独立开发运营的面向世界各地的VR全景内容创作分享平台。 他的本质还是krpano,对工具库的使用配置等做了更简单易用UI层。


以上几种方案,还都没有实践过。等全都试用后再写下感受心得。

未完待续...

2022-05-24 17:31:27 1141 0

参与讨论

选择你的头像