---
description: '#Content editor'
---

# Animation Issues

## <mark style="color:blue;">1.Can animations within a template be adjusted?</mark>

### **Q1：When using Content Creation, how can you adjust the animation of a specific layer?**

**A：**&#x59;ou need to refer to the specific template for guidance. Select the individual layer or the group layer you want to adjust, and check the "Animation" parameters on the right side.&#x20;

* If there are adjustable animation parameters available, you can modify or add animations accordingly.&#x20;
* If there are no adjustable parameters, it means that adjustments are not supported.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FzWMoBRaW8YEHKACViS2Q%2Fimage.png?alt=media&#x26;token=5bafafa6-d830-48f4-9cbe-86c266f5794f" alt=""><figcaption></figcaption></figure></div>

👉Related content： [#guidelines-for-adjusting-flexibility](../../content-editor-creation-tips-center/guidelines-for-template-content-creation#guidelines-for-adjusting-flexibility "mention")



## <mark style="color:blue;">2.How to adjust the curve of universal animation？</mark>

### Q1: How can I customize the shape of a curve and add keyframes when using universal animation?

**A:** Click on the curve thumbnail to open the "Curve editor."  Double-click anywhere on the curve to add keyframes. You can select and drag the keyframes to adjust their positions. Additionally, you can drag the handles to adjust the curvature of the curve.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FjzgD98USD9rrKVzKH0yl%2Fimage.png?alt=media&#x26;token=93f51578-dc3f-4282-a4db-472814c57263" alt="" width="563"><figcaption></figcaption></figure></div>

👉Related content： [#id-2.-special-parameter-curve](../../content-editor-user-guide/editing-page-module-intro/parameter-setting-area/animation-layer-parameters#id-2.-special-parameter-curve "mention")



## <mark style="color:blue;">**3.**</mark><mark style="color:blue;">When previewing the animation, I found that it doesn't appear as set in the parameters？</mark>

### Q1: I set a Displacement Easing animation for a finger and then either (①) hide the finger layer and want to show and play the translation animation through the event, or (②) set a delay for the animation. However, I noticed that each time I preview, the starting position of the finger movement is different with an offset.&#x20;

**A:** This may be because the "Autoplay" option for the animation is not disabled.  Even though you have set a delay or hidden the finger, the animation starts playing automatically when entering the scene, even if it's not visible on the screen.  Since the trigger for showing the animation occurs at different times, the position where the finger appears will also differ.&#x20;

<mark style="color:red;">If the animation doesn't need to play immediately upon entering, it is recommended to disable the "Autoplay" option for all animations and use events to precisely control the timing of the animation playback.</mark> The same applies to other types of animations.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FdEt7Whnfcbhft4kFbgfr%2Fimage.png?alt=media&#x26;token=51a7b473-2fae-47e8-8519-ff59863ae5a0" alt=""><figcaption></figcaption></figure></div>



### Q2: Why do the positions of the Displacement Easing animation appear incorrect when switching from portrait mode to landscape mode during preview?&#x20;

**A:** The "Displacement Offset" for the animation is set separately for portrait and landscape modes by default.&#x20;

* If you want the animation to have the same Displacement Offset in both portrait and landscape modes, you can adjust the parameters in portrait mode first and then uncheck the option for separate settings in portrait and landscape modes while in portrait mode (marked as \[a]). This way, when switching to landscape mode for preview, the Displacement Offset will be the same as in portrait mode.&#x20;
* If the Displacement Offset are intentionally different between portrait and landscape modes, you should keep the separate settings checked and adjust the corresponding offset-X and offset-Y individually for portrait and landscape modes (marked as \[b]).

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FjvcCeg8J6K7fa0YkCK5M%2Fimage.png?alt=media&#x26;token=4d9d7e4f-4060-4bc6-8660-bee6ef91129c" alt=""><figcaption></figcaption></figure></div>



### Q3: The Displacement Easing animation is not working after setting multiple animations on the image. What could be the reason?

**A:** Currently, when such animations are combined on the same layer, they may not fully function due to platform logic limitations:  a looping animation or other animation + a displacement animation triggered by an event.

**Solution:** Wrap the layer in a group → apply entry and looping animations to the layer → apply the displacement animation to the group.

<div><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FsbcJDLN0Nw7iATV5iw3E%2Fimage.png?alt=media&#x26;token=109f68fa-7912-4fb0-8a73-b9d90fa9d645" alt=""><figcaption><p>Example of the problem</p></figcaption></figure> <figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FhZAkS454ZZ8RdvRhM8ZS%2Fimage.png?alt=media&#x26;token=7da03899-135b-4ac7-bace-16c0ef5c2ca8" alt=""><figcaption><p>Solution Step 1</p></figcaption></figure> <figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2F3ydl4i8M7UpCepSEBPxL%2Fimage.png?alt=media&#x26;token=765975ae-f61d-4c0d-b6db-8b8cdfdd8bec" alt=""><figcaption><p>Solution Step 2</p></figcaption></figure></div>



## <mark style="color:blue;">4.Creating Different Finger Animations for Portrait and Landscape Modes</mark>

### Q1: How can I set different finger animations for portrait and landscape modes? Can the curve in Universal Animation be separated for portrait and landscape settings?

**A:** Curve cannot be separated for portrait and landscape settings.  The solution is to add two sets of fingers, one for portrait mode and one for landscape mode. >>> Then, use the "Show/Hide" option to control the visibility of the corresponding finger set based on the screen orientation. >>> Finally, adjust the animations for the different finger layers separately in portrait and landscape modes.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FknHHzWyN8SoVZq8hWruP%2Fimage.png?alt=media&#x26;token=02e61e06-7541-4200-90cb-03eadac48994" alt=""><figcaption></figcaption></figure></div>
