[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工具开发在线全景制作及展示平台。 支持多种类型的全景图以及全景视频和环物全景。 支持多种投影模式。 同时提供简单高效的批处理方式,可在无需代码干预下迅速生成一个基本功能兼备的全景漫游项目。
该软件收费
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层。
以上几种方案,还都没有实践过。等全都试用后再写下感受心得。
未完待续...
参与讨论