This article has participated in the Denver Nuggets Creators Camp 3 “More Productive writing” track, see details: Digg project | creators Camp 3 ongoing, “write” personal impact.

Spark AR is Facebook’s free AR creation platform that enables users to create interactive AR experiences for Facebook and Instagram. More than 400,000 creators in 190 countries have used Spark AR to create their own AR creations

Since the software requires no coding knowledge to use, anyone can now lead the world by creating the next crazy viral Instagram AR effects with little experience in the AR world.

Specialized AR filter designers can cost anywhere from $1,000 to $30,000.

Understand and edit the patch

Let’s take a closer look at the labels and values so you can see and edit them. This is the looping animation patch:

The name

The name is at the top of the patch. In the example above, the patch is called a Loop Animation.

You can rename some patches by double-clicking the patch name.

Input and output ports

The small circles with arrows on either side of the patch are called ports. The port on the right side of a patch is called an output port. The port on the left is input port.

You can connect one patch to another by connecting the output port to the input port.

Ports are marked to indicate their function. Loop Animation has three input ports:

  • Enable – This port enables animation to play – turn it on or off.
  • Duration – You can adjust the value of this port to edit the Duration of the animation in seconds.
  • Reset – You can use this port to Reset the animation.

It has an output port, Progress. This port creates a signal that represents the animation process.

value

When there is a box next to a port, it means that you can edit the value associated with that port.

In the Loop Animation patch, you can edit two values. Editing the Duration value changes how long the animation will play.

Selecting the check box next to Mirrored will mean that the animation will play in reverse after it finishes playing forward.

The data type

You will select different data types for some patches. For example, if you are manipulating the shape of a 2D object, you might set the data type of some patches to Vector2. If you want to Color a material, you need to change the datatype of some patches to Color.

Select this patch if you need to change the data type of the patch. A box containing the current data type will appear at the bottom of the patch.

In this case, the data type of the Transition patch is set to Vector3. This means that the patch can be used (for example) to convert an object from one position to another in 3D space. To change this, you need to click on the arrow next to the Vector3 and select an option from the list:

If you change the data type to Color, you can use it to convert the Color of the elements in the scene.