1.什么是AR
增强现实(Augmented Reality,简称AR)
参考百度百科:AR
2.写一个小demo
1.写ARKit代码之前我们要知道ARKit入门四大基础知识点:几何,节点,渲染,手势
1.几何。就是盛放我们AR元素的容器
2.节点。就是几何要放置的位置
3.渲染。顾名思义就是对几何进行渲染
4.手势。对AR元素的手势操作,和UIView的手势基本一样
2.上代码
首先创建一个AR工程,在viewdidload方法中添加如下代码
override func viewDidLoad() {
super.viewDidLoad()
// Set the view's delegate
sceneView.delegate = self
// Show statistics such as fps and timing information
sceneView.showsStatistics = true
// Create a new scene
//方形几何
let scene = SCNScene()
//1.创建几何
//这里的坐标系为右手三维坐标,即伸出右手大拇指向上,食指向
//右,中指指向自己,三根手指的指向分别为zxy的正方向
let box = SCNBox(width:0.1, height:0.1, length:0.1,chamferRadius:0)
//2.渲染
let material = SCNMaterial() //渲染器
material.diffuse.contents = UIColor.red
//box的渲染器为数组,可以添加多种渲染
box.materials = [material]
//3.创建节点
let boxNode = SCNNode(geometry:box)
boxNode.position = SCNVector3(0, 0, -0.2)
//把节点放进根节点
scene.rootNode.addChildNode(boxNode)
sceneView.scene = scene
}
这里的效果是在正前方0.2米的位置放置一个红色边长为0.1米的立方体,这里可以移动手机感受一下AR的效果是怎样的。
换一种几何,并给几何添加手势。
class ViewController: UIViewController, ARSCNViewDelegate {
@IBOutlet var sceneView: ARSCNView!
//texts是保存渲染图片名的数组
let texts = ["1", "2", "3", "4"]
var index = 0
override func viewDidLoad() {
super.viewDidLoad()
// Set the view's delegate
sceneView.delegate = self
// Show statistics such as fps and timing information
sceneView.showsStatistics = true
// Create a new scene
/*圆形*/
let scene = SCNScene()
//1.几何
let spaere = SCNSphere(radius: 0.05)
//2.渲染
let material = SCNMaterial()
material.diffuse.contents = UIImage(named:"")
//3.节点
let sohereNode = SCNNode(geometry: spaere)
sohereNode.position = SCNVector3(0, 0, -1)
scene.rootNode.addChildNode(sohereNode)
sceneView.scene = scene
//4.手势
self.registerGestureRecognizers()
}
//注册手势
func registerGestureRecognizers(){
let tap = UITapGestureRecognizer (target: self, action: #selector(tapped))
self.sceneView.addGestureRecognizer(tap)
}
@objc func tapped(rec:UIGestureRecognizer){
//
let scenView = rec.view as! ARSCNView
//点击事件
let touchLocation = rec.location(in: scenView)
let hitResults = scenView.hitTest(touchLocation, options:[:])
if !hitResults.isEmpty {
if index == self.texts.count{
index = 0
}
//守护 取hitResults的第一个元素
guard let hitRersult = hitResults.first else {
return
}
//节点
let node = hitRersult.node
//渲染
node.geometry?.firstMaterial?.diffuse.contents = UIImage (named: texts[index])
//渲染完令下标+1
index += 1
}
}
那么这里点击圆形几何将会切换几何的渲染效果。
总结起来就是
1.创建场景scene
2.创建几何(box,sphere)
3.给几何添加渲染效果
4.创建节点(谁的节点,节点的位置)
5.添加手势
网友评论