[发明专利]一种生成动画的方法、装置、计算机设备及存储介质

说明书

本发明涉及线上教育技术领域，尤其涉及一种生成动画的方法、装置、计算机设备及存储介质，该方法包括：获取待生成动画的目标元素，获取目标元素在至少一个目标动画样式过程中的初始帧、至少一个中间关键帧以及结束帧，并放入对应于每个目标动画样式的队列中并反转，得到每个目标动画样式的反显队列；基于每个目标动画样式的反显队列，生成初始帧、至少一个中间关键帧以及结束帧中任意相邻两者之间的过渡帧，并将过渡帧存入反显队列的相应位置，得到目标队列；基于目标队列，生成目标元素的动画，该动画包括至少一个目标动画样式，进而通过无代码的方式生成动画，提高了线上教育的网页制作效率。

技术领域

本发明涉及线上教育技术领域，尤其涉及一种生成动画的方法、装置、计算机设备及存储介质。

背景技术

现在网络教学，虚拟教学需求急剧增加，由原本的纸质载体变为电子载体，教师能通过简单的操作，就能制作课件成为一种需求，从而推动无代码平台发展，教师或其他用户可以自由制作网页，当成课件等等。

现有在用户拖拽组件放置在画布上时，位置和大小都是需要用户定义，上传，再添加相关交互事件，从而实现页面生成，但是，其效率较低。

因此，如何提高线上教育的网页制作效率是目前亟待解决的技术问题。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的生成动画的方法、装置、计算机设备及存储介质。

第一方面，本发明提供了一种生成动画的方法，包括：

获取待生成动画的目标元素；

获取所述目标元素在至少一个目标动画样式过程中的初始帧、至少一个中间关键帧以及结束帧，并放入对应于每个目标动画样式的队列中并反转，得到每个目标动画样式的反显队列；

基于每个目标动画样式的反显队列，生成所述初始帧、至少一个中间关键帧以及结束帧中任意相邻两者之间的过渡帧，并将所述过渡帧存入所述反显队列的相应位置，得到目标队列；

基于所述目标队列，生成所述目标元素的动画，所述动画包括至少一个目标动画样式。

优选地，所述目标元素包括如下任意一种：

输入框元素、文本元素、图片元素、视频元素、音频元素及线条元素。

优选地，所述获取待生成动画的目标元素之后，还包括：

对所述目标元素的颜色、位置以及尺寸进行调整。

优选地，在基于每个目标动画样式的反显队列，生成所述初始帧、至少一个中间关键帧以及结束帧中任意相邻两者之间的过渡帧，并将所述过渡帧存入所述反显队列的相应位置，得到目标队列之后，还包括：

对所述目标队列中的初始帧、至少一个中间关键帧、结束帧，以及初始帧、至少一个中间关键帧、结束帧中任意相邻两者之间的过渡帧之间的时间间距进行调整，以控制至少一个目标动画样式的展现时间。

优选地，在对所述目标队列中的初始帧、至少一个中间关键帧、结束帧，以及初始帧、至少一个中间关键帧、结束帧中任意相邻两者之间的过渡帧之间的时间间距进行调整，以控制至少一个目标动画样式的展现时间之后，还包括：

对所述至少一个目标动画样式绑定点击事件。

优选地，所述点击事件包括如下内容：

单击事件、双击事件、鼠标移入事件、鼠标移出事件以及无事件状态。

优选地，所述基于所述目标队列，生成所述目标元素的动画，所述动画包括至少一个目标动画样式，包括：

将每个目标动画样式所对应的目标队列按照预设顺序移至预设框内，生成所述目标元素的动画，所述动画包括至少一个目标动画样式。