Facebook Spark AR Studio 初体验

本来想着给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
  1. 点击targetTracker0

  2. 选中replaceMe对象

  3. 将我们的海报图片放在这里,替换原有的海报图片

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

这里我们看一些选项:

  1. 设置特效的名称

  2. 上传特效文件,刚刚上传的自动显示,也可以在这里替换

  3. 选择发布平台,支持Instagram 和 Facebook

  4. 是否所有人都可使用该特效

  5. 拥有者

  6. 发布者

  7. 演示视频

  8. 展示图标

  9. 合作者

  10. 发布日期

这些都设置好之后,就可以提交审核了。提交审核的时候,会告知审核最多会花费5天。我之前审核过,应该1天就搞定了。

image

1.6 发布成功后在Instagram中使用

我们可以在Instagram的快拍中找到我们发布的特性,并使用。

image

2. 创建一个脸部特效

这里就不赘述操作过程了,看一下效果视频吧

文中视频可以在我的视频号(视频号搜索 Gunner)中找到

ps. 写这篇文章是在等8.29号F1在SPA的比利时大奖赛开赛,因为雨下的很大,所以一再推迟开赛。所以我就顺便抓紧时间来写一下文章喽,现在文章写完了,但是比赛还没开始。。。千万不要取消啊!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,172评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,346评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,788评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,299评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,409评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,467评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,476评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,262评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,699评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,994评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,167评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,499评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,149评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,387评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,028评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,055评论 2 352

推荐阅读更多精彩内容

  • 自 2017 年开始,就有想打造些优质个人产品;仍继续在维护的倾城之链,就是对这一夙愿的实践和坚持;一款好的产品,...
    晚晴幽草阅读 744评论 0 6
  • 本文的内容是承接 WWDC 2018 | iOS 12 Beta初体验 一文的,上一篇中,从整体上过了一遍 iOS...
    TankXie阅读 1,607评论 5 11
  • WWDC 2017全球开发者大会上,苹果公布了其第一款具有AR功能平台的iOS操作系统iOS11。ARKit 是一...
    Spykerking阅读 2,533评论 2 10
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,532评论 28 53
  • 人工智能是什么?什么是人工智能?人工智能是未来发展的必然趋势吗?以后人工智能技术真的能达到电影里机器人的智能水平吗...
    ZLLZ阅读 3,770评论 0 5