页面动画绘制方法、装置、电子设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115761077A(43)申请公布日2023.03.07(21)申请号202211380012.2G06T7/50(2017.01)(22)申请日2022.11.04G06T7/73(2017.01)(71)申请人OPPO广东移动通信有限公司地址523860广东省东莞市长安镇乌沙海滨路18号(72)发明人刘尚(74)专利代理机构深圳市威世博知识产权代理事务所(普通合伙)44280专利代理师唐双(51)Int.Cl.G06T13/60(2011.01)G06T15/20(2011.01)G06T11/00(2006.01)G06F9/451(2018.01)G06T3/00(2006.01)权利要求书2页说明书13页附图9页(54)发明名称页面动画绘制方法、装置、电子设备及存储介质(57)摘要本申请公开了一种页面动画绘制方法、装置、电子设备及存储介质，方法包括：获取待绘制对象对应的至少一个粒子簇中每个粒子的属性信息，每个粒子簇包括多个粒子，属性信息包括各粒子所对应的渲染范围以及当前时刻的三维位置信息；基于粒子的三维位置信息，确定每个粒子在位于页面内的二维坐标系下的二维位置信息以及相对于页面的深度信息，三维位置信息设置成使得同一粒子簇内的粒子的渲染范围在二维坐标系下至少部分重叠；基于粒子的深度信息，确定每个粒子的透明度调整系数；基于透明度调整系数，对每个粒子的渲染范围所对应的纹理素材进行透明度调整；基于二维位置信息将调整后的纹理素材渲染至页面中，能够提升页面中待绘制对象的真实感。CN115761077ACN115761077A权利要求书1/2页1.一种页面动画绘制方法，其特征在于，包括：获取待绘制对象对应的至少一个粒子簇中每个粒子的属性信息，其中，每个所述粒子簇包括多个所述粒子，所述属性信息包括各所述粒子所对应的渲染范围以及当前时刻的三维位置信息；基于所述粒子的三维位置信息，确定每个所述粒子在位于所述页面内的二维坐标系下的二维位置信息以及相对于所述页面的深度信息，其中所述三维位置信息设置成使得同一所述粒子簇内的所述粒子的所述渲染范围在所述二维坐标系下至少部分重叠；基于所述粒子的深度信息，确定每个所述粒子的透明度调整系数；基于所述透明度调整系数，对每个所述粒子的所述渲染范围所对应的纹理素材进行透明度调整；基于所述二维位置信息将调整后的所述纹理素材渲染至所述页面中。2.根据权利要求1中所述的方法，其特征在于，所述粒子的三维位置信息设置成随时间变化，并且同一所述粒子簇内的所述粒子的所述渲染范围随时间保持至少部分重叠。3.根据权利要求1中所述的方法，其特征在于，所述获取待绘制对象对应的至少一个粒子簇中每个粒子的属性信息，包括：为同一所述粒子簇内的所述粒子分配处于预设位置范围内的初始三维位置，并在所述初始三维位置基础上为各所述粒子施加位置扰动；以预设的速度描述信息控制各所述粒子进行运动，其中，所述速度描述信息包括速度、加速度中的至少一者；基于各所述粒子的存活时间、所述初始三维位置、所述位置扰动以及所述速度描述信息，确定各所述粒子在当前时刻的三维位置信息。4.根据权利要求3中所述的方法，其特征在于，沿所述粒子相对于所述页面的深度方向的所述位置扰动为0，同一所述粒子簇中每个所述粒子的速度和/或加速度相同。5.根据权利要求1中所述的方法，其特征在于，所述透明度调整系数设置成使得所述粒子相对于所述页面的深度越大，则所述纹理素材的透明度越小。6.根据权利要求1中所述的方法，其特征在于，所述基于所述透明度调整系数，对每个所述粒子的所述渲染范围所对应的纹理素材进行透明度调整，包括：获取所述粒子簇中每个所述粒子对应的纹理素材，其中所述纹理素材包括至少一透明度，所述透明度用于存储所述纹理素材的各像素的透明度值；将所述透明度调整系数与所述各像素点的透明度值相乘，得到所述纹理素材调整后的透明度。7.根据权利要求6中所述的方法，其特征在于，所述纹理素材包括多个通道，其中所述多个通道用于分别存储不同粒子的所对应的透明度。8.根据权利要求1中所述的方法，其特征在于，所述属性信息还包括旋转信息，同一所述粒子簇中粒子的所述旋转信息至少部分不同，所述基于所述二维位置信息将调整后的所述纹理素材渲染至所述页面中之前，进一步包括：基于所述粒子的旋转信息，将所述粒子对应的纹理素材进行旋转。9.根据权利要求1中所述的方法，其特征在于，所述基于所述二维位置信息将调整后的2CN115761077A权利要求书2/2页所述纹理素材渲染至所述页面中之前，进一步包括：针对每个所述粒子，按照预设的颜色算法对所述纹理素材进行颜色调整。10.根据权利要求9中所述的方法，其特征在于，针对每个所述粒子，按照预设的颜色算法对所述纹理素材进行颜