<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.teamspec.net/index.php?action=history&amp;feed=atom&amp;title=Level_Editor%2FViewport_and_camera</id>
	<title>Level Editor/Viewport and camera - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.teamspec.net/index.php?action=history&amp;feed=atom&amp;title=Level_Editor%2FViewport_and_camera"/>
	<link rel="alternate" type="text/html" href="https://wiki.teamspec.net/index.php?title=Level_Editor/Viewport_and_camera&amp;action=history"/>
	<updated>2026-10-28T08:32:51Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.11</generator>
	<entry>
		<id>https://wiki.teamspec.net/index.php?title=Level_Editor/Viewport_and_camera&amp;diff=501&amp;oldid=prev</id>
		<title>TeamSpecBot: American spelling</title>
		<link rel="alternate" type="text/html" href="https://wiki.teamspec.net/index.php?title=Level_Editor/Viewport_and_camera&amp;diff=501&amp;oldid=prev"/>
		<updated>2026-10-20T04:46:06Z</updated>

		<summary type="html">&lt;p&gt;American spelling&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 04:46, 20 October 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l67&quot;&gt;Line 67:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 67:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* The selection shows its bounds with &amp;#039;&amp;#039;&amp;#039;eight handles&amp;#039;&amp;#039;&amp;#039;, with its width and height written beside them. Drag a handle to resize the selection on the grid; the opposite side stays where it is. A brush takes the new size into its shape (it is not scaled), and a group resizes each thing in it.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* The selection shows its bounds with &amp;#039;&amp;#039;&amp;#039;eight handles&amp;#039;&amp;#039;&amp;#039;, with its width and height written beside them. Drag a handle to resize the selection on the grid; the opposite side stays where it is. A brush takes the new size into its shape (it is not scaled), and a group resizes each thing in it.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Hold {{Key|Ctrl}} to keep the proportions: it grows the same on all three axes, the depth too. Seen from above or below it stays standing on what it stands on.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Hold {{Key|Ctrl}} to keep the proportions: it grows the same on all three axes, the depth too. Seen from above or below it stays standing on what it stands on.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Hold {{Key|Alt}} to resize about the &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;centre&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Hold {{Key|Alt}} to resize about the &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;center&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Drag &amp;#039;&amp;#039;&amp;#039;inside the bounds&amp;#039;&amp;#039;&amp;#039; to move the selection in that view, a grid step at a time.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Drag &amp;#039;&amp;#039;&amp;#039;inside the bounds&amp;#039;&amp;#039;&amp;#039; to move the selection in that view, a grid step at a time.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &#039;&#039;&#039;Click the selection again&#039;&#039;&#039; to swap the handles for round rotate handles on the corners; drag one to turn the selection about its &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;centre &lt;/del&gt;in 15 degree steps. Click again for the resize handles.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &#039;&#039;&#039;Click the selection again&#039;&#039;&#039; to swap the handles for round rotate handles on the corners; drag one to turn the selection about its &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;center &lt;/ins&gt;in 15 degree steps. Click again for the resize handles.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* {{Key|Shift}} turns snapping off while you drag.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* {{Key|Shift}} turns snapping off while you drag.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wiki:diff:1.41:old-92:rev-501:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>TeamSpecBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.teamspec.net/index.php?title=Level_Editor/Viewport_and_camera&amp;diff=92&amp;oldid=prev</id>
		<title>TeamSpecBot: Level Editor: viewport, camera and four views page</title>
		<link rel="alternate" type="text/html" href="https://wiki.teamspec.net/index.php?title=Level_Editor/Viewport_and_camera&amp;diff=92&amp;oldid=prev"/>
		<updated>2026-10-20T03:46:45Z</updated>

		<summary type="html">&lt;p&gt;Level Editor: viewport, camera and four views page&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;The viewport is where you see and build the map. It can be one 3D view, or four views the way Hammer lays them out: one 3D view and three flat (2D) views from the top, the front and the side.&lt;br /&gt;
