美文网首页OpenCV/AR程序猿探索者iOS Developer
ios 简单模仿随便走的AR功能(原理)

ios 简单模仿随便走的AR功能(原理)

作者: wangdaren | 来源:发表于2017-03-03 17:14 被阅读990次

先上个最终的效果动态图,

~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~

1、首先我们要自定义一个相机界面,可以用AVCaptureSession来自定义,不需要其他按钮,只有一个预览的界面;

2、我们要画一个简单的雷达图,可以用CGContextRef来简单实现,雷达图用来显示你跟你附近的用户(物体)的距离,通过跟实际物体的经纬度来算两点之间的距离,通过一定的比例来映射到雷达图上,两点之间的距离计算公式如下:

//两点的经纬度计算距离

-(float)DistanceFromCoordinates:(CLLocationCoordinate2D) myDotother:(CLLocationCoordinate2D)otherDot

{

doubleEARTH_RADIUS =6378137.0;

doubleradLat1= (myDot.latitude* M_PI /180.0);

doubleradLat2= (otherDot.latitude* M_PI /180.0);

doublea = radLat1- radLat2;

doubleb = (myDot.longitude- otherDot.longitude) * M_PI /180.0;

doubles =22* asin(sqrt(pow(sin(a /2),2)

+ cos(radLat1) * cos(radLat2)

* pow(sin(b /2),2)));

s =s* EARTH_RADIUS;

s = round(s*10000) /10000;

returns;

}

要算物体在雷达图上的显示位置,根据三角函数,sinA=对边/斜边,cosA=邻边/斜边,斜边我们已经有了,就是两点之间的距离,那么我们就需要知道一个角度,才能算出一条边,通过这条边跟半径的加减,就可以算出这个物体在雷达图上的位置。所以我们先要算两点的方位角,看下面的一张图:

这个维基上的一张方位角的解释图,我们可以同通过tan2函数来计算,公式如下:

- (float)getHeadingForDirectionFromCoordinate:(CLLocationCoordinate2D)fromLoctoCoordinate:(CLLocationCoordinate2D)toLoc

{

floatfLat = DegreesToRadians(fromLoc.latitude);

floatfLng = DegreesToRadians(fromLoc.longitude);

floattLat = DegreesToRadians(toLoc.latitude);

floattLng = DegreesToRadians(toLoc.longitude);

floatdegree = RadiansToDegrees(atan2(sin(tLng-fLng)*cos(tLat), cos(fLat)*sin(tLat)-sin(fLat)*cos(tLat)*cos(tLng-fLng)));

if(degree >=0) {

returndegree;

}else{

return(360+degree);

}

}

3、要实现雷达图跟随手机旋转而转动,这里我们要用到指南针的原理,通过CLLocationManager管理类,里面有个CLHeading类,我们可以实现指南针,看这个类的结构:

里面有真北,磁北,还有磁力值在x,y,z三轴上的磁力值,不过当我用到这三个值的时候,发现有问题,在前后移动手机的时候,发现这个值变化有停顿,如果用这个值来实现移动会导致不流畅,所以我又用了陀螺仪数据,通过CMMotionManager这个管理类来获取手机移动摆动的角度,用来计算手机前后移动的时候,物体在手机界面上下的位置。

-(void) startMotion

{

if(![_mgrisDeviceMotionActive] && [_mgrisDeviceMotionAvailable])

{

//设置采样间隔

_mgr.deviceMotionUpdateInterval=0.1;

NSOperationQueue*queue = [[NSOperationQueuealloc]init];

[_mgrstartDeviceMotionUpdatesToQueue:queue

withHandler:^(CMDeviceMotion* _Nullable motion,

NSError* _Nullable error) {

doublegravityX = motion.gravity.x;

doublegravityY = motion.gravity.y;

doublegravityZ = motion.gravity.z;

if(gravityY<=0&& gravityY>=-1)

{

//获取手机的倾斜角度(zTheta是手机与水平面的夹角, xyTheta是手机绕自身旋转的角度):

zTheta = atan2(gravityZ,sqrtf(gravityX*gravityX+gravityY*gravityY))/M_PI*180.0;

}

[[NSOperationQueuemainQueue]addOperationWithBlock:^{

[selfupdataPoint];

}];

//[self performSelectorOnMainThread:@selector(updataPoint) withObject:nil waitUntilDone:NO];

}];

}

}

4、通过计算角度区间来显示手机上的物体显示还隐藏,也就是说在雷达图上的点进入扇形可见的区域就显示出物体并且移动,超出就隐藏起来。还有一点,就是要算碰撞检测的手机上物体与物体如果太多,就不能叠在一起,通过错位错开来,可以通过CGRectIntersectsRect来写个算法检测两个矩形是否碰到了,

简单说了下我实现的原理,当然实际做的时候会遇到很多问题,,,,

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

相关文章

网友评论

  • 小小溪001:哎,,求demo啊。。。。最近用户也要让搞这个,,没思路啊。,。。
    Lovingers:哥们,怎么样了?
  • 高乔人:求demo啊,大神,我们也要做这个,没思路呢
  • 83a01373f533:几个无关痛痒的代码 ruan用
  • ZhengYaWei:求Demo啊
  • 4090dea7ba26:老哥,求demo一瞅
  • xing69:楼主 求demo QQ932179932
    4090dea7ba26:老哥,求demo一瞅
    4090dea7ba26:@XinYuLong 老哥,求demo。。。
    XinYuLong:用unity做,效果会比原生做简单得多
  • 0eacd293b74e:求上demo :smile:
    4090dea7ba26:@xing69 有demo吗?求
    xing69:有拿到demo吗?你的AR做的怎么样了?可以交流一下吗?QQ932179932
  • XinYuLong:补充一下,之前遇到过的坑,根据指南针计算的某个点的位置,当手机横屏的时候,指南针是会动的,需要一个公式计算一下,让手机横转之后,得出指南针的值是不变的,根据gravity的值来算
    402ff89f56a1:能说一下计算公式是什么样的吗?我这边遇到这个问题一直解决不掉,或者给个demo也行,995372534@qq.com谢谢
  • XinYuLong:能上个demo吗,我们做出来的效果跟这个类似
    XinYuLong:@luoluorz Unity有api获取移动端摄像头,然后做一些处理 就是说纯Unity做一些数据的处理可以跟原生部分交互
    骆骆不感冒:@XinYuLong 哥,unity怎么标签叠加在摄像头上?
  • 骆骆不感冒:大佬棒棒哒

本文标题: ios 简单模仿随便走的AR功能(原理)

本文链接:https://www.haomeiwen.com/subject/dxergttx.html