1.1-AR技术简介

增强现实技术(Augmented Reality,简称 AR),是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术,这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。

一个最简单地AR场景实现所需要的技术以及步骤包含如下

  1.多媒体捕捉现实图像:如摄像头

  2.三维建模:3D立体模型

  3.传感器追踪:主要追踪现实世界动态物体的六轴变化,这六轴分别是X、Y、Z轴位移及旋转。其中位移三轴决定物体的方位和大小,旋转三周决定物体显示的区域。

  4.坐标识别及转换:3D模型显示在现实图像中不是单纯的frame坐标点,而是一个三维的矩阵坐标。这基本上也是学习AR最难的部分,好在ARKit帮助我们大大简化了这一过程。

  4.除此之外,AR还可以与虚拟物体进行一些交互。

1.2-ARKit概述及特点介绍

  1.ARKit是2017年6月6日,苹果发布iOS11系统所新增框架,它能够帮助我们以最简单快捷的方式实现AR技术功能。

  2.ARKit框架提供了两种AR技术,一种是基于3D场景(SceneKit)实现的增强现实,一种是基于2D场景(SpriktKit)实现的增强现实

一般主流都是基于3D实现AR技术,ARKit不仅支持3D游戏引擎SceneKit还支持2D游戏引擎SpriktKit,这一点出乎笔者意料之外

  3.要想显示AR效果,必须要依赖于苹果的游戏引擎框架(3D引擎SceneKit,2D引擎SpriktKit),主要原因是游戏引擎才可以加载物体模型。

虽然ARKit框架中视图对象继承于UIView,但是由于目前ARKit框架本身只包含相机追踪,不能直接加载物体模型,所以只能依赖于游戏引擎加载ARKit

  4.误区解读:ARKit虽然是iOS11新出的框架,但并不是所有的iOS11系统都可以使用,而是必须要是处理器A9及以上才能够使用,苹果从iPhone6s开始使用A9处理器,也就是iPhone6及以前的机型无法使用ARKit

  5.开发环境介绍

    • 1.Xcode版本:Xcode9及以上
    • 2.iOS系统:iOS11及以上
    • 3.iOS设备:处理器A9及以上(6S机型及以上)
    • 4.MacOS系统:10.12.4及以上(安装Xcode9对Mac系统版本有要求)

1.3-ARKit初体验之3D效果

  1.打开Xcode9bete版本,新建一个工程,选择Augmented Reality APP(Xcode9新增),点击next

  2.在包含技术选项中选择SceneKit

  3.此时,Xcode会自动为我们生成一段极其简洁的AR代码

  本小节主要体验一下系统的AR效果,代码的具体含义以及ARKit框架的架构及具体使用将会在后期介绍

 #import "ViewController.h"

 @interface ViewController () <ARSCNViewDelegate>

 //ARKit框架中用于3D显示的预览视图
@property (nonatomic, strong) IBOutlet ARSCNView *sceneView; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad]; // Set the view's delegate
// 设置代理
self.sceneView.delegate = self; // Show statistics such as fps and timing information
// ARKit统计信息
self.sceneView.showsStatistics = YES; // Create a new scene
// 使用模型创建节点(scn格式文件是一个基于3D建模的文件,使用3DMax软件可以创建,这里系统有一个默认的3D飞机)
SCNScene *scene = [SCNScene sceneNamed:@"art.scnassets/ship.scn"]; // Set the scene to the view
// 设置ARKit的场景为SceneKit的当前场景(SCNScene是Scenekit中的场景,类似于UIView)
self.sceneView.scene = scene;
} - (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated]; // Create a session configuration
// 创建一个追踪设备配置(ARWorldTrackingSessionConfiguration主要负责传感器追踪手机的移动和旋转)
ARWorldTrackingSessionConfiguration *configuration = [ARWorldTrackingSessionConfiguration new]; // Run the view's session
// 开始启动ARSession会话(启动AR)
[self.sceneView.session runWithConfiguration:configuration];
} - (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated]; // Pause the view's session
// 暂停ARSession会话
[self.sceneView.session pause];
} - (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Release any cached data, images, etc that aren't in use.
}

