
<!DOCTYPE html
  PUBLIC "html5" "about:legacy-compat">
<html xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="copyright" content="(C) Copyright 2012"/>
<meta name="DC.rights.owner" content="(C) Copyright 2012"/>
<meta name="DC.Type" content="task"/>
<meta name="DC.Title" content="Navigating the Viewport"/>
<meta name="abstract" content="The viewport is the main Composer pane. It displays the 3D scene, which is the stage for all Composer actors (geometry, collaboration, camera, lighting, and so on). The viewport lets you visualize one or more models in the same window or in separate windows using the multi-document interface with document tabs."/>
<meta name="description" content="The viewport is the main Composer pane. It displays the 3D scene, which is the stage for all Composer actors (geometry, collaboration, camera, lighting, and so on). The viewport lets you visualize one or more models in the same window or in separate windows using the multi-document interface with document tabs."/>
<meta name="DC.Relation" scheme="URI" content="cps-t-GettingStarted-PropertiesManage.htm#cps-t-GettingStarted-PropertiesManage"/>
<meta name="DC.Format" content="XHTML"/>
<meta name="DC.Identifier" content="cps-t-GettingStarted-ViewportNavigate"/>
<meta name="DC.Language" content="en"/>
<link rel="stylesheet" type="text/css" href="../DSDocXML.css"/>
<title xmlns:mml="http://www.w3.org/1998/Math/MathML">Navigating the Viewport</title>
<script xmlns:mml="http://www.w3.org/1998/Math/MathML" type="text/javascript" src="../DSDocHighlight.js">
  	/* */
  	</script></head>
<body onLoad="highlightSearchTerms();" id="cps-t-GettingStarted-ViewportNavigate">
<a xmlns:mml="http://www.w3.org/1998/Math/MathML" name="hj-top"> </a><table xmlns:mml="http://www.w3.org/1998/Math/MathML" class="table1" id="table11"><tr><td><table class="DocHeader"><tr><td class="DocHeader1" colspan="2"><h1>Navigating the Viewport</h1></td></tr><tr><td class="DocHeader4" colspan="2"/></tr><tr><td class="DocHeader3"><table class="DocHeaderIntro" id="table12"><tr><td class="Intro1Only"><p class="header"><p class="abstract"><span class="shortdesc">The viewport is the main Composer pane. It displays the 3D scene, which is the stage for all Composer actors (geometry, collaboration, camera, lighting, and so on). The viewport lets you visualize one or more models in the same window or in separate windows using the multi-document interface with document tabs.</span>
<p>Note:
    	Viewport navigation affects all 3D actors but not 2D actors such as the four 2D panels in 
<span class="ph filepath">toolbox.smg</span>.

</p>
</p>

</p></td></tr></table></td><td class="DocHeader2"><table class="DocTopics" id="table13"><tr><td class="TopicsTitle">Related Topics</td></tr><tr><td><a href="cps-t-GettingStarted-PropertiesManage.htm#cps-t-GettingStarted-PropertiesManage" class="link" title="All actors and the viewport background have properties that define their characteristics, such as color and opacity.">Managing Properties</a></td></tr></table></td></tr></table>

<div class="body taskbody"><ol class="ol steps"><li class="stepexpand"><p class="li step">
Drag the 
<span class="ph uicontrol">initial</span> view to the viewport.<p> 
<p>Note:
		If a message appears that the view has changed, click 
<span class="ph uicontrol">Don't Save</span>. In this tutorial, always click 
<span class="ph uicontrol">Don't Save</span> unless instructed otherwise.</p>

</p></p></li>
<li class="stepexpand"><p class="li step">
Zoom in and out to change the scale of viewport actors.
<table border="1" frame="hsides" rules="rows" cellpadding="4" cellspacing="0" summary="" class="simpletable choicetable choicetableborder">
<thead><tr><th valign="bottom" align="left" id="d227232e36-option">To zoom...</th>
<th valign="bottom" align="left" id="d227232e36-desc">Do this...</th></tr></thead>
<tbody>
<tr class="strow chrow"><td valign="top" headers="d227232e36-option" id="d227232e44" class="stentry choption"><strong>a portion of the viewport</strong></td>
	<td valign="top" headers="d227232e36-desc d227232e44" class="stentry chdesc">Move the pointer to the area of interest and roll the mouse wheel.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e36-option" id="d227232e50" class="stentry choption"><strong>by moving the camera instead of moving the focal point</strong></td>
	<td valign="top" headers="d227232e36-desc d227232e50" class="stentry chdesc">Press both left and right mouse buttons and drag the mouse up or down in the viewport.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e36-option" id="d227232e56" class="stentry choption"><strong>to an actor</strong></td>
	<td valign="top" headers="d227232e36-desc d227232e56" class="stentry chdesc">Double-click the actor.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e36-option" id="d227232e62" class="stentry choption"><strong>to fit the entire model</strong></td>
	<td valign="top" headers="d227232e36-desc d227232e62" class="stentry chdesc">Double-click the viewport background.

</td>
</tr>
</tbody></table>
</p></li>
<li class="stepexpand"><p class="li step">
Rotate actors in the viewport.
<table border="1" frame="hsides" rules="rows" cellpadding="4" cellspacing="0" summary="" class="simpletable choicetable choicetableborder">
<thead><tr><th valign="bottom" align="left" id="d227232e70-option">To rotate...</th>
<th valign="bottom" align="left" id="d227232e70-desc">Do this...</th></tr></thead>
<tbody>
<tr class="strow chrow"><td valign="top" headers="d227232e70-option" id="d227232e78" class="stentry choption"><strong>the model</strong></td>
	<td valign="top" headers="d227232e70-desc d227232e78" class="stentry chdesc">Right-click the viewport background and drag. By default, rotation is relative to the vertical axis.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e70-option" id="d227232e84" class="stentry choption"><strong>about a point on the model</strong></td>
	<td valign="top" headers="d227232e70-desc d227232e84" class="stentry chdesc">Right-click an actor and drag. The rotation is around the red dot 
