美文网首页开源工程Web前端之路程序员
Pannellum轻量级全景图展示,美的不要不要的

Pannellum轻量级全景图展示,美的不要不要的

作者: 毛三十 | 来源:发表于2017-03-13 15:00 被阅读116次

1.Pannellum简介

全景图通过广角的表现手段,可以尽可能多的表现出周围环境,把二维的平面图模拟成真实的三维空间展示,给用户带来更好的用户体验。随着全景相机的应用普及,会有越来越多的全景资源的出现,而目前的浏览器还不能独立的支持全景图,这就需要一个全景图阅读器工具来辅助。

在本文中,小编为您推荐一款基于WEB的全景图阅读器Pannellum,它是免费开源的,目前的最新版本是2.3.2,下载的zip包大小只有18K。其具备一个优秀的工程的全部优点,开源,轻量,免费,美观,易用,轻晰的文档,简单的例子等。

展示:长城内外

上述例子,以长城的全景图为例,立体的展示了中国长城巍巍青山的雄伟壮阔。全景图片815K,宽高4096x882。

巍巍长城雄伟壮阔

强烈建议动手试一下和阅读官方文档。

官网:pannellum.org

2.Pannellum特性介绍

Pannellum有很多良好的特性,支持不同的需要。小编简单列举如下几个:

支持自动载入和手动载入全景图

支持全景图的自动旋转和手动旋转方式

支持预览图设定

支持标注作者和标题

支持罗盘指示

支持Cube map(定义多张图片,组成全景图)

支持初始视角的定义

支持部分全景展示

支持自定义的全景移动控制

支持自定义热点

支持多分辨率

支持tour模式(从一全景图切换到另一全景图)

支持全景视频

3.Pannellum兼容性

Pannellum兼容性良好,基本能支持主流的浏览器,基本能够完全支持的浏览器如下:

Firefox 10+

Chrome 15+

Safari 8+

Internet Explorer 11+

Edge

4.Pannellum演示程序

Pannellum演示程序

5.结语

Pannellum是一个十分优秀的开源工程,值得动手试一下。Pannellum不支持VR分屏,另外 WebGL 渲染效果一般。

相关文章

  • Pannellum轻量级全景图展示,美的不要不要的

    1.Pannellum简介 全景图通过广角的表现手段,可以尽可能多的表现出周围环境,把二维的平面图模拟成真实的三维...

  • 全景组件Pannellum解析与实践

    简介 Pannellum是一款基于WebGL和JavaScript的轻量级开源全景组件,能用作在网页端和移动端展示...

  • pannellum.js 使用

    pannellum.js 官网[https://pannellum.org] 一、导入 js pannellum....

  • 展示,不要告诉

    展示,不要告诉 “展示,不要告诉”这一著名的原理的关键,千万不要将话语强行塞入人物的口中,令他们告诉观众有关世界、...

  • Android全景图Widget

    全景图展示Widget调研: PanoramaImageView SimplePanorama gvr-andro...

  • 漂亮的衣服,漂亮的你

    在最美的年纪,成为最美的自己 不要在最美的年纪,混的最差劲 不要在最美的年纪,用的最差 不要在最美的年纪,穿的最丑...

  • 真惊了

    原来可以这样美 美的不要不要的

  • 不要展示你的委屈

    不要轻易掉眼泪,除非由衷地忏悔。在被造物面前流泪,没有一点作用。活着的每一个人,都是极为平常的,除了自己的切身利益...

  • 5分钟制作一个VR视频播放器

    最近VR火的不要不要的,但是综合起来,VR资源最多的还是全景图片和全景视频,今天在这里给大家简单介绍一下如何用Un...

  • 制作VR视频播放器

    最近VR火的不要不要的,但是综合起来,VR资源最多的还是全景图片和全景视频,今天在这里给大家简单介绍一下如何用制作...

网友评论

  • 舒勇:挺漂亮,全景图是趋势
  • 毛三十:我很喜欢这个工程,长城太美了

本文标题:Pannellum轻量级全景图展示,美的不要不要的

本文链接:https://www.haomeiwen.com/subject/pvofnttx.html