效果演示

  3D效果AR特点:1.飞机能够随着摄像头位置的变化而看到不同的部位(六轴)2.飞机能够随着摄像头的远近进行缩放

2.1-ARKit初体验之2D效果

  示例效果是点击屏幕,在中心点生成一个2D AR图像

  2D效果的AR与3D效果有一点的区别

  1.使用步骤与3D基本类似,在创建Xcode的时候选择SpriteKit引擎

  2.此时Xcode会为我们生成简洁的2D地图加载场景

 #import "ViewController.h"
#import "Scene.h" @interface ViewController () <ARSKViewDelegate> @property (nonatomic, strong) IBOutlet ARSKView *sceneView; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad]; // Set the view's delegate
// 设置场景视图代理
self.sceneView.delegate = self; // Show statistics such as fps and node count
// 显示帧率
self.sceneView.showsFPS = YES;
// 显示界面节点(游戏开发中,一个角色对应一个节点)
self.sceneView.showsNodeCount = YES; // Load the SKScene from 'Scene.sks'
// 加载2D场景(2D是平面的)
Scene *scene = (Scene *)[SKScene nodeWithFileNamed:@"Scene"]; // Present the scene
// AR预览视图展现场景(这一点与3D视图加载有区别)
[self.sceneView presentScene:scene];
} - (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated]; // Create a session configuration
// 创建设备追踪设置
ARWorldTrackingSessionConfiguration *configuration = [ARWorldTrackingSessionConfiguration new]; // Run the view's session
// 开始启动AR
[self.sceneView.session runWithConfiguration:configuration];
} - (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated]; // Pause the view's session
// 暂停ARSession会话
[self.sceneView.session pause];
} - (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Release any cached data, images, etc that aren't in use.
}

pragma mark - ARSKViewDelegate

// 点击界面会调用该方法,类似于touch begin方法 anchor是2D坐标的瞄点 