<img class="image" src="../Icons3DVIA/I_CPSRotatePoint.png"/>.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e70-option" id="d227232e92" class="stentry choption"><strong>freely, without respect to the orientation of the vertical axis</strong></td>
	<td valign="top" headers="d227232e70-desc d227232e92" class="stentry chdesc">Press 
<span class="ph uicontrol">Ctrl</span>, hold down the right mouse button, and drag.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e70-option" id="d227232e101" class="stentry choption"><strong>the viewpoint from which you observe the model</strong></td>
	<td valign="top" headers="d227232e70-desc d227232e101" class="stentry chdesc">Press 
<span class="ph uicontrol">Shift</span>, hold down the right mouse button, and drag.</td>
</tr>
<tr class="strow chrow"><td valign="top" headers="d227232e70-option" id="d227232e110" class="stentry choption"><strong>the model about the clicked point 
<img class="image" src="../Icons3DVIA/I_CPSRotatePoint.png"/> or center of the viewport</strong></td>
	<td valign="top" headers="d227232e70-desc d227232e110" class="stentry chdesc">Press 
<span class="ph uicontrol">Alt</span>, hold down the right mouse button, and drag.</td>
</tr>
</tbody></table>
</p></li>
<li class="stepexpand"><p class="li step">
To pan the viewport, click the mouse wheel button in the viewport and drag.</p></li>
<li class="stepexpand"><p class="li step">

Click the compass 
<img class="image" src="../CpsUserImages/Compass.png"/> in the upper-right corner of the viewport.<p> 

<p>The compass provides a quick way to view your model's x, y, and z planes. Click other axes and faces of the compass to change the orientation.</p>
</p></p></li>
<li class="stepexpand"><p class="li step">On the ribbon, click 
<span class="ph uicontrol">Home &gt; Navigate &gt; Align Camera</span> 
<img class="image" src="../Icons3DVIA/I_CPSNavigateAlignmentOnFacet.png"/> 
<span class="ph uicontrol">&gt; 3/4 X+ Y+ Z+ 
<img class="image" src="../Icons3DVIA/I_CPSAlignmentPlusPlusPlus.png"/></span>.<p> 
<p>
The viewport rotates and zooms to a standard orthographic camera view.
</p>
<p>
<table class="Remark" id="table132"><tr><td class="Remark"><span class="run-in">Tip:
				</span> You can create custom camera views from the  Viewport default document properties. See
<a class="xref" href="cps-r-DocumentProperties-Viewport.htm#cps-r-DocumentProperties-Viewport" title="The Viewport page lets you manage viewport settings.">Viewport</a> 
</td></tr></table>
</p></p></p></li>
<li class="stepexpand"><p class="li step">In the status bar (lower-right corner of the Composer window), click 
<span class="ph uicontrol">Camera Perspective Mode</span> 
<img class="image" src="../Icons3DVIA/I_CPSNavigatePerspectiveMode.png"/>.<p> 
<p>This command toggles the viewport between perspective and orthogonal projection modes. In perspective mode, actor sizes depend on their distance from the camera viewpoint. 
Orthogonal mode eliminates the effect of distance from the viewpoint (actor sizes remain constant).</p></p></p></li>
<li class="stepexpand"><p class="li step">
Click 
<span class="ph uicontrol">Camera Perspective Mode</span> 
<img class="image" src="../Icons3DVIA/I_CPSNavigatePerspectiveMode.png"/> again to turn off perspective mode.</p></li>
<li class="stepexpand"><p class="li step">


In the status bar, click 
<span class="ph uicontrol">Show Paper</span> 
<img class="image" src="../Icons3DVIA/I_CPSShowPaper.png" title="Show Paper"/>.<p> 

<p>
Blue borders appear in the viewport to show paper margins. Defining paper size ensures that all users have the same Composer experience independent of device and resolution differences. See <a class="xref" href="cps-r-DocumentProperties-PaperSpace.htm#cps-r-DocumentProperties-PaperSpace" title="The Paper Space page lets you configure the margins and orientation of the paper space.">Paper Space</a>.</p>
</p></p></li>
<li class="stepexpand"><p class="li step">
In the status bar, drag the 
<span class="ph uicontrol">Zoom Paper</span> slider.<p> 

<p>Zooming the paper space resizes all actors, including 2D panels. For example, you can zoom in to read text. You can also zoom the paper space by pressing 
<span class="ph uicontrol">Ctrl</span> while rolling the mouse wheel, and you can pan the paper space by pressing 
<span class="ph uicontrol">Ctrl</span> while panning the viewport.
</p>
</p></p></li>
<li class="stepexpand"><p class="li step">In the status bar, click 
<span class="ph uicontrol">Fit Paper to Viewport</span> 
<img class="image" src="../Icons3DVIA/I_CPSFitPaper.png"/> to reset the paper.</p></li>
</ol>
</div>
<div class="related-links"/>
</td></tr></table><script xmlns:mml="http://www.w3.org/1998/Math/MathML" type="text/javascript" src="../DSDocStats.js">/* */</script></body>
</html>