最新消息:iOS编程开发交流群(6906921) ,Mac.Cocoa开发交流群(7758675) 欢迎iOS/macOS开发编程爱好及学习者加入!

iOS开发之360°/720°全景展示

iOS 天狐 47275浏览 4评论

360度平面旋转效果

360旋转效果,其实很简单,就是通过手势,使一imageview不停的换不同角度的图就行了.至于一张图对应多少度,多少度对应多少张图.可以适当的调节

关键代码

720度全景效果

一张鱼眼图或者六方图,展现出来的全景影像效果图

PanoramaGL (支持一张鱼眼图或六方图)

PanoramaGL是世界上第一个开源的实现360度全景图像的iOS、Android类库。基于OpenGL 支持球,立方体,圆柱。有重力加速等。

很老的一个库了,但是效果做的非常棒,缺点就是非常耗内存,并且作者早已经不在维护了,bug非常多

https://code.google.com/p/panoramagl

本人在生产环境用了很久这个库,所以自己也fork了一个版本,修改了若干bug,满足基本使用

https://github.com/shaojiankui/PanoramaGL

JAPanoView (推荐,只支持六方图)

JAPanoView是一个UIView子类,从立方全景图像创建显示360 - 180度全景,交互式平移和缩放。可以添加任何UIView JAPanoView热点。类库非常棒,完全基于iOS类库实现,没有借助OpenGL

https://bitbucket.org/javieralonso/japanoview/

显然这个库也很久更新了,Bug也有些,偌大互联网也有人fork了下,修复了bug,

https://github.com/smartapps-fr/JAPanoView

Panorama (支持一张鱼眼图)

同样是基于OpenGL的球形全景视图,代码非常少,值得学习。但是只支持一张鱼眼图。

https://github.com/robbykraft/Panorama

threejs.org  (支持一张鱼眼图或六方图)

Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)。但是显示在iOS Webview略显鸡肋。最后放弃之

three.js的代码托管在github上面

https://github.com/mrdoob/three.js

类库非常强大。全景展示仅仅是一个小功能

http://threejs.org/examples/webgl_panorama_equirectangular.html

OpenGL自己动手实现   (支持一张鱼眼图或六方图)

GLKit.framework 与OpenGLES

使用 GLKTextureLoadercubeMapWithContentsOfFilestextureWithContentsOfFiletextureWithCGImage 我们很容易渲染出来一个球体效果,难点就在于根据手势的拖动与缩放改变球体

关键代码

https://github.com/shaojiankui/Panorama-OpenGL

SceneKit自己动手实现

关键代码

https://github.com/shaojiankui/Panorama-SceneKit

工具

Pano2vr 全景图像转化与制作软件,可以进行一张鱼眼图与六方图的转换,还可以直接使用鱼眼图生成h5代码,增加定位交互热点等等

windows mac版本都有。最新版本的Pano2vr非常强大,但是我用的4.5版本的, 足够用了.

转载请注明:天狐博客 » iOS开发之360°/720°全景展示

微信 OR 支付宝 扫描二维码
为天狐 打赏
非常感谢你的支持,哥会继续努力!
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (4)

  1. 第一段360度平面旋转效果代码,只能适应于一组图片查看 如果我是单张鱼眼图片呢,如何实现旋转查看呢? 谢谢
    Roen7年前 (2017-08-03)回复
    • 啊啊,你理解错了。。。,一张的是鱼眼图,为了区分,我称之为720展示。你可以后后边的方法。
      天狐7年前 (2017-08-05)回复
  2. 你好,这个功能的图片是不是需要后台有个管理系统处理上传到服务器呢?手机拍摄的照片不行吧
    天天开发6年前 (2018-05-14)回复
    • 本地也可以啊。
      天狐6年前 (2018-05-25)回复