iOS 11即將來臨神汹,屆時所有的蘋果用戶都將體驗到 AR 的魅力。作為開發(fā)者的我們屁魏,技術當然不能落伍捉腥。不管怎樣氓拼,先體驗一把抵碟!
工具
- 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 項目
到這里沿彭,你什么都不需要做尖滚,啟動項目就可以看見一架飛機喉刘。
關鍵詞和關鍵類
- 關鍵詞:場景視圖,場景睦裳,幾何,節(jié)點哥蔚,渲染器(都是直譯過來的,根據類名自行理解)
- 關鍵類:
ARSCNView 糙箍、 SCNScene、 SCNGeometry深夯、 SCNNode 诺苹、 SCNMaterial
如何在空間中放一個平面咕晋?
- 創(chuàng)建場景視圖
ARSCNView
,設置代理 - 創(chuàng)建一個場景
SCNScene
收奔,給場景視圖綁定場景 - 創(chuàng)建一個平面幾何形狀
SCNPlane (繼承于SCNGeometry )
- 基于幾何形狀創(chuàng)建一個節(jié)點
SCNNode
- 創(chuàng)建一個渲染器
SCNMaterial
, 用其對平面幾何進行渲染 - 添加節(jié)點到場景的根節(jié)點中
總之,將關鍵類進行組裝坪哄,蘋果 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. 創(chuàng)建場景
SCNScene *scene = [SCNScene scene];
//2.1 給場景視圖綁定場景
self.sceneView.scene = scene;
//3. 創(chuàng)建一個平面幾何圖形,高為0.1米摧阅,寬為0.1米
SCNPlane *plane = [SCNPlane planeWithWidth:0.1 height:0.1];
//4. 基于幾何圖形創(chuàng)建節(jié)點
SCNNode *node = [SCNNode nodeWithGeometry:plane]; // 節(jié)點的創(chuàng)建不僅僅是基于平面,根據SCNGeometry頭文件里可見棒卷,長方體、圓球若厚、圓錐、圓環(huán)测秸、金字塔形 等等都可以創(chuàng)建。有興趣的可以換著嘗試一下霎冯。
//5. 創(chuàng)建渲染器
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. 為場景的根節(jié)點添加節(jié)點
[scene.rootNode addChildNode:node];
}
代碼不多,但是對于初學者來說概念也不多壹士,建議記住關鍵詞,關鍵類躏救,組裝步驟,套路清楚了落剪,入門就沒問題了尿庐。
在空中放一個視頻小短片
套路一樣忠怖,直接上代碼:
// 1.設置場景視圖的代理
self.sceneView.delegate = self;
// 是否顯示fps 或 timing等信息
self.sceneView.showsStatistics = YES;
//2. 創(chuàng)建場景
SCNScene *scene = [SCNScene scene];
//2.1 給場景視圖綁定場景
self.sceneView.scene = scene;
//3. 創(chuàng)建一個平面幾何圖形,高為0.1米抄瑟,寬為0.1米
SCNPlane *plane = [SCNPlane planeWithWidth:0.1 height:0.1];
//4. 基于幾何圖形創(chuàng)建節(jié)點
SCNNode *node = [SCNNode nodeWithGeometry:plane]; // 節(jié)點的創(chuàng)建不僅僅是基于平面凡泣,根據SCNGeometry頭文件里可見,長方體皮假、圓球鞋拟、圓錐、圓環(huán)惹资、金字塔形 等等都可以創(chuàng)建贺纲。有興趣的可以換著嘗試一下。
node.position = SCNVector3Make(0, 0, -0.3); // 節(jié)點設置位置
//5. 創(chuàng)建渲染器
SCNMaterial *material = [SCNMaterial material];
// 注意褪测,這里對渲染器做點事猴誊,渲染的不再是顏色,而是視頻
NSURL *url = [[NSBundle mainBundle] URLForResource:@"視頻" withExtension:@"mp4"];
// 創(chuàng)建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. 為場景的根節(jié)點添加節(jié)點
[scene.rootNode addChildNode:node];
[player play];
喜歡的小伙伴別忘了點贊哦澄成!