&lt;br /&gt;
== Moving the camera in a 3D view ==&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Do this !! To&lt;br /&gt;
|-&lt;br /&gt;
| Hold {{Key|Right mouse}} and move the mouse || Look around.&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|W}} {{Key|A}} {{Key|S}} {{Key|D}} || Fly forward, left, back and right.&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|E}} / {{Key|Q}} (or {{Key|Space}} for up) || Fly up / down.&lt;br /&gt;
|-&lt;br /&gt;
| Hold {{Key|Shift}} while flying || Fly three times faster.&lt;br /&gt;
|-&lt;br /&gt;
| Hold {{Key|Ctrl}} while flying || Fly at a fifth of the speed, for fine positioning.&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|Scroll wheel}} || Change how fast you fly (it does not zoom).&lt;br /&gt;
|-&lt;br /&gt;
| Double-click a row in the [[Level Editor/Panels/Scene tree|scene tree]] || Fly to that object.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;View &amp;gt; Focus Selection&amp;#039;&amp;#039;&amp;#039; || Frame the selection in every view.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;View &amp;gt; Reset Camera&amp;#039;&amp;#039;&amp;#039; || Go back to the starting camera position.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
The fly keys work while you hold the right mouse button, or after you have clicked in the view so it has the keyboard. All of them can be rebound under &amp;#039;&amp;#039;&amp;#039;Settings &amp;gt; Controls &amp;gt; Camera&amp;#039;&amp;#039;&amp;#039; (see [[Level Editor/Keyboard shortcuts|Keyboard shortcuts]]).&lt;br /&gt;
&lt;br /&gt;
{{Tip|The camera&amp;#039;s field of view is in [[Level Editor/Settings|Settings]] (&amp;#039;&amp;#039;&amp;#039;Camera FOV&amp;#039;&amp;#039;&amp;#039;, 70 degrees by default).}}&lt;br /&gt;
&lt;br /&gt;
== Turning a view ==&lt;br /&gt;
The keys act on the view under the mouse; the View menu items act on the view you last worked in.&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! View&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|Numpad 5}} || Perspective (switches a view back to 3D)&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|Numpad 7}} / {{Key|Ctrl}}+{{Key|Numpad 7}} || Top / Bottom&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|Numpad 1}} / {{Key|Ctrl}}+{{Key|Numpad 1}} || Front / Back&lt;br /&gt;
|-&lt;br /&gt;
| {{Key|Numpad 3}} / {{Key|Ctrl}}+{{Key|Numpad 3}} || Right / Left&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{{Key|F9}} steps through the display modes of [[Level Editor/Menus/View#Viewport Rendering window|Viewport Rendering]]: Normal, Fullbright, Lighting Only, Overdraw, Wireframe and Normals.&lt;br /&gt;
&lt;br /&gt;
== Four views ==&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;View &amp;gt; Layout: Four Views&amp;#039;&amp;#039;&amp;#039; splits the viewport into four: the 3D view top left, &amp;#039;&amp;#039;&amp;#039;Top&amp;#039;&amp;#039;&amp;#039; (looking down) top right, &amp;#039;&amp;#039;&amp;#039;Front&amp;#039;&amp;#039;&amp;#039; bottom left and &amp;#039;&amp;#039;&amp;#039;Side&amp;#039;&amp;#039;&amp;#039; bottom right. &amp;#039;&amp;#039;&amp;#039;View &amp;gt; Layout: Single View&amp;#039;&amp;#039;&amp;#039; goes back to one.&lt;br /&gt;
* Drag the splitters to resize the views. The column and row splitters move together.&lt;br /&gt;
* {{Key|Ctrl}}+{{Key|Space}} over a view fills the window with it; press it again to get the four back. The same is &amp;#039;&amp;#039;&amp;#039;View &amp;gt; Maximize Pane&amp;#039;&amp;#039;&amp;#039; (only available with four views).&lt;br /&gt;
* The layout, what each view shows and the splitter positions are remembered the next time you open the editor.&lt;br /&gt;
&lt;br /&gt;
=== The corner menu ===&lt;br /&gt;
Every view has a menu in its corner, showing the view&amp;#039;s name. It sets:&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;What it shows:&amp;#039;&amp;#039;&amp;#039; Perspective, Top, Bottom, Front, Back, Left or Right.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;How it draws:&amp;#039;&amp;#039;&amp;#039; Wireframe, Shaded or Unshaded.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;The cut&amp;#039;&amp;#039;&amp;#039; (2D views only): Clip to Selection, Slice to Selection and Clear Clip. See [[#Seeing inside buildings|below]].&lt;br /&gt;
&lt;br /&gt;
== The 2D views ==&lt;br /&gt;
Every view except Perspective is a flat view along one axis. A 2D view draws the whole map, however deep, in &amp;#039;&amp;#039;&amp;#039;wireframe&amp;#039;&amp;#039;&amp;#039; by default: brushes as their edges, the selected ones in red. Behind it is a grid at the editor&amp;#039;s grid step, with a stronger line every 8 steps and teal lines through the origin. When lines would crowd closer than a few pixels the grid shows every other line, then only the strong ones. The corner shows the current grid step.&lt;br /&gt;
&lt;br /&gt;
* Pan with the {{Key|Right mouse}} or {{Key|Middle mouse}} button.&lt;br /&gt;
* The {{Key|Scroll wheel}} zooms in and out around the mouse.&lt;br /&gt;
* The arrow keys nudge the selection one grid step in that view.&lt;br /&gt;
&lt;br /&gt;
=== Editing in a 2D view ===&lt;br /&gt;
With the [[Level Editor/Tools/Move, Rotate and Scale|Move, Rotate or Scale]] tool:&lt;br /&gt;
* The selection shows its bounds with &amp;#039;&amp;#039;&amp;#039;eight handles&amp;#039;&amp;#039;&amp;#039;, with its width and height written beside them. Drag a handle to resize the selection on the grid; the opposite side stays where it is. A brush takes the new size into its shape (it is not scaled), and a group resizes each thing in it.&lt;br /&gt;
** Hold {{Key|Ctrl}} to keep the proportions: it grows the same on all three axes, the depth too. Seen from above or below it stays standing on what it stands on.&lt;br /&gt;
** Hold {{Key|Alt}} to resize about the centre.&lt;br /&gt;
* Drag &amp;#039;&amp;#039;&amp;#039;inside the bounds&amp;#039;&amp;#039;&amp;#039; to move the selection in that view, a grid step at a time.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Click the selection again&amp;#039;&amp;#039;&amp;#039; to swap the handles for round rotate handles on the corners; drag one to turn the selection about its centre in 15 degree steps. Click again for the resize handles.&lt;br /&gt;
* {{Key|Shift}} turns snapping off while you drag.&lt;br /&gt;
&lt;br /&gt;
Other tools in a 2D view:&lt;br /&gt;
* [[Level Editor/Tools/Box|Box]]: drag a rectangle and the box is made at once, with a depth from what you started on. See the Box page for the rules.&lt;br /&gt;
* [[Level Editor/Tools/Edit Vertex and Edge|Edit Vertex]]: one handle stands for every vertex under it, front and back, so dragging a box&amp;#039;s top corner down in the Front view makes a wedge in one move.&lt;br /&gt;
* [[Level Editor/Tools/Clip|Clip]]: drag a line across the selected brushes to cut them, as Hammer&amp;#039;s clipper does.&lt;br /&gt;
* [[Level Editor/Tools/Ruler and Cordon|Ruler and Cordon]]: measure, or drag the cordon box.&lt;br /&gt;
&lt;br /&gt;
=== Seeing inside buildings ===&lt;br /&gt;
A 2D view can be &amp;#039;&amp;#039;&amp;#039;cut&amp;#039;&amp;#039;&amp;#039; so it draws only what lies at or behind the cut. In the Top view, cut just under a roof to see the room below it.&lt;br /&gt;
* {{Key|Ctrl}}+{{Key|Scroll wheel}} over the view moves the cut one grid step. Scrolling past the top of the map draws everything again.&lt;br /&gt;
* The &amp;#039;&amp;#039;&amp;#039;bar on the view&amp;#039;s right edge&amp;#039;&amp;#039;&amp;#039; does the same with a slider; its top draws everything, and the label shows where the cut is (&amp;#039;&amp;#039;All&amp;#039;&amp;#039; when there is none).&lt;br /&gt;
* {{Key|W}} and {{Key|S}} move the cut smoothly while the view is cut.&lt;br /&gt;
* The &amp;#039;&amp;#039;&amp;#039;slice&amp;#039;&amp;#039;&amp;#039; sets how deep behind the cut the view draws, so floors below stay out of the way. {{Key|Ctrl}}+{{Key|Shift}}+{{Key|Scroll wheel}} makes it one grid step thicker or thinner; the bar shows it (&amp;#039;&amp;#039;all&amp;#039;&amp;#039; when everything behind the cut is drawn).&lt;br /&gt;
* In the corner menu: &amp;#039;&amp;#039;&amp;#039;Clip to Selection&amp;#039;&amp;#039;&amp;#039; cuts just in front of the selection, &amp;#039;&amp;#039;&amp;#039;Slice to Selection&amp;#039;&amp;#039;&amp;#039; shows only the selection&amp;#039;s depth (select a storey&amp;#039;s floor and walls to see that storey alone), and &amp;#039;&amp;#039;&amp;#039;Clear Clip&amp;#039;&amp;#039;&amp;#039; shows everything again.&lt;br /&gt;
&lt;br /&gt;
What a cut hides cannot be clicked.&lt;br /&gt;
&lt;br /&gt;
== What the views draw ==&lt;br /&gt;
The [[Level Editor/Menus/View|View menu]] decides which kinds of things are drawn in every view (collision brushes, zones, nav volumes, water volumes, prop collision, player figures, the 3D skybox) and how the map is lit in the editor ([[Level Editor/Menus/View#Viewport Rendering window|Viewport Rendering]]). None of it changes the map itself.&lt;br /&gt;
&lt;br /&gt;
== Related pages ==&lt;br /&gt;
* [[Level Editor/Selecting and hiding|Selecting and hiding]]&lt;br /&gt;
* [[Level Editor/Panels/Snapping|Snapping]]&lt;br /&gt;
* [[Level Editor/Keyboard shortcuts|Keyboard shortcuts]]&lt;br /&gt;
&lt;br /&gt;
{{Level Editor nav}}&lt;br /&gt;
&lt;br /&gt;
[[Category:Level Editor]]&lt;br /&gt;
[[Category:Level Editor panels]]&lt;/div&gt;</summary>
		<author><name>TeamSpecBot</name></author>
	</entry>
</feed>