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.
Import the SVG image
First, import the file. In the Assets panel:
A vector image will be listed in the Assets panel:
Add a vector object
Next, add a vector object:
A vector object will now be listed in the Scene panel:
Apply the vector image to the vector object
In the Inspector:
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:
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.
When the boxes are checked next to Front Camera and Back Camera the vector object will be visible through both the front and back camera on a device.
When the boxes are checked next to Preview and Capture the vector object will be visible both before the person using your effect is capturing a video and during capture.
Insert simple 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.