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