本節(jié)學(xué)習(xí)目標(biāo)
學(xué)習(xí)如何使用SceneKit框架高效開發(fā)AR項(xiàng)目
先來看兩個(gè)效果視頻
使用技術(shù)
蘋果親兒子 SceneKit 3D框架
話不多說直接上干活
實(shí)現(xiàn)思路
第一步 - 攝像頭捕捉生活場景
第二步 - 使用SceneKit 框架加載3D 模型文件
第三步 - 使用重力感應(yīng)類獲取手機(jī)旋轉(zhuǎn)角度,模型中的視角位置
代碼實(shí)現(xiàn)部分
- 第一步 - 通過照相機(jī)捕捉現(xiàn)實(shí)生活中的場景,這個(gè)想必iOS 開發(fā)者都很熟悉,我就簡單的說一下
使用的框架AVFoundation
Step-1.實(shí)現(xiàn)兩個(gè)協(xié)議
1.AVCaptureMetadataOutputObjectsDelegate
2.UINavigationControllerDelegate
Step-2.創(chuàng)建一個(gè)捕捉設(shè)備對象
let device = AVCaptureDevice.defaultDevice(withMediaType: AVMediaTypeVideo)
Step-3.創(chuàng)建一個(gè)輸入和輸出設(shè)備對象
let input = try! AVCaptureDeviceInput(device: device)
output = AVCaptureMetadataOutput()
output.setMetadataObjectsDelegate(self, queue: DispatchQueue.main)
session = AVCaptureSession()
Step-4.創(chuàng)建一個(gè)會(huì)話場景 將輸入和輸出設(shè)備對象添加到會(huì)話場景中去
session.canSetSessionPreset(AVCaptureSessionPresetHigh)
if(session.canAddInput(input)){
session.addInput(input)
}
if(session.canAddOutput(output)){
session.addOutput(output)
}
Step-5.創(chuàng)建一個(gè)預(yù)覽視圖對象用于顯示攝像頭捕捉到的畫面
let preview = AVCaptureVideoPreviewLayer(session: session)
preview?.videoGravity = AVLayerVideoGravityResizeAspectFill
preview?.frame = self.bounds
self.layer.addSublayer(preview!)
Step-6.開始捕捉畫面
session.startRunning()
第一步操作完成了,接下來第二步操作
- 第二步 創(chuàng)建渲染3D模型的場景
Step-1.創(chuàng)建渲染3D模型專用視圖
var scnView:SCNView = { // 游戲場景
let view = SCNView()
return view
}()
Step-2.創(chuàng)建用于觀察3D場景的照相機(jī)節(jié)點(diǎn)對象
var eyeNode:SCNNode = { // 眼睛節(jié)點(diǎn)
let node = SCNNode()
node.camera = SCNCamera()
node.camera?.automaticallyAdjustsZRange = true;
return node
}()
Step-3.配置3D視圖
self.scnView.frame = self.frame
self.addSubview(self.scnView)
self.scnView.scene = SCNScene()
self.scnView.scene?.rootNode.addChildNode(self.eyeNode)
Step-4.創(chuàng)建一個(gè)給場景中添加3D模型的方法
func addModelFile(file:URL,position:SCNVector3){
let scene = try! SCNScene(url: file, options: nil)
let node = scene.rootNode
node.position = position
self.scnView.scene?.rootNode.addChildNode(node)
}
第二步. 內(nèi)容就完成了,繼續(xù)第三步
- 第三步 創(chuàng)建重力感應(yīng)對象,檢測手機(jī)角度的變化
Step-1.創(chuàng)建對象
var motionManager = CMMotionManager()
Step-2.設(shè)置刷新頻率
motionManager.deviceMotionUpdateInterval = 1/30.0
Step-3.開始檢測
motionManager.startDeviceMotionUpdates(using: .xMagneticNorthZVertical, to: OperationQueue.main) { (motion, error) in
if let attitude = motion?.attitude,error == nil{
var vector = SCNVector3Zero
if (UIDevice.current.orientation.isPortrait) // home鍵靠右
{
vector.x = Float(attitude.pitch);
vector.y = (Float)(attitude.roll);
}else if(UIDevice.current.orientation.isLandscape ){
vector.x = (Float)(attitude.pitch);
vector.y = Float(attitude.roll);
}else{
vector.x = (Float)(attitude.pitch)
vector.y = Float(attitude.roll);
}
vector.z = Float(attitude.yaw);
self.eyeNode.eulerAngles = vector
}
}
以上就是全部內(nèi)容了
上圖是demo的工程目錄
所有內(nèi)容封裝在一個(gè)ARView的文件中,接下來看看如何使用
// 創(chuàng)建AR場景
self.arView = ARView(frame: UIScreen.main.bounds)
self.view.addSubview(self.arView)
// 添加3D 文件
let url = Bundle.main.url(forResource: "boss_attack", withExtension: "dae")
self.arView.addModelFile(file: url!, position: SCNVector3Make(0, 0, -1000))
可能好多iOS 開發(fā)者從來沒有使用過SceneKit 3D框架,是因?yàn)閲鴥?nèi)這方面的資料太少。不過這個(gè)引擎特別強(qiáng)大,而且使用起來很簡單,appstore上有中文電子書,當(dāng)你項(xiàng)目需要在你的應(yīng)用中加入3D元素的時(shí)候,可以去下載看看,應(yīng)用名字叫做<SceneKit>
來給大家看一張圖，你就知道它有多強(qiáng)大
此demo的代碼,我已放在這里
