# Keyframes

<figure><img src="https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FiXHmhpkEaObTtvmXmrj8%2FAxibo-keyframes%20page.jpg?alt=media&#x26;token=b1a2d327-ef8f-4285-8c84-b8df5a0942e1" alt=""><figcaption></figcaption></figure>

### Creating & Editing Keyframes

1. Head to the "**Keyframes**" tab in the AXIBO UI.

&#x20;     <img src="https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FCxf4MU28Wp2vCznSYSpT%2Fimage.png?alt=media&#x26;token=4c82c708-c3e8-4b51-aac4-2b9b0bd82af4" alt="" data-size="original">

2\. Inside the "**Keyframes**" tab, click the "**+**" tab located at the top right.

&#x20;     <img src="https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2F0ziQRKBfHQnVG1hQemIB%2Fimage.png?alt=media&#x26;token=5945da28-d5d7-485f-a34f-869f6a14be9a" alt="" data-size="original">

3\. Use the joystick to maneuver the AXIBO and click "**Add Keyframe**".

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FuV39omVYe7Ky27gJqToN%2Fimage.png?alt=media\&token=66e5f6f5-cafd-4117-a15d-6e28eca97638)

4\. Once a keyframe is added, it will appear in the keyframe section located at the top right side of the page. To edit it, click on the keyframe.

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2F9TpRUI1qMTMMPUSe98sC%2Fimage.png?alt=media\&token=6472589b-b78e-4634-8654-61a5e60e279d)

**Clicking the keyframe will give you the following options:**

* SET = Overwrite keyframe to current AXIBO position.
* GO = Move to keyframe position.
* EDIT = Manually edit pan/tilt coordinates.
* DEL = Delete keyframe.

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FfW5OhfETY70Ohi7s0nl6%2Fimage.png?alt=media\&token=5fcc28f3-bbc3-414b-98e0-1fe0e19966a0)

### Ramp Adjustment & Controls

1\. To adjust the ramp, select the desired axis you want to edit. The selected axis will be highlighted.

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FBeeBvl9MpS6pSy9P02L8%2Fimage.png?alt=media\&token=cd3294d9-3b4a-474b-90af-949af49bc261)

2\. After selecting the desired axis, use the slider to adjust the ramp. The graph below will visually respond to the changes.

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2F26kYkFWnBC6XCPbdFJIn%2Fimage.png?alt=media\&token=fb2f5e12-75b0-4e89-b265-bf220cf64406)

3\. To access the controls for the keyframes, click on the "**Controls"** button located beside the settings.

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2F24IAv1qMyj8eBt7eG1Xu%2Fimage.png?alt=media\&token=3f3f5688-c86e-4d7e-93da-1fe3f07b4b99)

**The controls have the following buttons**

* Play = Plays the the keyframes from the first keyframe to the last.
* Previous = Moves to previous keyframe.
* Repeat = When toggled, the keyframes go to the start position then run through the keyframes again.
* Loop = When toggled, the keyframes will play in a loop.
* Next = Moves to the next keyframe.
* Stop = Stops at current position.

&#x20;     ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FD7Ho5MLI8TvrPNlHYqOV%2Fimage.png?alt=media\&token=fb07ec8f-5a2f-40e1-97c3-c06f7be2f39f)

### Editing Keyframes (Advanced)

1. Head to the "**Keyframes**" tab in the AXIBO UI and toggle the simple/advanced setting located at the bottom right.                                                                ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FtgFheeKEP58K142iV5E1%2Fimage.png?alt=media\&token=4cb5230f-82e6-4372-9a41-daab6dea2bc5)
2. The process of creating a keyframe on advanced settings is identical to the simple setting, please refer to steps 2 and 3 under **Creating & Editing Keyframes.** Keyframes can also be created manually by clicking the add button shown in the figure below. ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FeIaSt86KckMRHvtLPhGh%2Fimage.png?alt=media\&token=8bdd7199-ce53-41f2-9ba3-bcdeef0d2388)
3. Once a keyframe is added, it will appear in the keyframe section located in the middle. ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FbbvLJBWhjEs5QUsCcPfn%2Fimage.png?alt=media\&token=50076aff-e5e5-4b51-baa5-30d8d338543f)
4. The buttons located on the right of the keyframes are used to edit the keyframe. The following buttons will be explained from left to right.    &#x20;

   ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2F6scdsAbkey10tsAxLpNv%2Fimage.png?alt=media\&token=34a9c110-89a3-4a07-9f62-f8e6796a3d36)

   1. Copies the keyframe to create a pause.
   2. Changes keyframe to current position.
   3. Moves to the keyframe.
   4. Edits keyframe values manually.
   5. Deletes keyframe.

   &#x20;                  &#x20;
5. To change the speed of the keyframes, use the slider located at the top middle section of the page to increase or decrease the speed.                                                                              ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FjXCi1SKInPJ1TAQUrCZs%2Fimage.png?alt=media\&token=3e496e24-e776-4d8d-90c7-d4373de1108a)
6. Located at the top right are two options for quick movement or slow and quiet movement. One of the options will be chosen by default, please select the mode that best fits your application. ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2Fq6WJqmRAI4VdT2SuL7sl%2Fimage.png?alt=media\&token=86077826-df56-4c46-a779-b354221e68bd)
7. The preview button can be used to quickly see the positioning of each keyframe once all the keyframes are set.                                                             ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FvRuDA4DwB7vq8jB2cbCs%2Fimage.png?alt=media\&token=a7a692bf-d469-469b-8b52-56777ec062ff)
8. The controls are identical to the simple controls, refer to step 3 under **Ramp Adjustment & controls.**                                                                                                 ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FruW8ogIp5In6qKfFhwEI%2Fimage.png?alt=media\&token=de4ae629-3d78-4663-afdd-c41a403b0aec)
9. The keyframe tables can be named and saved by using the text box and button located in the middle. To load the pages, click the load button located on the right side and choose the previously saved preset.                                                       ![](https://2605831551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw12QCDDbTnGacryDSbBw%2Fuploads%2FIcARnZsl6Odi94CbPDIG%2Fimage.png?alt=media\&token=83711e32-0a5b-4ff1-ab3e-52928a21b069)
10. The Ramp adjustments are identical to the simple controls, refer to steps 1 and 2 under **Ramp Adjustment & controls.**&#x20;
