全景图

今天和大家讲一下全景后期拼接制作的相关问题： 1、拍攝 我们需要拍摄360度的照片，相邻角度的两张照片照片需要30%-40%的重复区域，这是为了我们后期制作时的方便性。 以gopro为例，相机处于水平状态下拍摄景物一圈，然后调整相机俯视向下45度拍摄照片一圈，最后仰视至向下90度拍摄一张。如果我们不是鱼眼镜头的话，可能需要多拍摄几个角度，因为这样才能把所有画面都覆盖到。 后期制作 首先你需要有制作完成的一张全景图片 全景图已经导入，我们需要将全景图进行修改，这个时候就涉及到天空的问题，有些时候天空我们是不需要拍摄的，后期通过ps补入就可以了，这里就不再多说补天的方式了，对这一块不了解的小伙伴可以去搜索酷雷曼以往的文章进行学习。由于补过的天空在做成全景图的时候会出现有界限的问题 所以必须将全景图导出成6张图，也就是立方体的六个面，全景图的视角正是在立方体内部的中心进行观看的。 选择立方体面片 选择好输出文件位置，输出 全景图已经导入，我们需要将全景图进行修改，看过aerolk童鞋的帖子就知道，天空有时候是要用ps补的，补天的方法自己去摸索我就不教了。由于补过的天空在做成全景图的时候会出现有界限的问题 所以必须将全景图导出成6张图，也就是立方体的六个面，全景图的视角正是在立方体内部的中心进行观看的。 选择立方体面片 选择好输出文件位置，输出 这六张图片 都可以用ps进行修改

VR全景就是视角超过人的正常视角的图像，而我们这里说的全景特指水平360度，上下360度全能观看的，能看到“天、地”的全景。全景拍摄实际上只是一种对周围景象以某种几何关系进行映射生成的平面图片，只有通过全景拍摄播放器的矫正处理才能成为三维全景。VR全景顾名思义就是给人以三维立体感觉的实景360度全方位图像。 初识VR全景时，大家都会感觉很好奇，也会觉得这么棒的东西肯定是用特别专业特别贵的东西拍摄而成，尤其是VR全景航拍，用俯视的角度来看到自己熟悉的环境的那种新奇而震撼的感觉溢于言表。俗话说得好，工欲善事其事必先利期器，一套好的拍摄装备势必会让你的拍摄事半功倍，但也并不是需要多么专业的设备才能制作出完美的VR全景图。 VR全景图主要分为两大类：地面(室内)VR全景图，航拍VR全景图。 对于各个阶段的全景制作而言，我将其划分为两个个阶段：入门级和专业级。 入门级：对于初次接触VR全景的朋友，由于是兴趣使然，所以我给出的入门级设备包括： 地面(室内)：C画幅单反或数码相机+鱼眼镜头+三脚架+全景云台 在此说明： C画幅单反虽然比起全画幅单反拍摄来说要麻烦一些，但是对于初识者是足够了，没必要去买昂贵的全幅单反(推荐尼康D7100，佳能750D) 鱼眼镜头价格差距很大，佳能尼康的原厂鱼眼镜头动辄上万，在这里推荐SAMYANG(三阳)的8mm鱼眼镜头，性价比很高。

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 插件，来实现全景图的展示的小功能。 主要内容有： Three.js 坐标介绍； 全景图展示的原理； 全景图的多个坐标点标记，自定义 Svg 图像标记、自定义图片文字标记展示； 点击标记点，切换场景进入详情展示； 自动播放，添加背景音乐； 图片缓存，场景切换 Loading 制作等。 通过这次 Chat，将会体会到 JS 的强大，为我们带来更多更好玩的东西。 阅读全文: http://gitbook.cn/gitchat/activity/5b120ee62813a3316e5c4ac8 您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ，阅读更多 GitChat 专享技术内容哦。 来源： CSDN 作者： GitChat的博客 链接： https://blog.csdn