近期,苹果公司推出了的 ARKit 增强现实平台,为众多开发者带了一个惊喜,同时为移动 AR 的解决方案及平台提供了很多帮助。作为一名 AR 开发者,我们不仅无法忽视苹果所做的事情,还需要不断学习了解。本文旨在探讨已发布的测试版 XCode 和 ARKit 具体应用。
下面正式开始开发之旅。
登陆 Apple 开发者网站,点击“下载”按钮。如果你的开发者账号处于激活状态,那么将会看到以下测试版软件选项。
在 Mac 电脑上下载并安装 MacOS 10.13 和 Xcode 9 的测试版本。另外,在 iPhone 或 iPad 上安装 iOS 11 测试版。
安装完成之后,打开 Xcode。点击蓝色锤子图标,将会打开“欢迎”界面。首先,我们需要开始创建一个新项目,点击“创建一个新的 Xcode 项目”按钮。
Xcode 将加载其主页面并显示模板选择页面。模板简化了入门过程。然后选择增强现实应用程序图标,单击“下一步”按钮。
项目选项面板如下图所示,先命名该项目名称,然后将其链接到我们的开发者帐户。其中要确保 Content Technology 选项选择 SceneKit。完成下图所示的选项内容后,点击“下一步”按钮。
现在我们需要一个地方来存储我们的项目。在文件夹选择窗口中创建一个文件夹,然后单击“创建”按钮。
加载完成后,如下所示:
在这一步中,我们将从 3D 模型库(TurboSquid)中找到一个 3D 对象。然后再下载一个广告牌,用 3D 对象替换广告牌上的纹理图片。右击下面的图片,然后“另存为图像”,命名图像“pict1.jpg”,然后“保存”。
在 TurboSquid 网站上搜索“广告牌”。本教程中,我选择了 MOTHERHUNTER 的广告牌。并下载了“dae”版本(您将需要一个 TurboSquid 帐户)。
接下来用 Next Reality 标志替换广告牌纹理。将文件解压缩到目录。完成解压缩后,大家应该会看到一个文件夹图标。打开文件夹,看到 billboard.dae 文件和纹理的“tex”子文件夹。打开“tex”文件夹,下一步。
本文使用的广告牌纹理看起来真实的。
这一步先将“pict1.jpg”和“pict2.jpg”替换为 Next Reality 标签的副本。
如果回到上一个文件夹并双击“billboard.dae”,应该可以看到:
现在已经完成了 3D 模型。
默认的模板项目中附带了一个 3D 模型,我们需要用刚创建的模型替换它。首先查看 Project Navigator,找到一个名为 art.scnassets 的文件夹。
选择“ship.scn”和“texture.png”,点击“删除”键。
按住 Control 键,选择“art.scnassets”文件夹。右击选择“将文件添加到 art.scnassets ”。
在出现的窗口中,导航到具有“billboard.dae”文件和“tex”文件夹的位置。然后按住 Shift 键,同时选择“billboard.dae”文件和“tex”,然后单击“添加”按钮。
现在我们在我们的项目中有我们的定制模型。
现在我们将模型定位、旋转及正确缩放。确保选择“Billboard”对象。然后打开场景图。如下图中红色箭头指向的小图标所示。
单击该图标将在标有“场景图”的视图中打开一个侧面板。直接在“场景图”标签下选择“Billboard”。现在按 Control-Command 键和 3 键,调出屏幕右侧的 Node Inspector。
在转换部分,我们需要手动输入设置。
位置:
欧拉:
范围:
这些数值需要不断的探索。
现在,我们需要在 ViewController.swift 文件中更改一行代码。双击该文件,则会在主窗口中打开代码。向下滚动代码到下图所示的突出显示文本的一行。现在把“ship.scn”改成“billboard.dae”。
更改之后,如下所示:
let scene = SCNScene(named: art.scnassets/billboard.dae")!
基于以上内容,我们已全部完成!最后确保你的 iPhone 手机连接在 Mac 上,然后点击窗口顶部的播放按钮开始运行。此外,确保手机设备已解锁。
一旦计算机完成构建过程并将软件上传至 iPhone 后,显示效果将如下所示:
这个项目很简单可以得到——一个 3D 模型查看器。下面我们会进一步探索 iOS AR 开发的世界。
原文:Get Started Building an Augmented Reality Application on an iPhone or iPad Quickly