# Modeler Viewport

## Viewport Features

The Modeler Viewport includes a voxel count in the top left, performance data for your device in the top right, a screenshot button in the bottom left, and view tools in the bottom right.

<figure><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/fMjBRjJv3DYsbAcrmgFX/Modler%20screen%20august%2023%20viewport.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The front of your project is indicated by a large white arrow outside of the bounding box (oriented to the positive <mark style="color:blue;">**Z**</mark> axis). Note the colour coded axes and the boundary as a grid.
{% endhint %}

## Screenshot

{% tabs %}
{% tab title="PNG" %}

<table data-card-size="large" data-view="cards"><thead><tr><th></th></tr></thead><tbody><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/MzuUhYWk5FJopP3EJi9c/image.png" alt="">  <strong>Screenshot</strong><br>Create an image of the current view in the Workspace in .PNG format with a transparent background. Adjust your camera position if needed.</td></tr></tbody></table>
{% endtab %}
{% endtabs %}

## Orientation Tool

{% tabs %}
{% tab title="Camera Controls" %}

<table data-header-hidden><thead><tr><th width="387"></th><th></th></tr></thead><tbody><tr><td><p></p><p><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/Ll8XKd0Ngh6rfLqVrhu6/image.png" alt="Default" data-size="original"> Default view</p></td><td>A cube in the bottom right will rotate to match camera movements to make it clear what you're viewing in 3D.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/bdT6fvt7JMGVBQWzdvtM/image.png" alt="Hover (face)" data-size="original"> Hover mouse to select</td><td>Change the view to 2D by hovering your mouse over a face on this guide to highlight it and then click it to select.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/OaQQAwCgfC11EJ8CFZiz/image.png" alt="Select Face" data-size="original"> When a face is selected</td><td>Viewing a block in 2D allows you to see how the selected face appears when tiled next to itself.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/1Azu67tpvKDjpbOYhjTP/image.png" alt="Hover (corner)" data-size="original"> Hover and click a corner</td><td>Return to the 3D view from a corner perspective by hovering the mouse over a corner and clicking it.</td></tr></tbody></table>

{% hint style="info" %}
Use the ![](https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/52yb7ZGVhRrQlm87uACX/image.png) **Reset View** button in the Top Bar or press the **F** key to focus the camera on the default view again.
{% endhint %}

{% hint style="info" %}
See [**Basic Controls & Shortcuts**](https://docs.sandbox.game/jp/creators/voxedit/dokyumento/controls-and-shortcuts) for more information about VoxEdit's camera controls.
{% endhint %}
{% endtab %}
{% endtabs %}

## Views

{% tabs %}
{% tab title="Options" %}

### Toggles

<table data-card-size="large" data-view="cards"><thead><tr><th></th></tr></thead><tbody><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/IAhwie4TpM38zJKdTm7v/image.png" alt=""> <strong>Toggle Solo Layer</strong><br>Toggle between viewing all layers or only the one selected in the Layers panel.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/1A7x8apCTmsRTagsVkEi/image.png" alt=""> <strong>Toggle Render Quality</strong><br>Turn on and off shading that makes voxel faces more defined.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/7oTlZXrBiJy7fwxiamH1/image.png" alt=""> <strong>Toggle See-through Selection</strong><br>Switch between a mode to see a selection as a 3D grid and a mode to see only the visible voxels selected within it.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/9LE1GZb3M22YBXirGM1C/image.png" alt=""> <strong>Show/Hide Walls</strong><br>Toggle on and off a grid showing the outer boundary of the model in the <mark style="color:red;"><strong>XY</strong></mark> and <mark style="color:red;"><strong>XZ</strong></mark> dimensions. When off, you can't add new voxels directly to these outer walls.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/CQXVCudejfsZ8k53oGqf/image.png" alt=""> <strong>Show/Hide Floor</strong><br>Toggle on and off a grid showing the outer boundary of the model in the <mark style="color:green;"><strong>YZ</strong></mark> dimensions. When off, you can't add new voxels directly to this outer wall.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/a6DIfrhOm8bA1Rafs4HG/image.png" alt=""> Show/Hide Axes<br>Toggle on and off the axes guide and the white arrow indicator pointing to the front of your block or model.</td></tr></tbody></table>

### Layouts & View Types

<table data-card-size="large" data-view="cards"><thead><tr><th></th></tr></thead><tbody><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/H8r5Pywc4VWriBpE67Yx/image.png" alt=""> <strong>Single Viewport Layout</strong><br>View only the 3D view of your project.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/mJzgEeoJRgQCbN6an1DW/image.png" alt=""> <strong>Dual Viewport Layout</strong><br>View the 3D view of your project and an orthographic view of the direction of your choice using a dropdown menu at the top left of the pane. <br><br>Includes a <img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/1UIZ7glx03IW5YHAOr5y/image.png" alt=""> Show/Hide Depth Cues toggle.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/gI7myUFw0erysyMvZdeY/image.png" alt=""> <strong>Quad Viewport Layout</strong><br>View the 3D view of your project and an orthographic view of three directions of your choice using a dropdown menu at the top left of each pane.<br><br>Includes a <img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/1UIZ7glx03IW5YHAOr5y/image.png" alt=""> Show/Hide Depth Cues toggle.</td></tr><tr><td><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/48px7f3ETYnqla4nfmst/image.png" alt=""><img src="https://content.gitbook.com/content/V8pr5EgDZn2rnTUJE8XB/blobs/x1dkh3s67qbkO2YYtRxU/image.png" alt=""> <strong>Toggle Camera Perspective/Orthographic</strong><br>Switch between perspective and orthographic views of the 3D view of your project.</td></tr></tbody></table>
{% endtab %}
{% endtabs %}