iOS-全景效果实现

作者: 软件iOS开发 | 来源:发表于2018-01-05 10:05 被阅读249次

iOS-全景效果实现
iOS全景效果实现
vue实现AR全景效果
Unity 实战【360VR 看房】
VR全景拍摄拼接不能忽略的细节小技巧
VR全景拍摄拼接小技巧千万不要忽略这些细节
使用SceneKit编写VR全景播放器
krpano全景图
ThinkPHP3.2+Krpano实现全景图
iOS- 波浪效果简单实现

一、PanoramaGL

上面这个库的链接是GitHub上一个大神skyfox维护的，他在原有基础之上对一些问题进行了修复，这个库没有使用ARC，集成的时候相对麻烦一点，因为库的作者没有对库进行维护，在有些效果上，性能开销还是挺大的,下面开始介绍集成与使用吧。

集成，将PanoramaGL文件夹拖入工程，并在Build Phases Compile Source库文件.m中添加-fno-objc-arc（注意：每个库文件.m都要添加，不然运行会报错）,如下图所示：

具体使用：PanoramaGL的demo主要提供了六种效果展示，有六张图片拼接，也有直接使用一张全景图片，我项目里使用的是Sphere这种效果，图片支持大小是2048x1024。在构建PLImage的时候，我不得不吐槽下自己，因为demo都是通过图片路径得到PLImage，于是我就想到用AFN封装一个图片下载方法，下载图片后，获取图片保存在本地路径，来构建PLImage。之后SDWebImage了解和使用的比较多，发现SDWebImage可以直接下载图片并缓存，好了，不多说了，直接上代码吧。

- (void)setupPLView {

//JSON loader example (see json.data, json_s2.data and json_cubic.data)

//[plView load:[PLJSONLoader loaderWithPath:[[NSBundle mainBundle] pathForResource:@"json_cubic" ofType:@"data"]]];

/** < 设置代理 > */

plView.delegate = self;

/** < 设置灵敏度 > */

/** <

#define kDefaultAccelerometerSensitivity 7.0f

#define kDefaultAccelerometerInterval 1.0f/60.0f

#define kAccelerometerSensitivityMinValue 1.0f

#define kAccelerometerSensitivityMaxValue 10.0f

#define kAccelerometerMultiplyFactor 100.0f

> */

// plView.accelerometerSensitivity = 10;

//

// /** < 加速更新频率 > */

// plView.accelerometerInterval = 1 / 45.0;

// /** < 加速度 > */

// plView.isAccelerometerEnabled = NO;

// /** < X轴加速度 > */

// plView.isAccelerometerLeftRightEnabled = NO;

// /** < Y轴加速度 > */

// plView.isAccelerometerUpDownEnabled = NO;

// /** < 惯性 > */

// plView.isInertiaEnabled = NO;

// /** < 三指恢复初始化 > */

// plView.isResetEnabled = NO;

/** < 加载本地 > */

[self selectPanorama:0];

/** < 加载网络全景图 > */

// [self loadData];

}

- (void)loadData {

NSObject *panorama = [PLSphericalPanorama panorama];

[[SDWebImageManager sharedManager] loadImageWithURL:[NSURL URLWithString:@"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1514970914547&di=2eb3de621ad48c0f9961e99e3176ad65&imgtype=0&src=http%3A%2F%2Fbpic.ooopic.com%2F16%2F00%2F89%2F16008943-6247a25ba16e2cd1e23842d461d60fa5.jpg"] options:SDWebImageRetryFailed progress:^(NSInteger receivedSize, NSInteger expectedSize, NSURL * _Nullable targetURL) {

} completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, SDImageCacheType cacheType, BOOL finished, NSURL * _Nullable imageURL) {

NSLog(@"%@",imageURL);

/** < 1、第一种加载方式 > */

// [(PLSphericalPanorama *)panorama setTexture:[PLTexture textureWithImage:[PLImage imageWithBuffer:data]]];

/** < 2、第二种加载方式 > */

/** < 是否缓存在磁盘 > */

[[SDWebImageManager sharedManager] diskImageExistsForURL:imageURL completion:^(BOOL isInCache) {

if(isInCache) {

/** < 获取缓存key > */

NSString *cacheImageKey = [[SDWebImageManager sharedManager] cacheKeyForURL:imageURL];

/** < 获取缓存路径 > */

NSString *cacheImagePath = [[SDImageCache sharedImageCache] defaultCachePathForKey:cacheImageKey];

[(PLSphericalPanorama *)panorama setTexture:[PLTexture textureWithImage:[PLImage imageWithPath:cacheImagePath]]];

}

}];

//Add a hotspot

PLTexture *hotspotTexture = [PLTexture textureWithImage:[PLImage imageWithPath:[[NSBundle mainBundle] pathForResource:@"hotspot"ofType:@"png"]]];

PLHotspot *hotspot = [PLHotspot hotspotWithId:(kIdMin + random() % ((kIdMax + 1) - kIdMin)) texture:hotspotTexture atv:0.0f ath:0.0f width:0.08f height:0.08f];

[panorama addHotspot:hotspot];

dispatch_async(dispatch_get_main_queue(), ^{

[plView setPanorama:panorama];

/** < 设置角度 > */

PLRotation ro = PLRotationMake(40.0, 0.0, 0.0);

[plView.camera resetCurrentC:ro Pitch:ro.pitch yaw:ro.yaw];

});

}];

}

到这里全景图效果都已经实现了，在项目中运用的也只有这么多，如果还有更多需求，可以查看相关头文件提供的方法吧。具体详情请看PanoramaGLDemo,下面也帖出运行效果图吧：