# Animation Time Line SimLab Composer is able to Import Rigid and flexible (Joints-based rigged) bodies animations as well as create animation for objects in the animation timeline through several tools. To access the Animation timeline, open the **Animation Tab** in the library panel at the bottom of SimLab Composer. [![Access_animation.jpg](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/access-animation.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/access-animation.jpg) --- #### Animation Timeline User Interface [![TimeLine_layout3.jpg](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/timeline-layout3.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/timeline-layout3.jpg) **1. Animation Keyframes Creation tools**
[![AutoKeyframe.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/autokeyframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/autokeyframe.png) Auto KeyWhen toggled, any change in transformation for objects is recorded as a keyframe automatically when the current key frame is other than 0.
[![CaptureObject2.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/captureobject2.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/captureobject2.png)Capture object keyframeCaptures a keyframe with the selected object's transformation at its current state.
[![CaptureObject.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/captureobject.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/captureobject.png)Capture camera keyframeCaptures a keyframe for the active camera's transformation and view.
[![Show_object.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/show-object.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/show-object.png)Show ObjectToggles on the visibility of the selected object during animation.
[![Hide.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/hide.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/hide.png)Hide ObjectToggles off the visibility of the selected object during animation.
[![RecordDirector.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/recorddirector.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/recorddirector.png)Director RecordCaptures the camera's live movement in the scene as a sequence of keyframes along the animation range.
**2. Keyframes Management tools**
[![gotoPrevious.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/gotoprevious.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/gotoprevious.png)Go to the previous keyframeMoves the current time slider to the previous keyframe.
[![gotoNext.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/gotonext.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/gotonext.png)Go to the next keyframeMoves the current time slider to the next keyframe.
[![SelectAllkeys.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/selectallkeys.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/selectallkeys.png)Select all keyframesSelects all keyframes and generated animations in the timeline.
[![Collapse_group.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/collapse-group.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/collapse-group.png)Group keyframesGroup selected keyframes into a single group element.
[![ExpandFrames.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/expandframes.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/expandframes.png)Break GroupBreaks a group into keyframes.
[![MoveFrame.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/moveframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/moveframe.png)Move keyframeMoves the selected keyframes to a specific frame.
[![CopyFrame.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/copyframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/copyframe.png)Copy keyframeCopies and moves the selected keyframe to a specific frame.
[![DeleteFrame.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/deleteframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/deleteframe.png)Delete selected keyframeDeletes the selected keyframes from the timeline.
[![DeleteAllanimation.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/deleteallanimation.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/deleteallanimation.png)Delete allDeletes all keyframes from the timeline.
**3. Animation Sequences tools**
[![Create Sequence.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/create-sequence.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/create-sequence.png)Create Animation SequenceConverts the selected keyframes in the timeline to an Animation Sequence.
[![SequencesList.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/sequenceslist.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/sequenceslist.png)Show Animation Sequences listDisplays a list of all Animation Sequences where you can edit, modify their group or delete them.
**4. Generate Animation tools**
[![objectTurnTable.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/objectturntable.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/objectturntable.png)Round TableCreates an animation where an Object revolves up to 360 degrees around its center.
[![Follow_path.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/follow-path.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/follow-path.png)Follow PathAnimates an object along a path.
[![WheelAnimation.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/wheelanimation.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/wheelanimation.png)Wheel AnimationCreates a wheel animation of an object around a center point while determining the number of revolutions.
[![CamerTurnAround.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/camerturnaround.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/camerturnaround.png)Round TableCreates an animation where a Camera revolves up to 360 degrees around its center point of view.
[![HelicalCamera.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/helicalcamera.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/helicalcamera.png)HelicalCreates an animation where a Camera revolves up to 360 degrees around its center point of view while descending downwards.
**5. Capture Video**
[![Create Video FromView.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/create-video-fromview.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/create-video-fromview.png)Render View in VRRenders an animated camera as a sequence of images using the SimLab VR Viewer.
[![MovieMaker_1.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/moviemaker-1.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/moviemaker-1.png)Open Movie MakerOpens the Movie Maker, where you can compile a sequence of images into a single video file.
**6. Navigation Control**
[![GotoFirst.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/gotofirst.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/gotofirst.png)Go to first frameMoves the current time slider to the first frame in the animation range.
[![PlayReverse.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/playreverse.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/playreverse.png)Backward PlayPlays the animation in the timeline in reverse.
[![Play_pause.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/play-pause.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/play-pause.png)PlayPlays the animation in the timeline.
[![GotoLast.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/gotolast.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/gotolast.png)Go to last frameMoves the current time slider to the last frame in the animation range.
[![Scale.png](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scaled-1680-/scale.png)](https://help.simlab-soft.com/uploads/images/gallery/2021-12/scale.png)Scale timelineScales up and translates all the keyframes in the timeline.
[![StartRange.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/startrange.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/startrange.png)Start of Animation RangeSets the start of the animation range by being dragged to a specific frame or by double-clicking and entering the value numerically.
[![CUrrentTime slider.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/currenttime-slider.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/currenttime-slider.png)Current Time SliderSets the current time in the animation timeline by being dragged to a specific frame or by double-clicking and entering the value numerically.
[![EndRange.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/endrange.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/endrange.png)End of Animation RangeSets the end of the animation range by being dragged to a specific frame or by double-clicking and entering the value numerically.
--- ### Animation Creation To create Animation in Simlab Composer there are two methods that can be followed depending on the type of animation you want to create. You can either manually create the animation by transforming objects and capturing keyframes, or you can use object and camera tools to generate procedural animation such as wheel and path animation. Watch this tutorial to learn more about animation in SimLab Composer ##### 1. Animation through Capturing keyframes If the auto key button is toggled, all you need to do to animate an object is to move the current time indicator/slider to a frame other than 0, then move, rotate or scale the object (change its transformation) and 2 keyframes will be created, a keyframe at frame 0 to store its initial transformation, and the second key at the current time to store the new transformation. when playing the animation, an interpolation between the 2 keyframes will be automatically created and the object will transform from its initial state to the new state. [![AnimationExample.jpg](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/animationexample.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/animationexample.jpg)In this example, the car object was selected, and the current time slider was moved to frame 30, then the car was moved 2 meters, so 2 keyframes were created at frame 0 and frame 30 to denote the animation of the car In addition to the standard transformation animation, there are other attributes or elements you can animate, each with a different keyframe type representing it in the timeline.
[![TransformationKeyframe.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/transformationkeyframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/transformationkeyframe.png)Transformation KeyframeCreated when an object has a change of transformation ( rotation, location, scale) along the timeline.
[![Visibility.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/visibility.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/visibility.png)Visibility KeyframeCreated when an object has a change of visibility along the timeline using the "show and hide an object in animation" buttons
[![LightKeyframe.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/lightkeyframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/lightkeyframe.png)Light KeyframeCreated when light has one or more attributes (Color, power, Cone angle, etc) and changes a long timeline.
[![MaterialKeyframe.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/materialkeyframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/materialkeyframe.png)Material KeyframeCreated when a material attribute (texture, color, reflection, etc) changes along the timeline.
[![Camera_trans_Keyframe.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/camera-trans-keyframe.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/camera-trans-keyframe.png)Camera KeyframeCreated when a camera has a change of transformation ( position, target) along the timeline, either through capturing or using the director record tool.
##### 2. Automatic Camera and Object Animation SimLab Composer has several tools that enable you to automatically create a procedural animation for an object or a camera without manually adjusting the time slider and changing the object's transformation. These tools can be accessed from the Object animation and the Camera animations menu at the top of the timeline panel. [![AnimationMenus2.jpg](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/animationmenus2.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/animationmenus2.jpg) When an object or a camera is selected and one of those tools is clicked, a dialogue will appear to set the parameters for the automatic animation that is to be generated. [![RoundDialog.jpg](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/rounddialog.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/rounddialog.jpg) This is an example of an animation dialogue that appears when the user selects the round table animation. In this dialogue, the user has to specify the start frame and the end frame, as well as the angle of rotation for the object or the camera. [![RoundTableAnimation.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/roundtableanimation.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/roundtableanimation.png) The Round table animation will be represented as a single block instead of multiple keyframes, since it *cannot* be modified manually but rather through its attributes that appear in the panel to the right. --- ##### Keyframes interpolation (Ease in and Ease out) Animation in SimLab Composer has a linear interpolation by default, which means that objects or attributes are animated at a constant speed throughout the animation range, however, there is a way to change the interpolation of animation by setting the keyframes interpolation to ease-in or ease-out interpolation. [![Prop1.jpg](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/prop1.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/prop1.jpg) To change a keyframe interpolation, **Select the keyframe**, and from the **Properties panel** to the right, open the interpolation drop-down menu and select ease in, ease out, or auto ease. [![Prop2.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/prop2.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/prop2.png) To change the interpolation for an object or a camera's automatic animation, **Select animation block**, and from the **Properties panel** to the right, open the interpolation drop-down menu for the start frame and select ease in, ease out, or auto ease, and the menu for end for to change the interpolation at the end of the animation When choosing the **Ease out** interpolation, which should be applied at a frame at the beginning of the animation, the speed of the animation starts at 0 and then accelerates gradually to get to a constant speed. With the **Ease in** interpolation, which should be applied at the frame at the end of an animation, the speed decelerates towards 0 instead of abruptly changing to 0. The **Auto Ease** interpolation combines both the Ease in and Ease out and is usually used for keyframes in the middle of an animation where the speed goes down as the current time slider approaches that keyframe, and it picks up again as it leaves it. [![Interpolation.gif](https://help.simlab-soft.com/uploads/images/gallery/2022-01/interpolation.gif)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/interpolation.gif) Notice the constant speed in the default linear interpolation(top) and the acceleration in the Ease out interpolation(bottom). --- #### **Utilizing Animation in VR** To utilize Imported or created animation in VR you need to first store it as a component named **"Animation Sequence",** and then you can either attach it to a **Play Sequence Response** in the Training Builder or use it as a **Grabbable Sequence**. ##### Animation Sequence Creation To create an Animation Sequence you need to select all the animation keyframes regardless of their type for all the objects you want to include in the animation sequences, then click on the **"Create Animation Sequence"** button in the animation panel. [![Create sequenceButton.png](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/create-sequencebutton.png)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/create-sequencebutton.png) [![SequenceCreationDialog.jpg](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/sequencecreationdialog.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/sequencecreationdialog.jpg) In the creation Dialogue, type a name for the Sequence. and choose whether you want to create a reversed version of the animation, and whether you want to delete the animation from the timeline or not. Created Animation Sequences can be found in the Sequences tab next to the Animation tab in the bottom panel of SimLab Composer. [![Sequences Tab.jpg](https://help.simlab-soft.com/uploads/images/gallery/2022-01/scaled-1680-/sequences-tab.jpg)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/sequences-tab.jpg) from the Sequences tab you can : - Preview Animation Sequences. - Attach Animation Sequences to responses in the Training Builder. - Send Animation Sequences to the timeline. - Find the objects that are affected by the animation sequence. - Attach Sequence to object (in case if importing a flexible body animation and you want to attach it to a joints-rigged object). - Make the flex object stationary ( in case of having a walk cycle for example, and you need to keep the walking animation but dispose of the object's translation). ##### Attaching Animation Sequence to Responses In the Training Builder, create a Play Sequence Response, then select the Animation Sequence from the Sequences tab and then click the attach button on the Play Sequence Response. [![image.png](https://help.simlab-soft.com/uploads/images/gallery/2023-12/scaled-1680-/WN2image.png)](https://help.simlab-soft.com/uploads/images/gallery/2023-12/WN2image.png) The Animation in VR will play once the Event attaches to the response occurs. ##### Grabbable Sequences Grabbable Sequences are a type of object grabbing that constricts the movement of the grabbable object through an Animation Sequence. [![make_grabbable_sequences_256x256.gif](https://help.simlab-soft.com/uploads/images/gallery/2022-01/make-grabbable-sequences-256x256.gif)](https://help.simlab-soft.com/uploads/images/gallery/2022-01/make-grabbable-sequences-256x256.gif) A practical example would be to create a Lever's animation of it going up and down, then set it as a Grabbable Sequences where the user can grab the Lever's arm but can only move it up and down in accordance with its created animation, unlike regular grabbing where the user can move and rotate the object in any direction. To create a Grabbable Sequence from an animation Sequence follow these steps : 1. from the interactions menu select "Make Grabbable Sequence". 2. Select the 3D object that you need to make grabbable and click the check mark. 3. Select the Animation Sequence you want to attach to the object and click the check mark again. 4. Specify the grabbing visual helper's size then click the check mark again to finish the process.