iOS11 初識ARKit

工具

• 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 

如何在空間中放一個平面？

1. 創建場景視圖 ARSCNView,設置代理
2. 創建一個場景 SCNScene，給場景視圖綁定場景
3. 創建一個平面幾何形狀 SCNPlane（繼承於SCNGeometry） 
4. 基於幾何形狀創建一個節點SCNNode 
5. 創建一個渲染器SCNMaterial,用其對平面幾何進行渲染
6. 添加節點到場景的根節點中
   總之，將關鍵類進行組裝，蘋果 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];