工具
- Xcode9
- iOS 11
- 支持的设备SE、6s、6sp、7、7sp。。。。
没有的小伙伴可以到苹果官网下载https://developer.apple.com/download/,目前是beta6
安装 iOS 11
iPhone 打开https://developer.apple.com/download/,
注意:任何SCNScene都有一个RootNode
ARKit是基于AVFoundation框架和CoreMotion框架的,用于捕捉现实世界,而SceneKit是用来显示3D模型的
上面的ARSession译为AR会话,是用来管理设备相机的共享对象和增强现实所需的处理,ARSessionConfiguration是用来追踪设备方向的基本配置,ARFrame是用来捕获图像,追踪信息显示场景信息。
基本步骤:1、ARSCNView加载场景SCNScen
2、SCNScene启动相机ARCamera开始捕捉场景
3、捕捉场景后ARSCNView开始将场景数据交给Session
4、Session通过管理ARSessionConfiguration实现场景的追踪并且返回一个ARFrame
5、给ARSCNView的scene添加一个子节点
新建工程
选择 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:@“card” 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];