美文网首页iOS 艾欧艾斯Unity教程合集iOS
ARKit从入门到精通(3)-ARKit自定义实现

ARKit从入门到精通(3)-ARKit自定义实现

作者: 坤小 | 来源:发表于2017-06-11 15:44 被阅读6097次

转载请注明出处:http://www.jianshu.com/p/e67d519d2cf7

<h2 id="1.1">1.1-创建一个简单的工程</h2>

  • 1.上一小节中介绍过,ARSCNViewUIView的子类的子类,所以从理论上来说,我们应用框架UIKit是可以加载AR场景的
0401.png
  • 2.给界面添加一个按钮开启AR之旅,创建一个ARSCNViewController:继承于UIViewController,点击按钮跳转到自定义ARSCNViewController
0402.png

<h2 id="1.2">1.2-搭建ARKit工作环境</h2>

  • 一个完整的ARKit工作环境必须要搭建三个对象:ARSCNView(一旦创建,系统会帮我们创建一个场景Scene和相机),ARSession(开启AR和关闭AR都是靠它),ARSessionConfiguration(少了会话追踪配置,AR会话是无法独立工作的)

  • 定义全局属性


#import "ARSCNViewViewController.h"

//3D游戏框架
#import <SceneKit/SceneKit.h>
//ARKit框架
#import <ARKit/ARKit.h>

@interface ARSCNViewViewController ()

//AR视图:展示3D界面
@property(nonatomic,strong)ARSCNView *arSCNView;

//AR会话,负责管理相机追踪配置及3D相机坐标
@property(nonatomic,strong)ARSession *arSession;

//会话追踪配置:负责追踪相机的运动
@property(nonatomic,strong)ARSessionConfiguration *arSessionConfiguration;

//飞机3D模型(本小节加载多个模型)
@property(nonatomic,strong)SCNNode *planeNode;

@end

  • 懒加载(笔者个人习惯)ARKit环境

#pragma mark -搭建ARKit环境


//懒加载会话追踪配置
- (ARSessionConfiguration *)arSessionConfiguration
{
    if (_arSessionConfiguration != nil) {
        return _arSessionConfiguration;
    }
    
    //1.创建世界追踪会话配置(使用ARWorldTrackingSessionConfiguration效果更加好),需要A9芯片支持
    ARWorldTrackingSessionConfiguration *configuration = [[ARWorldTrackingSessionConfiguration alloc] init];
    //2.设置追踪方向(追踪平面,后面会用到)
    configuration.planeDetection = ARPlaneDetectionHorizontal;
    _arSessionConfiguration = configuration;
    //3.自适应灯光(相机从暗到强光快速过渡效果会平缓一些)
    _arSessionConfiguration.lightEstimationEnabled = YES;
    
    return _arSessionConfiguration;
    
}

//懒加载拍摄会话
- (ARSession *)arSession
{
    if(_arSession != nil)
    {
        return _arSession;
    }
    //1.创建会话
    _arSession = [[ARSession alloc] init];
    //2返回会话
    return _arSession;
}

//创建AR视图
- (ARSCNView *)arSCNView
{
    if (_arSCNView != nil) {
        return _arSCNView;
    }
    //1.创建AR视图
    _arSCNView = [[ARSCNView alloc] initWithFrame:self.view.bounds];
    //2.设置视图会话
    _arSCNView.session = self.arSession;
    //3.自动刷新灯光(3D游戏用到,此处可忽略)
    _arSCNView.automaticallyUpdatesLighting = YES;
    
    return _arSCNView;
}


<h2 id="1.3">1.3-开启AR扫描</h2>

  • 我们只需要先将AR视图添加到当前UIView中,然后开启AR会话即可开始我们的AR之旅
    • ***这里需要特别注意的是,最好将开启ARSession的代码放入viewDidAppear而不是viewDidLoad中,这样可以避免线程延迟的问题。开启ARSession的代码可不可以放入viewDidLoad中呢?答案是可以的,但是笔者不建议大家那么做***

@implementation ARSCNViewViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    
    // Do any additional setup after loading the view.
}

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    
    //1.将AR视图添加到当前视图
    [self.view addSubview:self.arSCNView];
    //2.开启AR会话(此时相机开始工作)
    [self.arSession runWithConfiguration:self.arSessionConfiguration];
    
}

