
<!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="Using Animations"/>
<meta name="abstract" content="Composer lets you animate your models."/>
<meta name="description" content="Composer lets you animate your models."/>
<meta name="DC.Format" content="XHTML"/>
<meta name="DC.Identifier" content="cps-t-GettingStarted-AnimationsUse"/>
<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">Using Animations</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-AnimationsUse">
<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>Using Animations</h1></td></tr><tr><td class="DocHeader4" colspan="2"/></tr><tr><td class="DocHeader3" colspan="2"><table class="DocThemeIntro" id="table12"><tr><td class="Intro1Only"><p class="header"><p class="abstract"><span class="shortdesc">
Composer lets you animate your models.</span>
</p>

</p></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></li>
<li class="stepexpand"><p class="li step">Click 
<span class="ph menucascade"><span class="ph uicontrol">Home</span> &gt; <span class="ph uicontrol">Show/Hide</span> &gt; <span class="ph uicontrol">Animation</span></span> <img class="image" src="../Icons3DVIA/I_CPSAnimation.png"/>.<p> 
<p>Composer switches from view mode to animation mode and displays the Timeline pane at the bottom of the window. The viewport 
is empty at the beginning of the animation (time=0).</p>
<p>
<table class="Remark" id="table132"><tr><td class="Remark"><span class="run-in">Tip:
				</span> You can also switch between view and animation modes by clicking the icon (

<img class="image" src="../Icons3DVIA/I_CPSCameraPhoto.png" title="View Mode"/>
 or 

<img class="image" src="../Icons3DVIA/I_CPSCameraVideo.png" title="Animation Mode"/>
) in the upper-left corner of the viewport.</td></tr></table>
</p></p></p></li>
<li class="stepexpand"><p class="li step">
In the Timeline toolbar, click 
<span class="ph uicontrol">Play/Pause</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimatePlay.png"/>.<p> 
<p>A 10-second animation plays in the viewport.</p>
</p></p></li>
<li class="stepexpand"><p class="li step">
If the animation begins replaying, click 
<span class="ph uicontrol">Stop</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimateStop.png"/> and then click 
<span class="ph uicontrol">Loop Play Mode</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimatePlayLoopMode.png"/> to turn off continuous play mode.</p></li>
<li class="stepexpand"><p class="li step">
Use the other animation controls (
<span class="ph uicontrol">Previous Key</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimatePreviousKey.png"/>, 
<span class="ph uicontrol">Previous Frame</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimatePreviousFrame.png"/>, and so on) to move to different points in the animation.</p></li>
<li class="stepexpand"><p class="li step">
Drag the timebar (the vertical line in the Timeline pane) to move to different points in the animation.</p></li>
<li class="stepexpand"><p class="li step">
Move the timebar to time=12 seconds.</p></li>
<li class="stepexpand"><p class="li step">
In the viewport, select the 
<span class="ph uicontrol">Base Extrude</span> part.</p></li>
<li class="stepexpand"><p class="li step">In the Timeline pane, click 
<span class="ph uicontrol">Set Location Key</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimateSetLocationKeys.png"/>.<p> 

<p>This creates a location key that captures the position of the actor at time=12.
</p></p></p></li>
<li class="stepexpand"><p class="li step">
Drag the timebar to time=15.</p></li>
<li class="stepexpand"><p class="li step">
Using 
<span class="ph uicontrol">Free Dragging</span> 
<img class="image" src="../Icons3DVIA/I_CPSTransformFreeDragging.png" title="Free Dragging"/> mode, drag 
<span class="ph uicontrol">Base Extrude</span> to a new location, and then click 
<span class="ph uicontrol">Set Location Key</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimateSetLocationKeys.png"/>.</p></li>
<li class="stepexpand"><p class="li step">
Click 
<span class="ph uicontrol">Play/Pause</span> 
<img class="image" src="../Icons3DVIA/I_CPSAnimatePlay.png"/> to play the animation from the beginning.<p> 
<p>The animation is now 15 seconds long with the last three seconds moving 
<span class="ph uicontrol">Base Extrude</span>.</p>
</p></p></li>
<li class="stepexpand"><p class="li step">Click 
<span class="ph menucascade"><span class="ph uicontrol">File</span> &gt; <span class="ph uicontrol">Exit Composer</span></span> and click 
<span class="ph uicontrol">No</span> to exit without saving.</p></li>
</ol>
<p class="result">You have completed the Composer Getting Started topics.</p></div>

</td></tr></table><script xmlns:mml="http://www.w3.org/1998/Math/MathML" type="text/javascript" src="../DSDocStats.js">/* */</script></body>
</html>