基于WebGL的图像渲染方法、装置、设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN116091684A(43)申请公布日2023.05.09(21)申请号202310356992.0(22)申请日2023.04.06(71)申请人杭州片段网络科技有限公司地址310000浙江省杭州市余杭区仓前街道文一西路1378号1幢E408室(72)发明人张迪(74)专利代理机构北京集佳知识产权代理有限公司11227专利代理师王雨(51)Int.Cl.G06T15/50(2011.01)G06T15/00(2011.01)权利要求书2页说明书13页附图6页(54)发明名称基于WebGL的图像渲染方法、装置、设备及存储介质(57)摘要本申请公开了一种基于WebGL的图像渲染方法、装置、设备及存储介质，首先获取待处理对象的目标渲染参数，所述目标渲染参数包括目标灯光参数和目标材质参数，确定所述目标材质参数对应的目标材质类型，并从至少一个预先建立的材质模型中，确定与所述目标材质类型对应的目标材质模型，调用所述目标材质模型对所述目标渲染参数进行处理，得到所述待处理对象的着色信息，所述目标材质模型可以表征目标材质类型的对象的渲染参数和着色信息之间的映射关系，因此调用所述目标材质模型进行数学运算，可以实现着色过程的仿真，最后利用3D绘图协议WebGL，对所述着色信息进行光栅化处理，可以较快的生成所述待处理对象的渲染效果图。CN116091684ACN116091684A权利要求书1/2页1.一种基于WebGL的图像渲染方法，其特征在于，该方法包括：获取待处理对象的目标渲染参数，所述目标渲染参数包括：目标灯光参数和目标材质参数；确定所述目标材质参数对应的目标材质类型，并从至少一个预先建立的材质模型中，确定与所述目标材质类型对应的目标材质模型，每个材质模型分别用于表征，其对应材质类型的对象的渲染参数和着色信息之间的映射关系；调用所述目标材质模型对所述目标渲染参数进行处理，得到所述待处理对象的着色信息；利用3D绘图协议WebGL，对所述着色信息进行光栅化处理，生成所述待处理对象的渲染效果图。2.根据权利要求1所述的方法，其特征在于，所述材质模型包括非透明材质模型和透明材质模型；所述确定所述目标材质参数对应的目标材质类型，并从至少一个预先建立的材质模型中，确定与所述目标材质类型对应的目标材质模型，包括：根据所述目标材质参数对应的目标材质类型，提取所述待处理对象中的材质类型分别为非透明和透明的非透明物体和透明物体；确定所述非透明物体的目标材质模型为所述非透明材质模型；确定所述透明物体的目标材质模型为所述透明材质模型；所述调用所述目标材质模型对所述目标渲染参数进行处理，得到所述待处理对象的着色信息，包括：对于所述非透明物体，调用所述非透明材质模型对所述非透明物体的目标渲染参数进行处理，得到所述非透明物体的第一着色信息；对于所述透明物体，调用所述透明材质模型对所述待处理对象的目标渲染参数进行处理，得到所述透明物体的第二着色信息；由所述第一着色信息和所述第二着色信息，构成所述待处理对象的着色信息。3.根据权利要求2所述的方法，其特征在于，所述目标灯光参数包括至少一组光照强度参数，所述光照强度参数包括：漫反射强度和高光反射强度；每一组光照强度参数分别对应一种光照类型，所述光照类型包括太阳光、环境光和矩形面光。4.根据权利要求3所述的方法，其特征在于，所述非透明物体的目标材质参数包括漫反射颜色、高光反射颜色和不透明度中的至少两种；所述调用所述非透明材质模型对所述非透明物体的目标渲染参数进行处理，得到所述非透明物体的第一着色信息，包括：运行所述非透明材质模型，以获取所述漫反射颜色与各个所述漫反射强度的第一乘积，以及所述高光反射颜色和各个所述高光反射强度的第二乘积，并将各个所述第一乘积和各个所述第二乘积的和作为所述非透明物体的颜色值，依据所述非透明物体的颜色值和所述不透明度，生成所述非透明物体的第一着色信息。5.根据权利要求3所述的方法，其特征在于，所述透明物体的目标材质参数包括透射颜色、反射颜色和折射率；2CN116091684A权利要求书2/2页所述调用所述透明材质模型对所述待处理对象的目标渲染参数进行处理，得到所述透明物体的第二着色信息，包括：运行所述透明材质模型，以确定与所述透明物体的入射点对应的出射点的UV坐标，在第一着色信息中，获取所述UV坐标处的目标第一着色信息，根据所述目标第一着色信息确定折射颜色，根据所述折射率和所述反射颜色确定高光反射颜色，获取所述高光反射颜色和各个所述高光反射强度的第三乘积，以及所述折射颜色和所述透射颜色的第四乘积，并将各个所述第三乘积和所述第四乘积的和作为所述透明物体的第二着色信息。6.根据权利要求3‑5中任一项所述的方法，其特征在于，所述太阳光的光照强度参