<h2 id="1.4">1.4-点击屏幕添加一个3D虚拟物体</h2>

  • 默认情况下,节点SCNNode的x/y/z位置是(0,0,0),也就是摄像头所在的位置,每一个ARSession在启动时,摄像头的位置就是3D世界的原点,而且这个原点不再随着摄像头的移动而改变,是第一次就永久固定的
    • 想要让飞机显示在你想要的位置,就需要更加深入的研究ARKit框架,需要了解ARKit的坐标系及API,笔者将会在下一小节慢慢介绍

pragma mark- 点击屏幕添加飞机

  • (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
    {
    //1.使用场景加载scn文件(scn格式文件是一个基于3D建模的文件,使用3DMax软件可以创建,这里系统有一个默认的3D飞机)--------在右侧我添加了许多3D模型,只需要替换文件名即可
    SCNScene *scene = [SCNScene sceneNamed:@"Models.scnassets/ship.scn"];
    //2.获取飞机节点(一个场景会有多个节点,此处我们只写,飞机节点则默认是场景子节点的第一个)
    //所有的场景有且只有一个根节点,其他所有节点都是根节点的子节点
    SCNNode *shipNode = scene.rootNode.childNodes[0];

    //3.将飞机节点添加到当前屏幕中
    [self.arSCNView.scene.rootNode addChildNode:shipNode];
    }

<h2 id="1.5">1.5-效果展示</h2>

  • 在笔者Xcode左侧已经导入了好几个3D模型,只需要修改文件名既可以加载不同的3D模型,注意路径区别
0403.png
  • 飞机
0404.gif
  • 来张椅子坐一下吧
    • 椅子比较大,我们需要适当调整一下位置
0405.png 0405.gif

<h2 id="1.6">1.6-完整代码及代码下载地址</h2>

  • 完整代码

#import "ARSCNViewViewController.h"

//3D游戏框架
#import <SceneKit/SceneKit.h>
//ARKit框架
#import <ARKit/ARKit.h>

@interface ARSCNViewViewController ()

//AR视图:展示3D界面
@property(nonatomic,strong)ARSCNView *arSCNView;

//AR会话,负责管理相机追踪配置及3D相机坐标
@property(nonatomic,strong)ARSession *arSession;

//会话追踪配置:负责追踪相机的运动
@property(nonatomic,strong)ARSessionConfiguration *arSessionConfiguration;

//飞机3D模型(本小节加载多个模型)
@property(nonatomic,strong)SCNNode *planeNode;

@end

@implementation ARSCNViewViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    
    // Do any additional setup after loading the view.
}

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    
    //1.将AR视图添加到当前视图
    [self.view addSubview:self.arSCNView];
    //2.开启AR会话(此时相机开始工作)
    [self.arSession runWithConfiguration:self.arSessionConfiguration];
    
}

#pragma mark- 点击屏幕添加飞机
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    //1.使用场景加载scn文件(scn格式文件是一个基于3D建模的文件,使用3DMax软件可以创建,这里系统有一个默认的3D飞机)--------在右侧我添加了许多3D模型,只需要替换文件名即可
    SCNScene *scene = [SCNScene sceneNamed:@"Models.scnassets/chair/chair.scn"];
    //2.获取飞机节点(一个场景会有多个节点,此处我们只写,飞机节点则默认是场景子节点的第一个)
    //所有的场景有且只有一个根节点,其他所有节点都是根节点的子节点
    SCNNode *shipNode = scene.rootNode.childNodes[0];
    
    //椅子比较大,可以可以调整Z轴的位置让它离摄像头远一点,,然后再往下一点(椅子太高我们坐不上去)就可以看得全局一点
    shipNode.position = SCNVector3Make(0, -1, -1);//x/y/z/坐标相对于世界原点,也就是相机位置
    
    //3.将飞机节点添加到当前屏幕中
    [self.arSCNView.scene.rootNode addChildNode:shipNode];
}

#pragma mark -搭建ARKit环境


//懒加载会话追踪配置
- (ARSessionConfiguration *)arSessionConfiguration
{
    if (_arSessionConfiguration != nil) {
        return _arSessionConfiguration;
    }
    
    //1.创建世界追踪会话配置(使用ARWorldTrackingSessionConfiguration效果更加好),需要A9芯片支持
    ARWorldTrackingSessionConfiguration *configuration = [[ARWorldTrackingSessionConfiguration alloc] init];
    //2.设置追踪方向(追踪平面,后面会用到)
    configuration.planeDetection = ARPlaneDetectionHorizontal;
    _arSessionConfiguration = configuration;
    //3.自适应灯光(相机从暗到强光快速过渡效果会平缓一些)
    _arSessionConfiguration.lightEstimationEnabled = YES;
    
    return _arSessionConfiguration;
    
}

