本来想着给Folo美剧增加AR的功能，但是在看相关文章的时候想到了Facebook的 RealityLab，进入主页后就看到了Spark AR Studio，抱着好奇的心态就下载了一个玩一玩，没想到异常的好用。接下来就简单介绍一下这次的体验。
0. 下载安装Spark AR Studio
打开Reality Labs的官网 https://tech.fb.com/ar-vr/，选择 Spark AR
image
找到下载按钮，点击下载
image
首次打开需要登录 Facebook账号
image
登录成功就可以开玩了！
1. 创建一个海报项目
我们先做一个之前用ARKit做过的项目，就是图像识别之后叠加虚拟内容，所以这里选择3D Animated Poster。
image
进入界面后，发现跟Unity的界面有些类似，但是感觉更流畅更细腻一些。
image
在这个Demo项目中，FB很贴心的将对象的名字设定的很有引导意义。所以按照名称可以理解，targetTracker0就是追踪的目标海报图片，dragHere是将3D对象拖拽到这里。
1.1 设定追踪图像
image
-
点击targetTracker0
-
选中replaceMe对象
-
将我们的海报图片放在这里，替换原有的海报图片
image
image
可以看到我们的图片已经换好了
1.2 替换3D模型, USDZ转DAE
我之前制作的乞丐版47模型，是用苹果的RealityComposer来制作的，所以格式是USDZ。但是Spark AR Studio支持的3D格式只有 dae, fbx, glb, gltf, obj。所以首先我们要做的是，将USDZ转换成Spark AR Studio支持的格式。
image
通过搜索找到了一个简单的转换方式，即用xcode打开USDZ文件，然后选择 File -> Export -> DAE (这里我只看到DAE是我认识的格式，其他的我不知道是不是跟支持的格式一致，就先选择了DAE)
image
image
看看导出的结果吧:
image
1.3 替换3D模型
我们这里选择 dragHere 对象，并 右键-> Add -> 3D Object 选择我们刚刚导出的code47.dae
image
添加进来之后，把原来的 deleteMe 对象删除掉，再调整一下我们模型的位置
image
这样就可以了，简单吧？ 我们来真机试一下！
1.4 真机测试
首先我们要下载 Spark AR Player到手机上才能真机
image
我们看一下真机的效果吧
1.5 发布到平台供其他人使用
接下来我们选择 File -> Publish来发布
image
可以在这里录制，或者上传后录制一个演示视频。然后点击Upload按钮，等待上传完成。上传完成后，我们进入到Spark AR Hub来填写一些其他信息。
image
这里我们看一些选项:
-
设置特效的名称
-
上传特效文件，刚刚上传的自动显示，也可以在这里替换
-
选择发布平台，支持Instagram 和 Facebook
-
是否所有人都可使用该特效
-
拥有者
-
发布者
-
演示视频
-
展示图标
-
合作者
-
发布日期
这些都设置好之后，就可以提交审核了。提交审核的时候，会告知审核最多会花费5天。我之前审核过，应该1天就搞定了。
image
1.6 发布成功后在Instagram中使用
我们可以在Instagram的快拍中找到我们发布的特性，并使用。
image
2. 创建一个脸部特效
这里就不赘述操作过程了，看一下效果视频吧
文中视频可以在我的视频号(视频号搜索 Gunner)中找到
ps. 写这篇文章是在等8.29号F1在SPA的比利时大奖赛开赛，因为雨下的很大，所以一再推迟开赛。所以我就顺便抓紧时间来写一下文章喽，现在文章写完了，但是比赛还没开始。。。千万不要取消啊！
网友评论