# 3D Viewport

The main method to navigate the viewport, in the center of the interface, is to use mouse panning and zooming. Users from Unity or Maya might find navigating the viewport familiar. See [Main controls](#main-controls).

[Gizmos](https://pixcap.gitbook.io/pixcap-docs/interface/3d-viewport/gizmos) are used to manipulate position, rotation and scale.

<figure><img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MflpSKt24PejeEnu4Jr%2Fuploads%2FbseNJg35ZsfP50IsrFZs%2FScreenshot%20(1177).png?alt=media&#x26;token=4ae6e467-7a59-434c-b5e1-e3c6a464fac9" alt=""><figcaption></figcaption></figure>

## Selecting

#### Mesh/Bone selection&#x20;

Selected meshes will have a red outline, while selected bones of skeletons have a green highlight.&#x20;

<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mfmj7C4FTt5ZQCLCflS%2F-Mfmkzw5ARkoTWJNtA63%2Fbone.png?alt=media&#x26;token=daac28d3-e3a2-4ed8-9809-8940dab7d017" alt="" data-size="original">&#x20;

If a bone of a skeleton has been adjusted (but the animation not keyed), it will be displayed with a red highlight. This happens when adjusting a bone while Autokey is OFF. \
See [Animation mode ](https://pixcap.gitbook.io/pixcap-docs/interface/broken-reference)for more

#### Multiple selection

Click and drag to create a bounding box, every component inside this box will be selected.

&#x20;<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mi0YBo9MeKV01TrvExq%2F-Mi3f0xhFzdr-e518pos%2Fmulti-select.gif?alt=media&#x26;token=a9a3ee6a-9ac5-4e4b-b402-dcf26e11bf1b" alt="" data-size="original">&#x20;

To add more components to the selection. Hold **`shift`** and mouse drag or click. &#x20;

<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mi0YBo9MeKV01TrvExq%2F-Mi0UBQ44XggHMkvPFcs%2Fadd-selection.gif?alt=media&#x26;token=7e040a3c-6db4-41ea-bce6-8deff1555ef0" alt="" data-size="original">&#x20;

To deselect some of the components. Hold **`Ctrl`** / **`Command`** and mouse drag or click.

<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mi0YBo9MeKV01TrvExq%2F-Mi3eZ1NCjXDXbsBK3Ag%2FDeselection.gif?alt=media&#x26;token=fd72e7e0-41b9-43ec-b76b-4f4cf21269d5" alt="" data-size="original">&#x20;

To invert the selection. Hold **`shift`** + **`Ctrl`** / Command and mouse drag.

<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mi0YBo9MeKV01TrvExq%2F-Mi3fCt5QEGwYkwtrg9g%2Finvert.gif?alt=media&#x26;token=6388eba6-e7aa-4286-a843-1c33b67cf212" alt="" data-size="original"> <br>

## Camera

You can toggle the camera view between perspective and orthographic mode, located on the **top left** of the 3D viewport. Or click on the shortcut below:

Shortcut: **`P key`**

<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mhh1oXLI-qzorO3OzhL%2F-Mhh6Pj6TOOuUDVkFWx-%2Fcam%20view.png?alt=media&#x26;token=4ce1d668-f44c-41f8-b409-880c814adc0a" alt="" data-size="original">&#x20;

**Perspective View**

<div align="left"><img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mg9NGmeBedpD--ko2p3%2F-Mg9OzpBUYokBcasuPCR%2Fimage.png?alt=media&#x26;token=97aaabb5-4fad-4cd6-a010-4974b2da28d9" alt=""></div>

**Orthographic View**

<div align="left"><img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mg9NGmeBedpD--ko2p3%2F-Mg9PC7FhL3u09unTrhv%2Fimage.png?alt=media&#x26;token=6b986386-c53c-402c-9278-d67444c1408e" alt=""></div>

## Display

Bones can easily be toggled on and off. Simply go to the 'Bones' tab on the bottom-right corner or press **`H`** on the keyboard for the shortcut key.

<img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mfs0hqMERZ0PQaAX6jp%2F-Mfs5ACdAmXJfMD38cj6%2Fbones.png?alt=media&#x26;token=5e5f1fa6-7719-4c4b-9902-56059c931344" alt="" data-size="original">&#x20;

Our default Skybox and Grid can also be turned on/off to suit your needs. Simply deselect everything and these options will appear in the inspector.

<div align="left"><img src="https://2424003367-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MflpSKt24PejeEnu4Jr%2F-Mfs0hqMERZ0PQaAX6jp%2F-Mfs7wFAtp5NCLOEiMbh%2Fskybox.gif?alt=media&#x26;token=79f55625-3eeb-4dbd-a26f-72da577c75fa" alt=""></div>

## Main Controls

#### **Pan Camera**

* **Middle mouse** button + Mouse drag \
  OR
* Windows : **`Alt`** + **right click** drag.
* Mac : **`Option`** + **right click** drag.

#### **Rotate Camera**&#x20;

* Windows : **`Alt`** + **left click** drag.
* Mac : **`Option`** + **left click** drag.

#### Zoom In/Out

* **Middle Wheel** up and down

#### Zoom/Focus on selection

* **`F`** Key

#### **Select / Multi select one at a time**

* Windows : Hold **`Shift`** / **`Ctrl`** + Lift click
* Mac : Hold **`Shift`** / **`Command`** + Lift click&#x20;

#### **Add Selection**

* Hold **`Shift`** + drag to select

#### **Multi  Deselect**

* Windows : Hold **`Ctrl`** + Mouse drag&#x20;
* Mac : Hold **`Command`** + Mouse drag

#### **Invert section**

* Windows : Hold **`Shift`** + **`Ctrl`** +  Mouse drag&#x20;
* Mac :  Hold **`Shift`** + **`Command`** +  Mouse drag&#x20;

#### Hide bones

* **`H`** Key
