# Scene and Game View

## **Scene View**

The **Scene View** (5) allows you to visually navigate and edit your **Scene**. The Scene view can show a 3D or 2D perspective, depending on the type of Project you are working on. You can use the **Scene View** to select and position scenery, characters, Cameras, and all other types of **GameObjects**.

<figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2F8cCEcXAx8qV6oHQQ7Y8t%2Fimage.png?alt=media&#x26;token=49c80dbd-8ea5-481b-b47f-2c199b909069" alt=""><figcaption><p>Scene View</p></figcaption></figure>

When you click on **Camera**,  window shows preview the game scene from view of runtime camera that you created with tag `Main Camera` . If in scene not any cameras this preview will be black with message **No Camera**. In can be enabled by clicking on icon ![](https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2Fm3CWBvpfT8CC1cLI3kIF%2Fimage.png?alt=media\&token=380bcd01-f5ed-4d2e-acfc-21dd8699cbf5) button in the **Toolbar** or via Key 1.

<div align="left"><figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FxALmLtsQf1rpS4SKhoxv%2Fimage.png?alt=media&#x26;token=aa7fafe3-eb7a-4fb4-8d7f-1f9f3d4e5cef" alt=""><figcaption><p>Game Preview</p></figcaption></figure></div>

Next set of buttons is **Scene View Toolbar** Its contains the UI buttons for selecting the object transform gizmo modes and other various tools.&#x20;

<table><thead><tr><th width="264">Tool</th><th>Description</th></tr></thead><tbody><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FNpQyHh2q1nvtSz7Wse5I%2Fimage.png?alt=media&#x26;token=a8b83d67-f61f-42dc-960e-7ffcde996709" alt=""> Translate Tool</td><td>Allows to <strong>transform</strong> (move) GameObject via gizmo on X,Y,Z axis.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FJBc9hf3VKe9ML7zS3uuQ%2Fimage.png?alt=media&#x26;token=8f07caf4-86fe-4c9f-ba6a-685330a08dd5" alt=""> Rotate Tool</td><td>Allows to <strong>rotate</strong> GameObject via gizmo on X,Y,Z axis.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FD655vyNI3vlXn1xVrKXJ%2Fimage.png?alt=media&#x26;token=8a8be9ee-12f0-485a-b414-9449bff9b271" alt=""> Scale Tool</td><td>Allows to <strong>scale</strong> (modify size) GameObject via gizmo on X,Y,Z axis.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FV7nFusZOw2tXeh9yyIgc%2Fimage.png?alt=media&#x26;token=55dc33d1-864c-469f-be0a-da4195377599" alt=""> Rect Tool</td><td>The <strong>Rect</strong> tool allows to modify (scale) the size of the GameObjects at the corners of its vertices. Very useful for 2D/Sprites.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FaysSqWtdFZ7K37kdUKIQ%2Fimage.png?alt=media&#x26;token=707643ee-f19e-435f-94b1-c615f07c7043" alt=""> Universal Tool</td><td><strong>Universa</strong>l tool is combination of <strong>Translate</strong>, <strong>Rotate</strong> and <strong>Scale</strong> tools at the same time. Allows to fully modify transform via one tool.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FuV2370n3MkCtvf7dzNuq%2Fimage.png?alt=media&#x26;token=95639d81-7ac2-4718-8058-134193be6c3f" alt="" data-size="original"> Pan Tool</td><td>Switch <strong>Camera Free Move</strong> to camera <strong>Pan</strong> moving via this tool. Allows to move camera using mouse on XY axis. Very useful for 2D editing.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FEerQu6hfir11R2cMiCCJ%2Fimage.png?alt=media&#x26;token=0f5594f6-312a-42b4-88a3-90875327a30a" alt="" data-size="original"> Camera 2D View</td><td>Allows to set editor camera view 2D or default 3D.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2F2aDlOJ0Bh824pmCiJoRI%2Fimage.png?alt=media&#x26;token=edc1be6d-2458-448b-9d61-47cf8620462b" alt=""> Game Preview</td><td>Shows or hide Game Preview when selecting Camera object.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FMnUdkOipOXzSacJ9sIBc%2Fimage.png?alt=media&#x26;token=efe1bd60-3b11-4a41-a3c2-ef8701e6c18f" alt=""> Editor Grid</td><td>Shows or hide editor Grid.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FTH9NA2KJfHpbkkSibBvZ%2Fimage.png?alt=media&#x26;token=14e8835f-c918-41b0-8e80-84e61ad217b4" alt=""> Blocking ALT Button</td><td>Block all scene interaction with ALT button (e.g moving camera etc)</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2F5rRLEAmc2v3Fth1Pfdlu%2Fimage.png?alt=media&#x26;token=ac34b414-14e4-4211-b857-8afbd1a61f0b" alt=""> Blocking Camera Zoom</td><td>Block camera zoom when using mouse scroll.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2F2bSWBSHXHBqESzZ5Irkq%2Fimage.png?alt=media&#x26;token=47e46b74-80b7-4d0e-bd01-0d8199f57003" alt=""> Editor Camera Settings</td><td>Shows popup with <strong>Editor Camera Settings</strong>.</td></tr><tr><td><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FaB8gtIO17JJNExe7nr1l%2Fimage.png?alt=media&#x26;token=944515c9-2e93-4cd2-9147-15bc7a1b346b" alt=""> Scene View Settings</td><td>Shows popup with <strong>Scene View Settings</strong>.</td></tr></tbody></table>