//懒加载拍摄会话
- (ARSession *)arSession
{
    if(_arSession != nil)
    {
        return _arSession;
    }
    //1.创建会话
    _arSession = [[ARSession alloc] init];
    //2返回会话
    return _arSession;
}

//创建AR视图
- (ARSCNView *)arSCNView
{
    if (_arSCNView != nil) {
        return _arSCNView;
    }
    //1.创建AR视图
    _arSCNView = [[ARSCNView alloc] initWithFrame:self.view.bounds];
    //2.设置视图会话
    _arSCNView.session = self.arSession;
    //3.自动刷新灯光(3D游戏用到,此处可忽略)
    _arSCNView.automaticallyUpdatesLighting = YES;
    
    return _arSCNView;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.
}
*/

@end

相关文章

  • ARKit从入门到精通三部曲之三

    此文章为转载文章:ARKit从入门到精通(3)-ARKit自定义实现 在上一小节中ARKit从入门到精通(2)-A...

  • ARKit入门

    分享收藏关于ARKit的文章集 适合新手入门学习ARKit从入门到精通(1)-ARKit初体验ARKit从入门到精...

  • ARKit从入门到精通

    ARKit从入门到精通(1)-ARKit初体验标签: ARKit2017-06-12 17:33 1772人阅读 ...

  • ARKit从入门到精通(1)-ARKit初体验

    ARKit从入门到精通(1)-ARKit初体验 转载请标注出处:http://www.jianshu.com/p/...

  • ARKit从入门到精通(3)-ARKit自定义实现

    转载请注明出处:http://www.jianshu.com/p/e67d519d2cf7 在上一小节http:/...

  • ARKit从入门到精通三部曲之二

    转载文章:ARKit从入门到精通(2)-ARKit工作原理及流程介绍 1.1-写在前面的话 1.2-ARKit与S...

  • ARKit从入门到精通三部曲

    此文章为转载文章 ARKit从入门到精通(1)-ARKit初体验 1.1-AR技术简介 增强现实技术(Augmen...

  • 理解ARKit

    参考博文 : ARKit从入门到精通(1)-ARKit初体验 看完算是个初步认识吧, 知道如何使用.好多细节好需要...

  • --- layout: post title: "ARKit 从入门到放弃(三)— ARkit 官网文档翻译...

  • ARKit从入门到精通

    最近闲时研究了一下ARKit,确实很强大,会让你有一种不一样的编程体验; 由于内容比较多,笔者只能链接相关的作者的...

网友评论

  • 朽木自雕2017:感谢分享
  • 覅C:也不知道是不是我的6S手机out的问题,需要在plist文件添加相机跟相册才能出画面,Privacy - Camera Usage Description、Privacy - Photo Library Usage Description
  • xiao蜗牛:差评,标题党,精通的标准就是跑起官方的demo?
  • 小沛2016:博主能不能在git上也传一份 我CSDN 账号没有积分
  • thongy:Xcode9 GE版本,ARSessionConfiguration已经在文档没有了,代替的是ARConfiguration
    636ccfc89aac:是ARWorldTrackingConfiguration么?
  • 郑州程序员王一:楼主,我想问下,你的代码Demo放哪里了?能不能留言回复我下,谢谢
  • 20d5849d45aa:博主,我下载了你的demo,但是运行的时候你定义的那个ARSessionConfiguration(会话追踪配置:负责追踪相机的运动)并不存在,这是什么鬼?
    halo丶宋先生:现在是ARConfiguration了。
  • 20d5849d45aa:我都没有积分了,能把它设置为不用积分下载的形式吗?
    :joy:
  • TimmyR:你好,我想问一下,为什么我都拿不到SCNScene呢?我创建了Nodes.scnassets文件 放入模型后使用[SCNScene sceneNamed:@"Nodes.scnassets/cup/cup.scn"]进行读取,但是返回为nil,这是为什么呢
    坤小:@TimmyR 可能是文件路径问题,或者是虚拟路径原因
  • 窝壳里的牛:博主能不能在git上也传一份,CSDN 没怎么用账号没有积分,谢谢了
    坤小:@窝壳里的牛 好的,谢谢您的建议。 稍后我将设置csdn免积分下载
  • 尼古拉斯骄傲:你好楼主 这个模型是怎么加的
  • LazyLoad:正式版 出来了 ARSessionConfiguration 类的 session 去掉了 -> ARConfiguration
  • OnlyLoveYu:弱弱的问一句 ARKit 怎么导入的? 是我Xcode版本不够吗 还是?
    你美依旧:ARKit 只能在iOS 11 Xcode 9
  • 上帝很忙:我自己写的demo点击出不来模型,运行你的demo却可以.好奇怪... 然后这几天用你的demo点击之后,也不会显示模型了.....iphone7 xcode9
    f170d29955a5:@鲫鱼博博 你的问题就是9楼的问题,9楼下面有解决方法你去看看
    28bb64fffadd:问下您解决了吗?感觉是模型的路径的问题
    上帝很忙:坤哥要建个球球群么 方便交流啊:sunglasses:
  • sculg:您好,Models.scnassets这个文件夹需要怎么创建呢?我直接把你项目里面的这个文件夹拉到新的项目里面,[SCNScene sceneNamed:]拿不到资源文件
    KouKuma:@鲫鱼博博 赞
    28bb64fffadd:找到方法了://创建文件参见http://www.jianshu.com/p/5b1d322f22c9
    //不可直接拖入,应该先创建文件夹,之后的话,选中创建的文件夹,showinfinder,再直接往其中拖入模型,xcode会实时显示
    28bb64fffadd:问下您解决了吗?我也是
  • 751fc49dcbfd:感觉这个无法再添加滤镜吧
  • e0f6992dbc10:为什么我用这个demo跑出来的飞机或者椅子都是平面的呢 感觉不是3d的 只能看到一个正面 哪里设置有问题么
  • GTMYang:为什么椅子显示出来那么难看?
    GTMYang:@坤小 跟3D模型没关系,用我下面这个代码加载模型就没问题:
    func setup() {
    // ARSession
    self.arSession = ARSession()

    // ARSCNView
    self.arSCNView = ARSCNView(frame: self.view.bounds)
    self.arSCNView?.session = self.arSession!
    self.arSCNView?.antialiasingMode = .multisampling4X
    self.arSCNView?.automaticallyUpdatesLighting = false

    self.arSCNView?.preferredFramesPerSecond = 60
    self.arSCNView?.contentScaleFactor = 1.3

    enableEnvironmentMapWithIntensity(25.0)

    // ARSessionConfiguration
    let configration = ARWorldTrackingSessionConfiguration()
    configration.planeDetection = .horizontal
    self.arSessionConfigration = configration

    }


    func enableEnvironmentMapWithIntensity(_ intensity: CGFloat) {
    if self.arSCNView?.scene.lightingEnvironment.contents == nil {
    if let environmentMap = UIImage(named: "art.scnassets/sharedImages/environment_blur.exr") {
    self.arSCNView?.scene.lightingEnvironment.contents = environmentMap
    }
    }
    self.arSCNView?.scene.lightingEnvironment.intensity = intensity
    }
    坤小:@GTMYang 那个是3D模型原因,笔者不是从事3D建模专业所以就随便找一个模型了~~
  • e91d74785552:博主,我把代码下载之后运行成功了,但是手机上app打开是白版。想知道是不是程序中有些东西要改啊?【这是第一次用xcode,我手机已经升级到ios11了,用的也是Xcode9beta,实在不知道哪里出了问题
    92580e6afdc9:请问楼主的问题最后是怎么解决的呀!我现在也是遇到这个问题
    f170d29955a5:你去试试9楼的方法
  • 郑州程序员王一:非常棒,已经下载使用,给楼主点个赞,顺便求楼主发下,去哪里找3D模型的资源。。。
  • 以霏之名:咨询一下,3D模型都是从哪里拿到的呢?如何自己制作
    坤小:@以霏之名 没有地址,你创建一个arkit工程里面就会有自带的啊
    以霏之名:苹果给的免费地址能否给一个?非常感谢!!
    坤小:@以霏之名 3d模型我用的苹果给免费的,也可以自己去网上下载。制作的话还是有点麻烦,毕竟隔行如隔山

本文标题:ARKit从入门到精通(3)-ARKit自定义实现

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