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
如何在空间中放一个平面?
创建场景视图
ARSCNView
,设置代理创建一个场景
SCNScene
,给场景视图绑定场景创建一个平面几何形状
SCNPlane (继承于SCNGeometry )
基于几何形状创建一个节点
SCNNode
创建一个渲染器
SCNMaterial
, 用其对平面几何进行渲染添加节点到场景的根节点中
总之,将关键类进行组装,苹果 API 一贯的手法。上代码:
@interface ViewController () <ARSCNViewDelegate>// 这个控件默认已经添加好了,当然也可以手动添加@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];
作者:DDDDeveloper
链接:https://www.jianshu.com/p/85a4d513d733