<?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 = "Composer lets you animate your models."/><meta name = "description" content = "Composer lets you animate your models."/><meta name = "DC.format" content = "HTML5"/><meta name = "DC.identifier" content = "cps-t-GettingStarted-AnimationsUse"/><meta name = "DC.language" content = "en"/><link rel = "stylesheet" type = "text/css" href = "../DSDocUI_XML34.css"/><title>Using Animations</title>
<script type = "text/javascript" src = "../DSDocUI_Highlight34.js">
  	/* */
  	</script></head><body onLoad = "highlightSearchTerms();" id = "cps-t-GettingStarted-AnimationsUse">
<a name = "hj-top"> </a><table 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"><section><ol class = "ol steps"><li class = "li step stepexpand">
Drag the 
<span class = "ph uicontrol">initial</span> view to the viewport.</li><li class = "li step stepexpand">Click 
<span class = "ph menucascade"><span class = "ph uicontrol">Home</span><abbr title = "and then"> &gt; </abbr><span class = "ph uicontrol">Show/Hide</span><abbr title = "and then"> &gt; </abbr><span class = "ph uicontrol">Animation</span></span> <img class = "image" src = "../Icons3DVIA/I_CPSAnimation.png"/>.<div class = "itemgroup stepresult">
<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">Tip:
				</span><span class = "notecontent"> 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.</span></td></tr></table>
</p></div></li><li class = "li step stepexpand">
In the Timeline toolbar, click 
<span class = "ph uicontrol">Play/Pause</span> 
<img class = "image" src = "../Icons3DVIA/I_CPSAnimatePlay.png"/>.<div class = "itemgroup stepresult">
<p>A 10-second animation plays in the viewport.</p>
</div></li><li class = "li step stepexpand">
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.</li><li class = "li step stepexpand">
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.</li><li class = "li step stepexpand">
Drag the timebar (the vertical line in the Timeline pane) to move to different points in the animation.</li><li class = "li step stepexpand">
Move the timebar to time=12 seconds.</li><li class = "li step stepexpand">
In the viewport, select the 
<span class = "ph uicontrol">Base Extrude</span> part.</li><li class = "li step stepexpand">In the Timeline pane, click 
<span class = "ph uicontrol">Set Location Key</span> 
<img class = "image" src = "../Icons3DVIA/I_CPSAnimateSetLocationKeys.png"/>.<div class = "itemgroup stepresult">

<p>This creates a location key that captures the position of the actor at time=12.
</p></div></li><li class = "li step stepexpand">
Drag the timebar to time=15.</li><li class = "li step stepexpand">
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"/>.</li><li class = "li step stepexpand">
Click 
<span class = "ph uicontrol">Play/Pause</span> 
<img class = "image" src = "../Icons3DVIA/I_CPSAnimatePlay.png"/> to play the animation from the beginning.<div class = "itemgroup stepresult">
<p>The animation is now 15 seconds long with the last three seconds moving 
<span class = "ph uicontrol">Base Extrude</span>.</p>
</div></li><li class = "li step stepexpand">Click 
<span class = "ph menucascade"><span class = "ph uicontrol">File</span><abbr title = "and then"> &gt; </abbr><span class = "ph uicontrol">Exit Composer</span></span> and click 
<span class = "ph uicontrol">No</span> to exit without saving.</li></ol></section><p class = "result">You have completed the Composer Getting Started topics.</p></div>
</td></tr></table><script type = "text/javascript" src = "../DSDocUI_Bottom34.js">/* */</script></body>
</html>
