JS 实现全景图预览

WebGL 是一种 3D 绘图协议，这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 VHTML5 Canvas 提供硬件 3D 加速渲染。Three.js 是一款开源的主流 3D 绘图 JS 引擎，它就像 jQuery 简化了 HTML DOM 操作一样，可以简化 WebGL 编程。

今天以 Three.js 为基础，使用 Photo-Sphere-Viewer 插件，来实现全景图的展示的小功能。

主要内容有：

1. Three.js 坐标介绍；
2. 全景图展示的原理；
3. 全景图的多个坐标点标记，自定义 Svg 图像标记、自定义图片文字标记展示；
4. 点击标记点，切换场景进入详情展示；
5. 自动播放，添加背景音乐；
6. 图片缓存，场景切换 Loading 制作等。

通过这次 Chat，将会体会到 JS 的强大，为我们带来更多更好玩的东西。

阅读全文: http://gitbook.cn/gitchat/activity/5b120ee62813a3316e5c4ac8

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ，阅读更多 GitChat 专享技术内容哦。

来源：CSDN

作者：GitChat的博客

链接：https://blog.csdn.net/valada/article/details/80892706