一种动画渲染方法、装置、设备及存储介质制造方法及图纸

技术编号:40091490 阅读:13 留言:0更新日期:2024-01-23 16:16
本公开提供了一种动画渲染方法、装置、设备及存储介质,所述方法包括:首先确定目标图形动画中的待渲染图像帧上的目标图形对象及其图形绘制方式,如果确定其图形绘制方式为填充绘制方式,则针对目标图形对象的三角剖分状态,确定待渲染图像帧与相邻上一图像帧相比是否发生变化,如果未发生变化,则基于相邻上一图像帧上与目标图形对象对应的图形对象的三角剖分数据,对待渲染图像帧上的目标图形对象进行渲染。本公开实施例通过将目标图形对象待渲染图像帧的三角剖分状态与相邻上一图像帧相比较,基于相邻上一图像帧中目标图形对象的三角剖分数据对目标图形对象进行渲染的方式,避免了对目标图形对象进行重复三角剖分,提升了渲染性能。

【技术实现步骤摘要】

本公开涉及数据处理领域,尤其涉及一种动画渲染方法、装置、设备及存储介质


技术介绍

1、lottie是一个跨平台动画方案,可以通过bodymovin插件解析ae(adobe aftereffects,动态图形软件)导出生成json文件,并在ios、安卓、web、react native端实现动画效果。

2、然而,web端仅提供了canvas、svg、html渲染,导致开发者使用threejs、pixijs等渲染引擎时,只能基于创建离屏的canvas进行间接渲染,渲染性能较差。


技术实现思路

1、为了解决上述技术问题,本公开实施例提供了一种动画渲染方法。

2、第一方面,本公开提供了一种动画渲染方法,所述方法包括:

3、确定目标图形动画中的待渲染图像帧上的目标图形对象以及所述目标图形对象的图形绘制方式;

4、如果确定所述目标图形对象的图形绘制方式为填充绘制方式,则针对所述目标图形对象的三角剖分状态,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化;其中,所述相邻本文档来自技高网...

【技术保护点】

1.一种动画渲染方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述针对所述目标图形对象的三角剖分状态,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化,包括:

3.根据权利要求2所述的方法,其特征在于,所述针对所述目标图形对象的耳尖顶点的左右状态,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化,包括:

4.根据权利要求2所述的方法,其特征在于,所述针对所述目标图形对象的顶点数量,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化,包括:

5.根据权利要求2所述的方法,其特征在于,所述针对所述目标图形...

【技术特征摘要】

1.一种动画渲染方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述针对所述目标图形对象的三角剖分状态,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化,包括:

3.根据权利要求2所述的方法,其特征在于,所述针对所述目标图形对象的耳尖顶点的左右状态,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化,包括:

4.根据权利要求2所述的方法,其特征在于,所述针对所述目标图形对象的顶点数量,确定所述待渲染图像帧与相邻上一图像帧相比是否发生变化,包括:

5.根据权利要求2所述的方法,其特征在于,所述针对所述目标图形对象的耳尖顶点的左右状态,确定所述待渲染图像帧与所述相邻上一图像帧相比是否发生变化,包括:

6.根据权利要求1所述的方法,其特征在于,所述方法还包括:

7....

【专利技术属性】
技术研发人员:李洋姚晓鹏田百登李博
申请(专利权)人:北京字跳网络技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1