动画实现方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例提供了一种动画实现方法、装置、电子设备及存储介质。该方法包括：获取图片序列，根据目标时刻、图片序列的播放时长以及图片序列的图片片段的数量，在图片序列中获取在目标时刻的目标图片片段的索引值，该索引值用于确定目标图片片段相对于参考图片片段的相对偏移量；基于参考图片片段的纹理坐标获取目标图片片段的纹理坐标；根据目标图片片段的纹理坐标确定目标图片片段的纹理位置；根据目标图片片段的纹理位置对目标图片片段的纹理进行采样，绘制目标时刻的目标图片片段对应的关键帧图片以用于在目标时刻显示。通过本实施例的方法，可以充分利用GPU资源，减少动画加载所占用的CPU资源，实现了减少对CPU资源的依赖。赖。赖。

【技术实现步骤摘要】
动画实现方法、装置、电子设备及存储介质


[0001]本专利技术涉及动画
，尤其涉及一种动画实现方法、装置、电子设备及存储介质。

技术介绍

[0002]相关技术中，动画效果的实现十分依赖CPU(Central Processing Unit，中央处理器)的资源。例如，当采用直接在透明物体上贴GIF图或视频类动态的文件来实现动画展示时，由于GIF图或视频类动态的文件本身就比较大，因此合成之后的格式也会比较大；并且，GIF图或视频类动态的文件的自动播放还需要引入额外的解析库，而引入解析库也会增加CPU的资源，对动画加载性能影响较大。又例如，当采用通过JavaScript逻辑取各个关键帧实现帧动画时，基于JS代码需要进行大量的计算，会占用大量的CPU资源使得CPU的利用率较高，从而影响动画加载性能，阻塞JS进程。

技术实现思路

[0003]本专利技术实施例提供一种动画实现方法、装置、电子设备及存储介质，以减少动画加载所占用的CPU资源，减少对CPU资源的依赖。
[0004]本专利技术实施例第一方面提供了一种动画实现方法，应本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动画实现方法，其特征在于，应用于着色器，所述方法包括：获取图片序列，所述图片序列为根据源图片获取的单一方向顺序相连的多帧图片片段；根据目标时刻、所述图片序列的播放时长以及所述图片序列的图片片段的数量，在所述图片序列中获取在所述目标时刻的目标图片片段的索引值，所述索引值用于确定所述目标图片片段相对于参考图片片段的相对偏移量；基于所述参考图片片段的纹理坐标获取所述目标图片片段的纹理坐标；根据所述目标图片片段的纹理坐标确定所述目标图片片段的纹理位置；根据所述目标图片片段的纹理位置对所述目标图片片段的纹理进行采样，绘制所述目标时刻的所述目标图片片段对应的关键帧图片以用于在所述目标时刻显示。2.根据权利要求1所述的动画实现方法，其特征在于，所述根据目标时刻、所述图片序列的播放时长以及所述图片序列的图片片段的数量，在所述图片序列中获取在所述目标时刻的目标图片片段的索引值，包括：对所述目标时刻以及所述图片序列的播放时长执行取余运算，得到取余结果；以所述取余结果与所述图片序列的播放时长的商作为所述目标时刻对应的第一结果；以所述第一结果与所述图片序列的图片片段的数量的积作为所述目标时刻对应的第一数值；对所述第一数值执行取整运算，获取所述目标时刻对应的单一方向上的索引值。3.根据权利要求1所述的动画实现方法，其特征在于，所述单一方向包括水平方向或竖直方向。4.根据权利要求1所述的动画实现方法，其特征在于，所述基于所述参考图片片段的纹理坐标获取所述目标图片片段的纹理坐标，包括：获取所述目标图片片段的参考图片片段的纹理坐标；获取所述目标图片片段相对于所述参考图片片段的相对偏移量；根据所述参考图片片段的纹理坐标和所述相对偏移量获取所述目标图片片段的纹理坐标。5.根据权利要求4所述的动画实现方法，其特征在于，包括：响应于所述单一方向为竖直方向，以所述源图片的纹理横坐标作为所述参考图片片段的纹理横坐标，以所述源图片的纹理纵坐标与所述图片序列的图片片段的数量的商作为所述参考图片片段的纹理纵坐标；以及以所述索引值和所述图片序列的图片片段的数量的商作为所述目标图片片段相对于所述参考图片片段的相对偏移量；以所述参考图片片段的纹理横坐标作为所述目标图片片段的纹理横坐标，以所述参考图片片段的纹理纵坐标和所述相对偏移量的和作为所述目标图片片段的纹理纵坐标。6.根据权利要求4所述的动画实现方法，其特征在于，包括：响应于所述单一方向为水平方向，以所述源图片的纹理纵坐标作为所述参考图片片段的纹理纵坐标，以所述源图片的纹理横坐标与所述图片序列的图片片段的数量的商作为所述参考图片片段的纹理横坐标；以
及以所述索引值和所述图片序列的图片片段的数量的商作为所述目标图片片段相对于所述参考图片片段的相对偏移量；以所述参考图片片段的纹理纵坐标作为所述目标图片片段的纹理纵坐标，以所述参考图片片段的纹理横坐标和所述相对偏移量的和作为所述目标图片片段的纹理横坐标。7.一种动画实现方法，其特征在于，应用于虚拟现实VR房间场景中，所述方法包括：获取多组图片序列，每组图片序列为根据各源图片获取的单一方向顺序相连的多帧图片片段，所述多组图片序列分别对应三维几何体的多个面；根据如权利要求1至6任一所述的动画实现方法，在所述三维几何体的多个面中的每个面，分别绘制每个面各自对应的图片序列中目标时刻的目标图片片段对应的关键帧图片，以用于在所述目标时刻显示，实现三维动画效果。8.一种动画实现装置，其特征在于，应用于着色器，所述装置包括：图片获取模块，用于获取图片序列，所述图片序列为根据源图片获取的单一方向顺序相连的多帧图片片段；索引值确定模块，用于根据目标时刻、所述图片序列的播放时长以及所述图片序列的图片片段的数量，在所述图片序列中获取在所述目标时刻的目标图片片段的索引值，所述索引值用于确定所述目标图片片段相对于参考图片片段的相对偏移量；坐标确定模块，用于基于所述参考图片片段的纹理坐标获取所述...

【专利技术属性】
技术研发人员：请求不公布姓名，
申请(专利权)人：北京城市网邻信息技术有限公司，
类型：发明
国别省市：