[发明专利]一种动效生成方法、装置、介质及设备

说明书

本说明书实施例提供一种动效生成方法、装置介质及设置，该方法包括：响应于确定目标元素在二维触摸移动的结束事件后的惯性移动涉及显示界面的第一弹性边界之外的区域，根据第一弹性边界、结束事件发生时目标元素的运动状态以及假定终点位置，确定发生碰撞回弹的碰撞信息，其中假定终点位置是基于运动状态仅进行惯性移动的停止位置；根据预设的目标缓动函数以及碰撞信息，生成从运动状态到发生碰撞回弹的第一动画，以及从发生碰撞回弹到目标元素的第一边界与第一弹性边界对齐的第二动画。

技术领域

本说明书涉及动效生成技术领域，尤其涉及一种动效生成方法、装置、介质及设备。

背景技术

目前很多移动终端页面中，例如网站页面，用户与页面之间的交互都是通过手势进行。为了向用户提供较好的视觉效果，在交互过程中，页面中交互的目标元素能够跟指运动，并在手指离开页面后，根据手指离开页面上一时间窗口的运动速度计算后效，后效包括例如碰撞、惯性，阻尼等动画效果。

目前后效一般都是在一维方向上的动画效果，例如水平轴(或竖直轴)方向上的碰撞、惯性，阻尼等动画效果。在一些需要二维方向上的动效画面的场景中，目前不能很好的满足。

发明内容

本说明书一个或多个实施例提供了一种动效生成方法、装置、介质及设备，以实现提供一种二维方向上的动画生成方式。

根据第一方面，提供一种动效生成方法，所述方法包括：

响应于确定目标元素在二维触摸移动的结束事件后的惯性移动涉及显示界面的第一弹性边界之外的区域，根据所述第一弹性边界、所述结束事件发生时所述目标元素的运动状态以及假定终点位置，确定发生碰撞回弹的碰撞信息，其中所述假定终点位置是基于所述运动状态仅进行惯性移动的停止位置；

根据预设的目标缓动函数以及所述碰撞信息，生成从所述运动状态到发生碰撞回弹的第一动画，以及从发生碰撞回弹到所述目标元素的第一边界与所述第一弹性边界对齐的第二动画。

根据第二方面，提供一种动效生成装置，所述装置包括：

第一确定模块，配置为响应于确定目标元素在二维触摸移动的结束事件后的惯性移动涉及显示界面的第一弹性边界之外的区域，根据所述第一弹性边界、所述结束事件发生时所述目标元素的运动状态以及假定终点位置，确定发生碰撞回弹的碰撞信息，其中所述假定终点位置是基于所述运动状态仅进行惯性移动的停止位置；

第一生成模块，配置为根据预设的目标缓动函数以及所述碰撞信息，生成从所述运动状态到发生碰撞回弹的第一动画，以及从发生碰撞回弹到所述目标元素的第一边界与所述第一弹性边界对齐的第二动画。

根据第三方面，提供一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序在计算机中执行时，令计算机执行第一方面所述的方法。

根据第四方面，提供一种电子设备，包括存储器和处理器，其中，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现第一方面所述的方法。

根据本说明书实施例提供的方法及装置，可以在确定目标元素在二维触摸移动的结束事件后的惯性移动涉及显示界面的第一弹性边界之外的区域，即确定需要针对目标元素生成其在第一轴上进行惯性移动和碰撞回弹的动效，且在第二轴上至少进行惯性移动的动效，这时，可以根据第一弹性边界、结束事件发生时目标元素的运动状态及假定终点位置，确定发生碰撞回弹的碰撞信息，进而基于预设的目标缓动函数以及碰撞信息，生成从前述的运动状态到发生碰撞回弹的第一动画，以及从发生碰撞回弹到目标元素的第一边界与第一弹性边界对齐的第二动画。这样，利用同一套目标缓动函数和碰撞信息将一段需要在二维方向上展示不同类型动效的动画划分为两段不同阶段动画进行动效展示，实现一种二维方向上的动画生成方式。

附图说明