Learn Spark AR Studio

Everything you need to know to create an interactive augmented reality experience.

Clear
Back

The Canvas

In Spark AR Studio, the canvas is an object that will scale up or down with the size of a device screen.

2D objects, like rectangles or text, will always be children of a canvas. This means they'll scale in sync with the screen of the device.

Find out about:

Adding a canvas to your scene

To add a canvas:

  1. Click Add Object.
  2. Select Canvas.

It'll be listed as canvas0 in the Scene Panel. When it's selected, you'll see a blue outline of the canvas in the Viewport:

Using a canvas in screen space

The canvas will be in screen space by default. In screen space, the size and shape of the canvas is fixed to fit the screen of the device. You can't change its size, scale or rotation, because they'll always match the device screen.

A canvas in screen space can be used to position lay out 2D objects like rectangles, to make 2D effects like frames and colored filters that scale up or down with the screen of the device.

To use a canvas in screen space, set the Mode to Screen space in the Inspector panel.

Build an effect with a canvas in screen space in this tutorial.

Using a canvas in world space

When a canvas is in world space, you can use it to position a 2D or 3D object. If someone uses an effect with objects in world space, the object will only be visible through the camera on the back of the device.

If world space, the size of the canvas will no longer be determined by the size of the device screen. You'll be able to adjust this property in the Inspector.

To use a canvas in world space, set the Mode to World space in the Inspector panel.

You can follow this tutorial to build an effect using the canvas in world space.

Canvas - properties

Adjust these properties in the Inspector, to edit the canvas in your scene.

Visible

Uncheck this box to stop the canvas or any children from being rendered in the scene.

Mode

User the dropdown to select whether the canvas is in either:

  • Screen space - the size of the canvas will be fixed to fit the device.
  • World space - the canvas can be transformed, for example rotated and resized.

Size

Adjust the width and height of the canvas, if it's in world space.

Transformations

Change the position, scale or rotation of the canvas, if it's in world space.

Enable for

Choose the camera or cameras on a mobile device in which you want to render the canvas and its children.

Join the Spark AR Creator's community

Find inspiration, see examples, get support, and share your work with a network of creators.

Join Community

Frequently asked questions

Have a specific question? Maybe it's been answered.


Read FAQs
Was this document helpful?