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 () <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];

喜歡的小伙伴別忘了點贊哦！