Using 3D

Once you’ve imported your 3D model, you can add it into your current active scene by dragging it onto your canvas.

Adding a 3D component to an AR scene

When you add a 3D model into a scene which is in 2D Mode, your project mode will shift to 3D Mode. You cannot switch back to a 2D scene until all 3D content has been removed.

Navigating your 3D Scene

3D mode is navigated differently to 2D mode, as three-dimensional orbit controls are unlocked. You can navigate the 3D scene using either the navigation cube at the found bottom-right of the canvas, or by using keyboard and mouse shortcuts.

Navigating the 3D AR scene

When using your mouse and keyboard, you can use the following shortcuts:

• Hold left-click to orbit around your project.
• Hold right-click (or left click and shift on the keyboard) to pan across the canvas.
• Use the scroll wheel to zoom in and out.

With the 3D navigation cube, you can orbit around your project by left-clicking the cube and moving your cursor around the screen. You can also snap to a direction by clicking that face on the cube.

Using 3D Models

As with the other Designer components, you can edit the properties of your model through the Properties Panel.

Transforming Components in 3D space

You may use the Properties Panel to make the following adjustments to your 3D model:

Property	Description
Content	Replace the 3D component with another 3D component you have uploaded to the Media Library.
Transforms	Edit the Size (Width, Height and Depth), Position (X/Y/Z coordinates), and Rotation (degrees on the X/Y/Z axes) of the 3D model. You can also Mirror the 3D component and change the 3D model’s layer Order (forwards or backwards) relative to other scene components.
Actions	Create interactivity by adding an on tap Action to the 3D component.
Transition Effects	Add an Enter or Exit transition effect to the 3D component.

You can also use the Global Properties panel to enable shadows on all 3D components in your project.

By default, your model will scale in with a locked aspect ratio when adjusting scale. To edit each axis individually, select the unlock button in the ‘Transforms’ tab.

Transforming in 3D Space

You can update the transforms of a selected model using the Context Bar on your canvas (shown below).

The Context Bar allows you to control the following:

Section	Description
Move	Move the selected component in the X, Y, or Z axis.
Scale	Scale the selected component in the X, Y, or Z axis.
Rotate	Rotate the selected component in the X, Y, or Z axis.
Duplicate	Duplicate the selected component.
Lock/Unlock	Lock or unlock the selected component from transform functions.
Delete	Delete selected component.
Recenter	Recenter your view on the canvas to default.
Snap to surface	Recenter and snap your component to the surface of the tracking type.
Undo/Redo	Undo or redo any changes you have made to your component.

Want to learn how to add interaction to 3D models in your scene? Click here.