Spark AR —— 2D 纹理动画(二)

533 阅读2分钟

本文已参与掘金创作者训练营第三期「高产更文」赛道,详情查看:掘力计划|创作者训练营第三期正在进行,「写」出个人影响力

Spark AR 是 Facebook 免费创作 AR 作品的平台,使用户能够为 Facebook 和 Instagram 创建交互式增强现实体验,超过 40 万名创作者,190个国家/地区,使用 Spark AR 来创作自己的AR作品

由于该软件无需任何编码知识即可使用,因此任何人现在都可以在 AR 世界中几乎没有经验地制作下一个疯狂式传播的 Instagram AR 特效,引领世界潮流。

专门的 AR 滤镜设计师单价甚至可达到 1000 美元到 3 万美元不等。

其他导入方式

导入纹理:

  1. 单击资产面板底部的 Add Asset
  2. 选择Import,然后Import From Computer
  3. 选择你想要导入的纹理。

一旦你将它们添加到项目中,纹理将会在资产面板的 Textures 下列出。

image.png

除非你已经添加了带有 JSON 数据的子画面表单,否则你就需要对纹理做出一些改变。

一、将一系列的纹理转为一个纹理序列

将一个系列变成一个单一的资产,称为Texture Sequence:

  1. 在资产面板中,选择纹理。
  2. 去检查面板。
  3. Type改为Texture Sequence

image.png

纹理现在将被分组为一个资源。

image.png

二、为了子画面表单添加 JSON 数据

将 JSON 数据添加到子画面表单中:

  1. 在资产面板中,选择纹理。
  2. 在检查器中,选择Sprite Sheet
  3. Config更改为Grid
  4. 添加正确的行数和列数

为动画序列添加纹理

首先创建动画序列:

选择Add Asset,然后选择Animation Sequence.。 在检查器中,点击纹理下的下拉菜单,选择你想要添加的纹理动画。

image.png

添加动画到一个对象上

将动画序列应用到一个材质上,就像你将其他材质一样:

  1. 添加一个对象到你的场景 —— 例如一个平面或粒子系统。
  2. 为对象创建一个材质。
  3. 在资源面板中选择材质。
  4. 在检查器中,点击 Diffuse 下的下拉菜单,在 Texture 的右边,选择动画序列。

image.png

动画将播放:

image.png

要改变它的行为方式,请在检查器中编辑它的属性。