# 动画问题

## <mark style="color:blue;">1.模板的动画可以调整吗？</mark>

#### **Q1：在使用某模板进行自由制作时，想调整某个图层的动画可以吗？**

**A1：**&#x9700;要结合具体的模板查看：选中想调整动画的 单个图层 或 所在的组图层，查看右侧【动画】参数一栏有无可调整的动画参数

* 若有，则支持调整，修改其动画参数或新增动画即可；
* 若无，则不支持调整

<img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2F5M3VjJpOYO8hCQe1Lvfs%2Fimage.png?alt=media&#x26;token=2fb69500-37f6-48e1-81d4-648a1cf5062a" alt="" data-size="original">            <img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2F3e6rBbiDnR7Z2ZcbsYG5%2Fimage.png?alt=media&#x26;token=7f937f7a-7e03-4a0c-bb29-d09d8b322a31" alt="" data-size="original">

**相关阅读：** [#yi-tiao-zheng-zi-you-du-xu-zhi](https://doc.playturbo.cn/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/mu-ban-zi-you-bian-ji-xu-zhi#yi-tiao-zheng-zi-you-du-xu-zhi "mention")

## <mark style="color:blue;">2.动画的变化曲线怎么调整？</mark>

#### **Q1：在使用通用动画时，想自定义曲线形状、添加关键帧，要怎么操作？**

**A：**&#x70B9;击曲线缩略图打开【曲线编辑器】，双击曲线的任意位置即可添加关键帧；选中并拖动关键帧可调整位置，拖动手柄可调整曲线弧度

**相关阅读：** [#id-2.-te-bie-shuo-ming-bian-hua-qu-xian](https://doc.playturbo.cn/zi-you-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/can-shu-she-zhi-qu/dong-hua-tu-ceng-can-shu#id-2.-te-bie-shuo-ming-bian-hua-qu-xian "mention")

<div align="left"><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FHomP3bLlpPELPBFtsk2R%2Fimage.png?alt=media&#x26;token=bf90d74d-66d4-4db9-b7f0-fb9650d5730a" alt="" width="563"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">3.预览时发现动画有问题，没有呈现出参数设置的效果</mark>

#### **Q1：我给手指设置了位移动画，然后①隐藏了手指图层，想通过事件去显示并播放位移动画；②或是给动画设置了延迟播放。但发现每次预览时 手指运动的起始位置都不一样？位置有偏移**

**A：**&#x8FD9;可能是因为没有关闭位移动画的【自动播放】。虽然设置了延迟或隐藏了手指，但在进入该场景的同时动画已经开始自动播放了，不过是没有显示在画面中；由于触发显示动画的时机不同，手指在那一瞬间显示出的位置也就不同。<mark style="color:red;">建议关闭动画的【自动播放】，通过设置事件去精准控制动画播放的时机</mark>（其他类型的动画也同理）。

此外，需要入场就播的动画也建议关闭此处的【自动播放】，通过在场景上设置"定时触发0s-从头播放全部动画"的事件来精准控制。

<div align="left"><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FERoqi9m9rRCfDYe3mpUu%2Fimage.png?alt=media&#x26;token=9b377a59-ac52-47ca-b7b2-00466dc645e9" alt=""><figcaption></figcaption></figure></div>

#### Q2：为什么在竖屏做好了位移动画，切换到横屏预览时位置都错了？

**A：**&#x4F4D;移动画的\[位移距离]是默认横竖屏拆分设置的

* 若您想要位移动画在横竖屏下的位移距离都一样，可以先将竖屏的参数调整好，然后在竖屏状态下取消勾选拆分的设置\[标记a]。这样再切换到横屏预览 就是和竖屏一样的位移距离了
* 若横竖屏的位移距离不一样，则需要保持勾选拆分按钮，然后分别在竖屏和横屏下调整对应XY的距离\[标记b]

<div align="left"><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FTwnZu58fpiGcpa2JhkKd%2F5e8284dbe30bb6862eac4f038fb58dda.png?alt=media&#x26;token=af33844c-ac43-4b7c-b3a6-12f8831bf16e" alt="" width="248"><figcaption></figcaption></figure></div>

#### Q3：给图片设置了多个动画，但位移缓动动画没有生效，是什么原因？

**A：**&#x76EE;前，当这类动画组合都在同一个图层上时，没办法完全生效（平台逻辑问题）：有循环播放的动画  + 一个事件触发的位移动画。

**解决办法：**&#x7ED9;该图层套一个组 → 进场、循环等动画做在该图层上 →  位移动画做在组上

<div><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FpRR3OE0DgnvwzM9VqK5x%2Fimage.png?alt=media&#x26;token=c311e3d0-1252-4700-9e77-230390cb3a88" alt=""><figcaption><p>问题示例</p></figcaption></figure> <figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FhIVo4mjVwlbXnvDvURUe%2Fimage.png?alt=media&#x26;token=23ef9f9e-597d-498d-8ece-90f92f9ace42" alt=""><figcaption><p>解决步骤1</p></figcaption></figure> <figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FIyEL57uhxZEOQcrvbJrz%2Fimage.png?alt=media&#x26;token=c9e09b15-db9f-47ad-828b-420b3114297a" alt=""><figcaption><p>解决步骤2</p></figcaption></figure></div>

## <mark style="color:blue;">4.横竖屏想做不同的手指动画？</mark>

#### Q1：横竖屏想做不同的手指动画要怎么设置？通用动画的曲线能否拆分横竖屏设置？

**A：**&#x66F2;线不支持拆分横竖屏设置的。解决办法：添加2组手指，一组用于竖屏，一组用于横屏>>>然后拆分横竖屏来【显示/隐藏】对应手指>>>分别在横竖屏下调整不同手指图层的动画即可

<div align="left"><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FmaYZChozHgFiabnIVzDn%2Fimage.png?alt=media&#x26;token=5575b9cb-b2ce-4660-a41f-841b679840b0" alt=""><figcaption></figcaption></figure></div>