iOS传感器:利用磁力计完成一个AR场景应用

其实最近一直惦记着要更新简书,但是手头上正在开发一个个人APP,碰到了若干不太容易搞定的问题,所以更新就一拖再拖。被催无数次之后,终于在这个周末下定决心要更新一篇。

前面咱们用了陀螺仪、加速传感器做了一些好玩的效果,今天咱们就用用第三个传感器--磁力计--来做一个AR的场景。说到AR这个词,请大家不要喷我哈,并没有用到WWDC刚出的ARKit。而且今天这个例子重点是学习使用磁力计,本质上来讲和AR关系并不大。

image.png

磁力计跟前面的加速计、陀螺仪,都是用到了上次说的iOS当中的那个核心运动框架CoreMotion, 也都用了CMMotionManager

完成后的效果,能看到在视频输出的下面会有一个随着屏幕移动的天空星辰背景图,同时屏幕左上角会实时打印当前的方向信息、地理信息。

磁力计.gif

1. 磁力计的介绍

磁强计指的是各种用于测量磁场的仪器,也称磁力仪、高斯计。它可以感应地球的磁场,获得方向信息。

1.1 应用场景

那显而易见,典型的应用场景就是用在电子罗盘和导航上面。

之前看到过某个大神用磁力计简直玩出了花儿,隔空抓牛的感觉。利用iPhone上磁力计、加速计和麦克风实现平面和三维上的磁铁追踪,并能实时的反馈在iPhone 屏幕上。

image.png

看上去屌炸了,有没有?宅胖还专门找到了这篇文章的报道,有兴趣的可以进去看看,里面有实现后的视频。http://mobile.163.com/14/1127/09/AC2356CQ0011179O.html

1.2 需要了解的基本概念

要用到磁力计,经常会听到有人说到“磁北”、“真北”这两个高频词,CoreMotion也会给我们返回这两个数值。是什么意思呐?

  • 真北:指的是地理的北极
  • 磁北:指的是磁场北极

纳尼?这是什么鬼?来来来,咱们科普一下。

  1. 磁北
    磁北是以大地磁场为基准的,通过各种传感器传送的方位都是以磁北为基准的。BUT!!!!敲黑板!!!!!磁北的具体位置是随着时间而改变的。
    也就是说咱们随着地球的旋转,咱们除了有一年四季的变化、时间的变化,连磁场都会发生改变。嗯,是这样的。

  2. 真北
    由于磁北是会变化的,那我们怎么用?不可能还要计算地球自转轴、考虑时间因素吧。所以才有了真北这个概念。

真北是地球自转的地理北极,这个就是考虑到了各种因素,是一个固定的位置。所以咱们电子罗盘神马的所指的北,说的是这个真北。通常情况下,方位都是需要矫正到真北的。苹果很贴心啊,真北就不用自己算了,直接也会有返回的数值。

剩下的还有磁偏角校正、网络北、网络北校正、收敛角等等学术概念。

那岂不是电子罗盘上面的北和指南针上面的北不一致啊?

问这个问题的童鞋那是相当的聪明呀,那肯定是不一致的。不过误差也是在可感官接受的范围内。在等会儿的例子里面,咱们把这两个数值都打印出来,自己看看。

2. 磁力计的使用

2.1 使用步骤

磁力计同样也是通过CoreMotion
这个框架来管理的,所以和前面两个传感器一样,四个标准步骤:

  • 初始化CMMotionManager管理对象;
  • 调用管理对象的对象方法获取数据;
  • 处理数据;
  • 当不需要使用的时候,停止获取数据。

2.2 磁力计数据获取的两种方法

CoreMotion中有2种获取数据方式,一种叫做PUSH的方式,一种叫做PULL的方式。顾名思义,PUSH就是被动的获取。设定完了之后,线程定时把获取到的数据推送回来。可想而知,对于资源的消耗是会稍微大一点的。PULL,就是要去索取。拉一下才会获取到数据。不要不给。上一次代码是Swift的,这一次咱们就使用OC啦。

2.2.1 PULL的方式

//PULL的方法获取数据
- (void)pullMagnetometer {
    //    判断磁力计是否可用
    if (self.manager.magnetometerAvailable) {
        //        设置磁力计采样频率
        self.manager.magnetometerUpdateInterval = 0.1;
        
        //开始更新,后台线程开始运行。这是Pull方式。
        [self.manager startMagnetometerUpdates];
        NSLog(@"X = %f,Y = %f,Z = %f",self.manager.magnetometerData.magneticField.x,self.manager.magnetometerData.magneticField.y,self.manager.magnetometerData.magneticField.z);
        
    } else {
        NSLog(@"It cannot be used!");
    }
}

2.2.2 PUSH的方式

//PUSH的方法获取数据
- (void)pushMagnetometer {
    //    判断磁力计是否可用
    if (self.manager.magnetometerAvailable) {
        //        设置磁力计采样频率
        self.manager.magnetometerUpdateInterval = 0.1;
        
        //Push方式获取和处理数据,这里我们一样只是做了简单的打印。把采样的工作放在了主线程中。
        [self.manager startMagnetometerUpdatesToQueue:[NSOperationQueue mainQueue] withHandler:^(CMMagnetometerData * _Nullable magnetometerData, NSError * _Nullable error) {
            NSLog(@"X = %f,Y = %f,Z = %f",magnetometerData.magneticField.x,magnetometerData.magneticField.y,magnetometerData.magneticField.z);
        }];
    } else {
        NSLog(@"It cannot be used!");
    }
}

3. 开始我们的小案例

