二维粒子动画的渲染方法技术

本申请公开了一种二维粒子动画的渲染方法

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


[0001]本申请涉及计算机
，尤其涉及一种二维粒子动画的渲染方法
、
以及装置
、
电子设备
、
计算机可读存储介质
。

技术介绍

[0002]粒子动画是游戏等虚拟业务项目中不可缺少的一种渲染特效，能够带给用户更加丰富的视觉体验
。
[0003]目前，游戏中二维粒子动画的渲染通常使用粒子发射器实现，通过在虚拟场景中创建粒子发射器，并将其挂接到
UI(User Interface
，用户界面
)
组件下，调整粒子发生器与虚拟场景中各
UI
组件的位置关系及渲染顺序，实现二维粒子动画的渲染
。
对于
2D(Two
‑
dimensional
，二维
)
游戏而言，由于
2D
游戏的一些自身特性，比如：更加依赖于
CPU(Central Processing Unit<br/>，中央处理器本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种二维粒子动画的渲染方法，其特征在于，所述方法包括：获取待渲染组件对应的材质着色器，所述待渲染组件为预显示所述二维粒子动画的用户界面组件；基于所述材质着色器，在第一渲染时刻下，通过所述待渲染组件的初始材质信息获得所述待渲染组件对应的目标材质信息，所述目标材质信息包括所述初始材质信息
、
以及所述待渲染组件中预设的多个待渲染粒子对应的粒子状态信息，所述第一渲染时刻为渲染所述粒子动画的任一渲染时刻；基于所述材质着色器，根据所述第一渲染时刻对应的所述目标材质信息，在所述待渲染组件上渲染所述第一渲染时刻对应的第一粒子图像，以使所述第一粒子图像形成所述二维粒子动画
。2.
根据权利要求1所述的方法，其特征在于，所述方法还包括：基于所述材质着色器，实时获取每一个所述渲染时刻下，所述待渲染组件对应的所述目标材质信息；根据每一个所述渲染时刻对应的所述目标材质信息，在所述待渲染组件上实时渲染每一个所述渲染时刻对应的粒子图像，形成所述粒子动画
。3.
根据权利要求1所述的方法，其特征在于，在所述获取待渲染组件对应的材质着色器的步骤之前，所述方法还包括：创建所述材质着色器，所述材质着色器用于通过所述待渲染组件的所述初始材质信息获得所述待渲染组件对应的所述目标材质信息；将所述材质着色器与所述待渲染组件相关联；根据所述粒子动画的预设效果，在所述材质着色器中设置初始参数，所述初始参数至少包括以下参数中的一种：所述粒子动画的预设播放速度
、
所述待渲染粒子的预设粒子颜色
、
所述待渲染粒子的第一预设移动速度
、
所述待渲染粒子的第二预设移动速度
、
所述待渲染组件中包括的所述待渲染粒子的预设数量
、
所述待渲染粒子的预设尺寸
、
所述待渲染粒子的预设透明度
。4.
根据权利要求1所述的方法，其特征在于，所述基于所述材质着色器，在第一渲染时刻下，通过所述待渲染组件的初始材质信息获得所述待渲染组件对应的目标材质信息，包括：基于所述材质着色器，计算所述第一渲染时刻下，所述待渲染组件中预设的所述多个待渲染粒子中每一个所述待渲染粒子对应的所述粒子状态信息，将所述初始材质信息及所述粒子状态信息作为所述目标材质信息
。5.
根据权利要求4所述的方法，其特征在于，所述基于所述材质着色器，计算所述第一渲染时刻下，所述待渲染组件中预设的所述多个待渲染粒子中每一个所述待渲染粒子对应的所述粒子状态信息，包括：构建所述待渲染组件对应的材质面片，所述材质面片的尺寸与所述待渲染组件的尺寸相同；将所述材质面片的纹理坐标划分为多个方格，获得每一个所述方格在所述第一渲染时刻下的初始纹理坐标，所述方格的数量与所述待渲染组件中预设的所述多个待渲染粒子的预设数量相同，每一个所述方格对应于一个所述待渲染粒子；
根据每一个所述方格对应的第一随机参数
、
以及所述待渲染粒子的预设尺寸，计算所述第一渲染时刻下，每一个所述方格对应的所述待渲染粒子的第一状态信息，所述第一状态信息表征所述待渲染粒子的尺寸；根据每一个所述方格对应的所述待渲染粒子的所述第一状态信息
、
以及所述待渲染粒子在所述方格内的预设移动方式
、
所述待渲染粒子在所述方格内的第二预设移动速度
、
每一个所述方格对应的所述第一随机参数
、
每一个所述方格对应的第一纹理坐标，计算所述第一渲染时刻下，每一个所述方格对应的所述待渲染粒子的第二状态信息，所述第二状态信息表征所述待渲染粒子的形状，其中，所述第一纹理坐标为对每一个所述方格在所述第一渲染时刻下的所述初始纹理坐标取小数而获得的；根据每一个所述方格对应的所述待渲染粒子的所述第二状态信息
、
以及每一个所述方格对应的所述第一随机参数
、
每一个所述方格对应的第二纹理坐标，计算所述第一渲染时刻下，每一个所述方格对应的所述待渲染粒子的第三状态信息，所述第三状态信息表征所述待渲染粒子的形状和透明度，其中，所述第二纹理坐标为对每一个所述方格在所述第一渲染时刻下的所述初始纹理坐标取整数而获得的；根据每一个所述方格对应的所述待渲染粒子的所述第三状态信息
、
所述待渲染粒子的预设颜色
、
以及所述待渲染粒子的预设透明度，获取所述第一渲染时刻下，每一个所述方格对应的所述待渲染粒子的第四状态信息，所述第四状态信息表征所述待渲染粒子的形状
、
透明度
、
以及颜色；以所述第一渲染时刻下每一个所述方格对应的所述待渲染粒子的所述第四状态信息作为所述第一渲染时刻下所述待渲染粒子对应的所述粒子状态信息
。6.
根据权利要求5所述的方法，其特征在于，所述将所述材质面片的纹理坐标划分为多个方格，获得每一个所述方格在所述第一渲染时刻下的初始纹理坐标，包括：根据所述材质面片的纹理坐标
、
以及所述待渲染组件中预设的所述多个待渲染粒子的预设数量，将所述材质面片的纹理坐标划分为所述预设数量的所述方格；根据所述第一渲染时刻对应的时间值...

【专利技术属性】
技术研发人员：孟庆宇，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：