iOS开发 - AR 初探

iOS 11即将来临，届时所有的苹果用户都将体验到 AR 的魅力。作为开发者的我们，技术当然不能落伍。不管怎样，先体验一把！

工具

• Xcode9
• iOS 11
  没有的小伙伴可以到苹果官网下载 https://developer.apple.com/download/

安装 iOS 11

iPhone 打开https://developer.apple.com/download/，点击下载如图

下载 iOS 11描述文件

按照提示，下载完描述文件重启手机，然后到设置-通用-软件更新，即可下载 iOS 11版本。

安装 Xcode9

略 （注意，macOS 至少为10.12.6，更新到最新即可）

新建工程

选择 AR 项目

到这里，你什么都不需要做，启动项目就可以看见一架飞机。

关键词和关键类

• 关键词：场景视图，场景，几何，节点，渲染器（都是直译过来的，根据类名自行理解）
• 关键类：ARSCNView 、 SCNScene、 SCNGeometry、 SCNNode 、 SCNMaterial

如何在空间中放一个平面？

1. 创建场景视图 ARSCNView ,设置代理
2. 创建一个场景 SCNScene，给场景视图绑定场景
3. 创建一个平面几何形状 SCNPlane （继承于SCNGeometry ）
4. 基于几何形状创建一个节点SCNNode
5. 创建一个渲染器SCNMaterial, 用其对平面几何进行渲染
6. 添加节点到场景的根节点中
   总之，将关键类进行组装，苹果 API 一贯的手法。上代码：

@interface ViewController () 
// 这个控件默认已经添加好了，当然也可以手动添加
@property (nonatomic, strong) IBOutlet ARSCNView *sceneView;

@property (nonatomic, strong) AVPlayer *player;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    // 1.设置场景视图的代理
    self.sceneView.delegate = self;
    // 是否显示fps 或 timing等信息
    self.sceneView.showsStatistics = YES;
    //2. 创建场景
    SCNScene *scene = [SCNScene scene];
    //2.1  给场景视图绑定场景
    self.sceneView.scene = scene;
    //3.  创建一个平面几何图形，高为0.1米，宽为0.1米  
    SCNPlane *plane = [SCNPlane planeWithWidth:0.1 height:0.1];
    //4.  基于几何图形创建节点
    SCNNode *node = [SCNNode nodeWithGeometry:plane]; //  节点的创建不仅仅是基于平面，根据SCNGeometry头文件里可见，长方体、圆球、圆锥、圆环、金字塔形 等等都可以创建。有兴趣的可以换着尝试一下。
    //5.  创建渲染器
    SCNMaterial *material = [SCNMaterial material];
    material.diffuse.contents = [UIColor redColor];   //  渲染器可以决定怎样渲染，这个 contents 属性可以设置很多东西，UILabel， UIImage，甚至 AVPlayer 都可以
    node.position = SCNVector3Make(0, 0, -0.3);
    //5.5. 用渲染器对几何图形进行渲染
    plane.materials = @[material]; 
    //6. 为场景的根节点添加节点  
    [scene.rootNode addChildNode:node];
}

代码不多，但是对于初学者来说概念也不多，建议记住关键词，关键类，组装步骤，套路清楚了，入门就没问题了。

在空中放一个视频小短片

套路一样，直接上代码：

    // 1.设置场景视图的代理
    self.sceneView.delegate = self;
    // 是否显示fps 或 timing等信息
    self.sceneView.showsStatistics = YES;
    //2. 创建场景
    SCNScene *scene = [SCNScene scene];
    //2.1  给场景视图绑定场景
    self.sceneView.scene = scene;
    //3.  创建一个平面几何图形，高为0.1米，宽为0.1米  
    SCNPlane *plane = [SCNPlane planeWithWidth:0.1 height:0.1];
    //4.  基于几何图形创建节点
    SCNNode *node = [SCNNode nodeWithGeometry:plane]; //  节点的创建不仅仅是基于平面，根据SCNGeometry头文件里可见，长方体、圆球、圆锥、圆环、金字塔形 等等都可以创建。有兴趣的可以换着尝试一下。
    node.position = SCNVector3Make(0, 0, -0.3); // 节点设置位置
    //5.  创建渲染器
    SCNMaterial *material = [SCNMaterial material];
    // 注意，这里对渲染器做点事，渲染的不再是颜色，而是视频
    NSURL *url = [[NSBundle mainBundle] URLForResource:@"视频" withExtension:@"mp4"];
    //  创建AVPlayer准备渲染
    AVPlayer *player = [AVPlayer playerWithURL:url];
    material.diffuse.contents = player;   //  渲染器可以决定怎样渲染，这个 contents 属性可以设置很多东西，UILabel， UIImage，甚至 AVPlayer 都可以
    node.position = SCNVector3Make(0, 0, -0.3);
    //5.5. 用渲染器对几何图形进行渲染
    plane.materials = @[material]; 
    //6. 为场景的根节点添加节点  
    [scene.rootNode addChildNode:node];
    [player play];

喜欢的小伙伴别忘了点赞哦！