写这个案例的时候发现要实现一个比较逼真的AR,咱们有好多东东都没有分享过。所以例子写完之后,写这篇文章的时候又对这个例子做了一些调整。大幅简化删减了了好多需求。但是,最后还是使用了相机、百度地图,如果这两个都不用,那真的一点都不能算是AR了。

完成后的效果,能看到在视频输出的下面会有一个随着屏幕移动的天空星辰背景图,同时屏幕左上角会实时打印当前的方向信息、地理信息。

磁力计.gif

小案例里面的相机不用紧张,咱们后面也还是会分享的。还有一个之前说过的,多线程也记得的哈,下一个系列就来补。

3.1 思维导图

image.png

3.2 准备工作

3.2.1 SDK的导入

这个例子里面咱们用了百度地图,所以需要导入百度地图的SDK。因为咱们没有分享过如何使用第三方库,可以看看这篇文章iOS·采用第三方(百度地图SDK)实现定位等功能开发

3.2.2 相机、定位权限的索取

iPhone对于APP使用用户的隐私权限做了很严格的规定,每个APP使用用户隐私之前必须要让用户知道并且同意。大概也正是因为这点,本宅胖才这么爱iPhone吧。虽然开发的时候就面临着很多问题,但至少产品始终是站在用户的角度考虑问题的。

在Info.plist中向用户索取相机和地理位置信息的权限。

  • Privacy - Camera Usage Description
  • Privacy - Location When In Use Usage Description
image.png

麦克风、媒体库的权限就不需要了。之前没有删减的那个案例里面用到了这个。说起来好心疼~~~

3.2.3 相机使用

相机在这个案例里面,使用的是AVFoundation框架。也是很心痛,这部分之前没有分享过。所以如果等不及俺的分享,可以先看看这个。Objc的第21期内容:iOS上的相机捕捉

别忘了在头文件<AVFoundation/AVFoundation.h>,同时遵守代理协议AVCaptureVideoDataOutputSampleBufferDelegate

3.3 创建动态活动的星空背景

从网上找到的星空图是4000*2800的大小,要让它完全超出屏幕。这样才能根据手机的移动进行活动。

同样的,为了能够明显的看到效果,在从陀螺仪获取到的数值之后,添加了一个放大倍数。这个小例子里面咱们使用的是5。

3.3.1 使用陀螺仪进行防抖

如果陀螺仪返回的数据在某个特定小范围内,我们就是视同只是手抖,不对图片本身进行处理。这样就看不到背景图片明显抖动的感觉了。

  • 注意:陀螺仪返回的各轴旋转角度是有可能为负数的,所以别忘了用绝对值进行判断。
//            做一下防抖动的处理,如果手机旋转的不太大,就不执行操作
if (fabs(gyroData.rotationRate.x) * multiplier < 0.2 && fabs(gyroData.rotationRate.y) * multiplier < 0.2) {
    return ;
}

3.3.2 让背景星空图随着屏幕进行运行

直接修改背景图的center就好了,让原center添加上需要进行的位移量就可以实现了。
这里需要注意的是,需要对边界值进行处理。如果屏幕旋转的乱七八糟,我们要让视频输出层下面始终有一个背景存在。

            //            因为背景图的大小事屏幕宽度的三倍,高度的两倍。为了防止超出边界,进行限制
            if (imageRotationX > self.view.frame.size.width * 1.5) {
                imageRotationX = self.view.frame.size.width * 1.5;
            }
            
            if(imageRotationX < (- self.view.frame.size.width * 0.5)){
                imageRotationX=(- self.view.frame.size.width * 0.5);
            }
            
            if (imageRotationY > self.view.frame.size.height) {
                imageRotationY = self.view.frame.size.height;
            }
            if (imageRotationY < 0) {
                imageRotationY = 0;
            }

3.4 利用百度地图输出磁力计信息、经纬度、高度

3.4.1 输出磁力计信息

根据百度地图SDK的文档,在用户的方向信息放生变化之后,会调用以下的方法。
这里我们没有做任何特殊的处理,就只是简单的打印出来了磁北、真北、三轴的偏移量。

等会儿运行的时候大家就能看到之前的问题,到底磁北、真北之间相差多少。

/**
 *用户方向更新后,会调用此函数
 *@param userLocation 新的用户位置
 */
- (void)didUpdateUserHeading:(BMKUserLocation *)userLocation {
    self.magnetometerInfo.numberOfLines = 0;
    self.magnetometerInfo.text = [NSString stringWithFormat:@"磁北:%.0f,真北:%.0f \n偏移:%.0f \nx:%.1f y:%.1f z:%.1f",
                                  userLocation.heading.magneticHeading,userLocation.heading.trueHeading,userLocation.heading.headingAccuracy,userLocation.heading.x,userLocation.heading.y,userLocation.heading.z];
}

3.4.2 输出用户位置信息:经纬度、高度

/**
 *用户位置更新后,会调用此函数
 *@param userLocation 新的用户位置
 */
- (void)didUpdateBMKUserLocation:(BMKUserLocation *)userLocation
{
    self.physicalLocation.numberOfLines = 0;
    self.physicalLocation.text = [NSString stringWithFormat:@"经度:%f \n纬度:%f \n高度:%f",userLocation.location.coordinate.longitude,userLocation.location.coordinate.latitude,userLocation.location.altitude];
}


源代码下载地址:OC下载地址


iOS传感器系列之一:加速传感器
iOS传感器系列之二:陀螺仪
iOS传感器系列之三:磁力计
iOS传感器系列之四:指纹传感器&距离传感器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,817评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,329评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,354评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,498评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,600评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,829评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,979评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,722评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,189评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,519评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,654评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,329评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,940评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,762评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,993评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,382评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,543评论 2 349

推荐阅读更多精彩内容