- (SKNode *)view:(ARSKView *)view nodeForAnchor:(ARAnchor *)anchor {
// Create and configure a node for the anchor added to the view's session.
// 创建节点(节点可以理解为AR将要展示的2D图像)Text 为添加的展示内容
SKLabelNode *labelNode = [SKLabelNode labelNodeWithText:@"

ARKit-1的更多相关文章

  1. ARKit 初体验

    ARKIT是苹果公司在今年发布的一个AR开发包,用于现有的IOS设备,是的,就是用在手机或者平板上,类似于pokemon go的效果.看了下演示视屏,嗯,看起来很厉害. 对于一个资深软粉,居然被要求研 ...

  2. 《 iPhone X ARKit Face Tracking 》

    欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 本文来自于腾讯Bugly公众号(weixinBugly), 作者:jennysluo,未经作者同意,请勿转载,原文地址:http://mp.w ...

  3. Windows Unity ARKit发布到IOS相关设置及错误解决

    Windows 版Unity安装: 考虑到在虚拟机中运行Unity比较卡,所以采用在Windows Unity上将项目发布好然后再复制到Mac虚拟机中通过XCode进行编译的方式. Unity版本为 ...

  4. ARKit从入门到精通(10)-ARKit让飞机绕着你飞起来

    1.1-ARKit物体围绕相机旋转流程介绍 1.2-完整代码 1.3-代码下载地址 废话不多说,先看效果 其实是会一直围着你转圈的,只不过笔者不好意思暴露家里的场景,所以请读者朋友们见谅~ 由于是晚上 ...

  5. ARKit从入门到精通(11)-ARKit开发常见问题及解决方案

    转载请注明出处:ARKit从入门到精通(11)-ARKit开发常见问题及解决方案 本文主要介绍ARKit开发过程中一些常见问题 1.ARKit框架无法导入问题 2.ARKit运行黑屏或者白屏问题:Un ...

  6. ARKit从入门到精通(9)-ARKit让飞机跟着镜头飞起来

    1.1-ARKit物体跟随相机移动流程介绍 1.2-完整代码 1.3-代码下载地址 废话不多说,先看效果 1001.gif 1.1-ARKit物体跟随相机移动流程介绍 1.点击屏幕添加物体,已经在第三 ...

  7. ARKit从入门到精通(8)-ARKit捕捉平地

    转载:http://blog.csdn.net/hdfqq188816190/article/details/73360287 1.1-ARKit捕捉平地实现流程介绍 1.2-完整代码 1.3-代码下 ...

  8. ARKit从入门到精通(7)-ARCamera介绍

    ARCamera是一个相机,它是连接虚拟场景与现实场景之间的枢纽.在ARKit中,它是捕捉现实图像的相机,在SceneKit中它又是3D虚拟世界中的相机.(一般第一人称3D游戏,主角其实就是一个3D相 ...

  9. ARKit从入门到精通(5)-ARScnView介绍

    转载:http://blog.csdn.net/u013263917/article/details/73156918 AR视图,在第一小节笔者介绍过,ARKit支持3D的AR场景和2D的AR场景,A ...

  10. ARKit从入门到精通(4)-ARKit全框架API大全

    转载:http://blog.csdn.net/u013263917/article/details/73156679 1.1-ARKit框架简介 1.2-ARAnchor 1.3-ARCamera ...

随机推荐

  1. python 爬虫部分解释

    example:self.file = www.baidu.com存有baidu站的index.html def parseAndGetLinks(self): # parse HTML, save ...

  2. vue2.* 目录结构分析 数据绑定 循环渲染数据 数据渲染02

    一.目录 结构分析 node_modules:项目依赖文件(也可以说是模块) src:开发时所用的资源 assets:静态资源文件 App.vue:根组件(最基础的公共页面) main.js:实例化v ...

  3. kendo ui - grid 数据表格系列

    kendo-ui 官网:https://www.telerik.com/documentation 初始化 grid: 引入文件: <link rel="stylesheet" ...

  4. 将宿主主机上的目录挂载到Docker中

    docker run -it -v /home/zhouqun/文档/workplace:/var/www/html ubuntu64 /bin/bash 将宿主主机中/home/文档/workpla ...

  5. BootStrap启动类

    来源 本文整理自 <Tomcat内核设计剖析>.<Tomcat结构解析> 加上自己的理解.源码来自 Tomcat8.5 版本 // org.apache.catalina.st ...

  6. 链表推导式 【list comprehension】

    x for x in x 链表推导式 [list comprehension]链表推导式提供了一个创建链表的简单途径,无需使用 map(), filter() 以及 lambda.返回链表的定义通常要 ...

  7. 用JavaScript中lodash编写双色球

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 【腾讯敏捷转型No.8】你爱上手机QQ了么?

    上一篇文章<QQ邮箱如何利用敏捷做到中国第一>,“QQ邮箱之母”马化腾带领QQ邮箱团队,从流量思维向产品思维转变,“QQ邮箱之父”张小龙也是在这个敏捷转型过程中,剔除固有的成见,激发对优秀 ...

  9. 关于javascript中call()和apply()方法的总结

    前段时间在使用javascript的过程中遇到了继承的问题,自己顺便就对call()和apply()方法进行了了解. 两个方法的共同之处:这两个方法作用相同,都用来改变当前函数调用的对象,即改变thi ...

  10. Tarjan算法初探(2):缩点

    接上一节 Tarjan算法初探(1):Tarjan如何求有向图的强连通分量 Tarjan算法一个非常重要的应用就是 在一张题目性质在点上性质能够合并的普通有向图中将整个强连通分量视作一个点来把整张图变 ...