Articles
2D Objects
Editing 2D Objects in the Viewport

Editing 2D Objects in the Viewport

You can use options in the Viewport to position, rotate and resize 2D objects.

Objects will ‘snap’ into positions with even spacing in relation to their parent object and other objects in the scene. This can help with achieving symmetry and consistency in your designs.

If you have precise positions in mind for 2D objects, or want to fill the width or height of the device screen, you can edit the properties of the 2D object in the Inspector instead.

Switching on 2D editing

By default, Spark AR Studio allows you to edit 3D objects using the manipulators at the top of the viewport. To switch to 2D, click the 2D icon in the top right corner:

You can now edit 2D objects in the Viewport:

A ruler along the left and top of the Viewport shows the measurement of the device screen in pixels. Blue highlights show where the 2D element is, giving you an idea of its size and position.

Positioning, rotating and resizing objects

To:

  • Position an object, select and drag it.
  • Resize an object, select and drag an edge of the object.
  • Rotate an object, hover the cursor over the corner and drag the object.

Snapping objects into position

Objects will ‘snap’ into certain positions depending on the distance between the object you’re positioning and other 2D objects in the scene. You’ll see red lines and highlights appear to indicate where objects can be ‘snapped’

Below, snapping has positioned 3 2D squares with equal spaces between them:

Objects will also snap into positions in the center and at the edge of the parent object:

Measurements between objects and their parent

When a 2D object is selected, you can press the ALT/Option key to show the measurement between it and the parent object in blue.

Was this article helpful?