<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html
  SYSTEM "about:legacy-compat">
<html xmlns:mml = "http://www.w3.org/1998/Math/MathML" lang = "en"><head><meta charset = "UTF-8"/><meta name = "copyright" content = "(C) Copyright 2020"/><meta name = "DC.rights.owner" content = "(C) Copyright 2020"/><meta name = "DC.type" content = "task"/><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 = "HTML5"/><meta name = "DC.identifier" content = "cps-t-GettingStarted-ViewportNavigate"/><meta name = "DC.language" content = "en"/><link rel = "stylesheet" type = "text/css" href = "../DSDocUI_XML34.css"/><title>Navigating the Viewport</title>
<script type = "text/javascript" src = "../DSDocUI_Highlight34.js">
  	/* */
  	</script></head><body onLoad = "highlightSearchTerms();" id = "cps-t-GettingStarted-ViewportNavigate">
<a name = "hj-top"> </a><table 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>
<div class = "note collapse"><span class = "run-in.note">Note:
    		</span><span class = "notecontent">Viewport navigation affects all 3D actors but not 2D actors such as the four 2D panels in 
<span class = "ph filepath filepath">toolbox.smg</span>.

</span></div>
</p>

</p></td></tr></table></td><td class = "DocHeader2"><table class = "DocTopicsSeeAlso" id = "table13"><tr><td class = "TopicsTitle">See Also</td></tr><tr><td><a title = "All actors and the viewport background have properties that define their characteristics, such as color and opacity." href = "cps-t-GettingStarted-PropertiesManage.htm#cps-t-GettingStarted-PropertiesManage">Managing Properties</a></td></tr></table></td></tr></table>
<div class = "body taskbody"><section><ol class = "ol steps"><li class = "li step stepexpand">
Drag the 
<span class = "ph uicontrol">initial</span> view to the viewport.<div class = "itemgroup stepresult">
<div class = "note collapse"><span class = "run-in.note">Note:
    		</span><span class = "notecontent">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.</span></div>

</div></li><li class = "li step stepexpand">
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"><colgroup><col style = "width:50%"/><col style = "width:50%"/></colgroup><thead><tr class = "sthead chhead"><th scope = "col" class = "stentry choptionhd" style = "vertical-align:bottom;text-align:left;">To zoom...</th><th scope = "col" class = "stentry chdeschd" style = "vertical-align:bottom;text-align:left;">Do this...</th></tr></thead><tbody><tr class = "strow chrow"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">a portion of the viewport</th>	<td style = "vertical-align:top;" class = "stentry chdesc">Move the pointer to the area of interest and roll the mouse wheel.</td></tr><tr class = "strow chrow"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">by moving the camera instead of moving the focal point</th>	<td style = "vertical-align:top;" 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"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">to an actor</th>	<td style = "vertical-align:top;" class = "stentry chdesc">Double-click the actor.</td></tr><tr class = "strow chrow"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">to fit the entire model</th>	<td style = "vertical-align:top;" class = "stentry chdesc">Double-click the viewport background.

</td></tr></tbody></table></li><li class = "li step stepexpand">
Rotate actors in the viewport.<table border = "1" frame = "hsides" rules = "rows" cellpadding = "4" cellspacing = "0" summary = "" class = "simpletable choicetable choicetableborder"><colgroup><col style = "width:50%"/><col style = "width:50%"/></colgroup><thead><tr class = "sthead chhead"><th scope = "col" class = "stentry choptionhd" style = "vertical-align:bottom;text-align:left;">To rotate...</th><th scope = "col" class = "stentry chdeschd" style = "vertical-align:bottom;text-align:left;">Do this...</th></tr></thead><tbody><tr class = "strow chrow"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">the model</th>	<td style = "vertical-align:top;" 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"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">about a point on the model</th>	<td style = "vertical-align:top;" 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"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">freely, without respect to the orientation of the vertical axis</th>	<td style = "vertical-align:top;" class = "stentry chdesc">Press 
<span class = "ph uicontrol">Ctrl</span>, hold down the right mouse button, and drag.</td></tr><tr class = "strow chrow"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">the viewpoint from which you observe the model</th>	<td style = "vertical-align:top;" class = "stentry chdesc">Press 
<span class = "ph uicontrol">Shift</span>, hold down the right mouse button, and drag.</td></tr><tr class = "strow chrow"><th style = "vertical-align:top;" scope = "row" class = "stentry choption">the model about the clicked point 
<img class = "image" src = "../Icons3DVIA/I_CPSRotatePoint.png"/> or center of the viewport</th>	<td style = "vertical-align:top;" class = "stentry chdesc">Press 
<span class = "ph uicontrol">Alt</span>, hold down the right mouse button, and drag.</td></tr></tbody></table></li><li class = "li step stepexpand">
To pan the viewport, click the mouse wheel button in the viewport and drag.</li><li class = "li step stepexpand">

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

<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>
</div></li><li class = "li step stepexpand">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>.<div class = "itemgroup stepresult">
<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">Tip:
				</span><span class = "notecontent"> 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> 
</span></td></tr></table>
</p></div></li><li class = "li step stepexpand">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"/>.<div class = "itemgroup stepresult">
<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></div></li><li class = "li step stepexpand">
Click 
<span class = "ph uicontrol">Camera Perspective Mode</span> 
<img class = "image" src = "../Icons3DVIA/I_CPSNavigatePerspectiveMode.png"/> again to turn off perspective mode.</li><li class = "li step stepexpand">


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

<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>
</div></li><li class = "li step stepexpand">
In the status bar, drag the 
<span class = "ph uicontrol">Zoom Paper</span> slider.<div class = "itemgroup stepresult">

<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>
</div></li><li class = "li step stepexpand">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.</li></ol></section></div>
<div class = "related-links"/></td></tr></table><script type = "text/javascript" src = "../DSDocUI_Bottom34.js">/* */</script></body>
</html>
