# Placement in 3D Space

## How do I place/move elements in my experience?

There are 3 ways to place/move elements in an experience, from viewport properties - [#drag](#drag "mention"), [#translate](#translate "mention") and [#rotate](#rotate "mention"). You can also do the same using [#transform-properties](#transform-properties "mention").

### Drag

By selecting the "Drag" option, you can use your mouse to move the item or element that you wish to relocate within your experience.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FsQIPTii0NgRMdqSa3Hok%2Fimage.png?alt=media&#x26;token=0a6aaf63-fc12-4e7b-956a-48497c47bf98" alt=""><figcaption><p>Placing items - Drag</p></figcaption></figure>

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FndmuYDJ2U184NfFZ20Vv%2Fimage.png?alt=media&#x26;token=2d579311-2c50-4974-b012-f0f1304f734b" alt=""><figcaption><p>Drag</p></figcaption></figure>

### Translate

This allows you to move objects along the X, Y, and Z axes.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FqKvNfErm0ijJpvQBdEuz%2Fimage.png?alt=media&#x26;token=f8020f4f-53eb-4179-950f-d8be2a1f2677" alt=""><figcaption><p>Placing items - Translate</p></figcaption></figure>

It is possible to modify the position of your element along the X-Y, Y-Z, and X-Z axes.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FrJPZ27E2DMlfjz8RdEjn%2Fimage.png?alt=media&#x26;token=f64730f7-26b8-477c-9f58-3f8f09305d92" alt=""><figcaption><p>Translate</p></figcaption></figure>

### Rotate

"Rotating elements" refers to the process of changing the orientation or angle of virtual objects or elements within an experience.

This can be done using tools such as a "rotate" function from 'Viewport properties', which allows you to adjust the rotation of objects around the X, Y, and Z axes.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FC3C8bZDdexQnDEmAVkbW%2Fimage.png?alt=media&#x26;token=fc794acd-a4aa-460d-bcae-203739715f57" alt=""><figcaption><p>Rotate - Placing Items</p></figcaption></figure>

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F0uKto8pLBuXVrA8ibnNx%2Fimage.png?alt=media&#x26;token=d0111a67-54f5-4f9b-a66d-80fd773875d1" alt=""><figcaption><p>Rotate - Placing Items</p></figcaption></figure>

## Transform Properties

In addition to the three methods mentioned above, there is an additional option; Transform. This lets you to move or modify your elements and manipulate the axes as desired.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FXt84ogL3OETeptG8lWyA%2Fimage.png?alt=media&#x26;token=d6dfd8e4-5321-4872-938b-0ed7fc27dcb5" alt=""><figcaption><p>Transform</p></figcaption></figure>

## Axes

There are two types of axes available for the [translate ](#translate)and [rotate ](#rotate)transform modes.

### World Axis

World axes define the spatial orientation of your experience.&#x20;

They act as a reference point for positioning and manipulating objects within the environment.

The World axes consist of three perpendicular lines, labeled X, Y, and Z. \
X representing the horizontal axis, Y representing the vertical axis, and Z representing the depth axis.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FNynyHUvIyCb86Gwd64n2%2Fimage.png?alt=media&#x26;token=19cf7234-d77e-45a4-a20a-b088b53d301f" alt=""><figcaption><p>Translate and Rotate - World Axes</p></figcaption></figure>

### Local Axis

Local axes define the spatial orientation of your experience.&#x20;

They act as a reference point for positioning and manipulating the object's position, rotation, and scale. Local axes consist of three perpendicular lines, labeled X, Y, and Z. These lines represent the object's internal coordinate system, which is defined by the object's orientation and pivot point.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FlQjJ3K87CZBVxFOr9Zfq%2Fimage.png?alt=media&#x26;token=22aa395d-a63f-42a7-a6c8-768864744358" alt=""><figcaption><p>Translate and Rotate - Local Axes</p></figcaption></figure>
