Use a vector object to render a scalable vector graphic (SVG) image in your scene.
SVGs are particularly useful in AR effects, because they don't loose precision when they're rescaled - for example, with the size of someone's screen.
There are lots of SVG images available for free online, for example on websites like Pixabay or Flaticon.
You can't import SVG assets that include strokes, opacity, gradients and patterns, clipping, masking, filter effects, linking, scripting, animation and fonts.
First, import the file. In the Assets panel:
A vector image will be listed in the Assets panel:
Next, add a vector object:
A vector object will now be listed in the Scene tab:
In the Inspector panel:
You can use the manipulators in the toolbar to change the scale, position and rotation of a vector object:
You can also change their properties in the Inspector panel:
Uncheck this box to stop the instance and any children from being rendered in the scene.
Assign or remove a vector image.
Edit the position, scale and rotation of the vector object.
Insert combinations of patches into the Patch Editor, like tap gestures.
Like with other objects in Spark AR Studio, you can use the Patch Editor to add interactivity and logic to effects with vector objects.
In particular, you can manipulate the position, scale, rotation and visibility of a vector object. Take a look at these examples to learn more about using patches to manipulate objects in Spark AR Studio.