Also you can show endless amount of this Scene View's. Because **Force** supports **Multi View** for scenes. So you can display one view as perspective editor camera and from another as orthographic editor camera. Just press **Ctrl+1** to spawn another view.

<figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2Fnxx8Wvd7fIOs90Idit16%2Fimage.png?alt=media&#x26;token=26c12297-646d-400d-bbfc-624c8f611750" alt=""><figcaption><p>View scene from different perspective</p></figcaption></figure>

### **Editor Camera Settings**

<div align="left"><figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FEyAuQNhRW8ZYZ0GAGc9K%2Fimage.png?alt=media&#x26;token=e3d56eea-35d0-47e0-9d2f-f4ea9368d2c1" alt=""><figcaption><p>Editor Camera Settings Window</p></figcaption></figure></div>

| Property           | Description                                                                                                                                |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
| Fov/Size           | <p>Set the camera visible field of view (Perspective Projection). </p><p>Set the camera visible ortho size. (Orthographic Projection).</p> |
| Near/Far           | The closest or furthest point relative to/from the camera that drawing will occur.                                                         |
| Speed              | Choose prefer moving speed for camera.                                                                                                     |
| WASD               | Use the WASD keys to move the camera?                                                                                                      |
| Space, Right Shift | Use the Space/Shift keys to move the camera (Only Perspective)?                                                                            |
| Num Arrows         | Use the arrows keys on NumPad to rotate the camera.                                                                                        |
| Free Pitch         | Allows to free rotate camera on X axis without locking.                                                                                    |
| Num +/-            | Use the keys on NumPad + / - to zoom the camera.                                                                                           |

### **Scene View Settings**

<div align="left"><figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FU9LOMwSlo3f2WN1t6Jag%2Fimage.png?alt=media&#x26;token=d1213389-c751-4485-aa04-45c0b603f15e" alt=""><figcaption><p>Scene View Settings Window</p></figcaption></figure></div>

**Scene View Settings** allows to setup **Scene View** toolbar by disabling or enabling buttons or changing toolbar's position.

## **Game View**

The **Game View** is rendered from the Camera(s) in your application. It represents your final, published application. You need to use one or more Cameras to control what the player sees when they are using your application.

<figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FPb8CL5NRETav8L6qHDnt%2Fimage.png?alt=media&#x26;token=88c78a9d-1189-4f46-9d23-1c5e10a52f5a" alt=""><figcaption><p>Editor Game View</p></figcaption></figure>

**Note**: If not cameras will be created on scene (usually with new project/scene default camera already presents) or not set the camera with tag `Main Camera` , you cannot play the runtime and see error "`Cannot play, because camera with tag 'Main Camera' not exist!`".

**Game view** also has buttons is **Game View Toolbar** Its contains the UI buttons for controlling the settings of the game runtime in editor.

| Property                                                                                                                                                                                                                               | Description                              |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- |
| ![](https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FETzScIgo0wMwClx6hDc9%2Fimage.png?alt=media\&token=593c6a61-85df-4007-8f50-72f3a3b30c85) Play Mode Settings | Shows the **Play Mode Settings** window. |
| ![](https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FIRmXqE7dfbxws9Ys44iZ%2Fimage.png?alt=media\&token=6cb11c63-9b6a-42ee-9eb4-6222778877cd) Game View Settings | Shows the **Game View Settings** window. |

### **Play Mode Settings**

<div align="left"><figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FtHNgtqP7WBjAa7Tyh3RJ%2Fimage.png?alt=media&#x26;token=3e60e84e-dd93-4cf6-b868-4a53f4c99c0a" alt=""><figcaption><p>Play Mode Properties window</p></figcaption></figure></div>

| Property     | Description                                                                                                                                                                                              |
| ------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Focused Mode | Allow the user go to in-game focus mode. This block all input from editor, and input from keyboard/mouse will be only from game itself. To enter that mode click on Game panel, and to exit press `Esc`. |

### **Game View Settings**

<div align="left"><figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FyoDU9UkHgryuvRWiipBC%2Fimage.png?alt=media&#x26;token=f4295508-6d79-43ba-884b-735da05c9512" alt=""><figcaption><p>Game View Settings window</p></figcaption></figure></div>

**Game View Settings** allows to setup **Game View** toolbar by disabling or enabling buttons or changing toolbar's position. Or you can just disable toolbar by clicking on **Show Toolbar** button. To re-enable this toolbar you need to press `Shift+Z`.

### **Game View Maximize Mode**

When you in Play Mode you can press on ![](https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2Fdvo4kX4HDn6iH0EIKeA4%2Fimage.png?alt=media\&token=0145bf32-3ce6-444f-99a1-4ab5e35e1394) in the **Gameplay Toolbar** to go to this mode. In this view all panels will be hidden and Game View will be almost in Fullscreen. This great place to test the Game and Editor will almost not take any performance from Game.&#x20;

<figure><img src="https://2773422523-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuytHSSE0uhny7g4jsNpY%2Fuploads%2FXZN36K0rkuX7XpCYF9nf%2Fimage.png?alt=media&#x26;token=1ac26c77-c94f-4038-89b0-d36d4f5a230e" alt=""><figcaption><p>Force in Maximize Play Mode</p></figcaption></figure>
