[发明专利]图形渲染方法、装置及存储介质

说明书

本申请提供一种图形渲染方法、装置及存储介质，该方法通过确定待渲染图形，进而，基于待渲染图形的进度值，确定对应的待处理蒙层的偏移值和顶点圆角大小，其中，上述待渲染图形包括一个或多个顶点圆角，从而，基于上述待处理蒙层的偏移值和顶点圆角大小，在UI进行图形渲染，实现了对包含顶点圆角的图形渲染。而且，本申请实施例在进行图形渲染时，考虑待处理蒙层与待渲染图形相交的顶点圆角，从而可以实现待渲染图形边缘效果的渲染，如待渲染图形边框(或者边缘)高光等效果的渲染，提升了UI的质感以及渲染效果的丰富性。

技术领域

本申请涉及信息展示技术，尤其涉及一种图形渲染方法、装置及存储介质。

背景技术

随着软件技术的发展，越来越多的个性化界面提供给了用户。通常，用户在使用电子设备时，经常会遇到图形渲染的情形，如以进度条渲染为例，用户等待，例如等待程序运行完成、等待页面加载成功，还例如，在一些直播平台中会有抽奖功能，观看直播的用户等待开奖的结果。针对上述这些情形，用户界面(User Interface，UI)会提供一个进度条，用于显示这些事件的进行程度。

相关技术中，图形渲染通常用于渲染特定形状或样式规律的图形，如上述进度条，渲染方式主要针对特定形状的前景条或样式规律的前景条。

但是，需要渲染的图形样式多种多样，现有图形渲染方法无法覆盖所有情况。如需要渲染的图形包含顶点圆角，同时具有边框(或者边缘)高光等效果，无法用现有图形渲染方法解决。

发明内容

本申请提供一种图形渲染方法、装置及存储介质，以解决对包含顶点圆角的图形渲染问题，同时实现图形边缘效果的渲染。

第一方面，本申请实施例提供一种图形渲染方法，包括：

在UI显示待渲染图形，所述待渲染图形包括一个或多个顶点圆角；

响应于所述待渲染图形的进度值，确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小，所述待处理蒙层覆盖所述待渲染图形的边框；

基于所述待处理蒙层的偏移值和顶点圆角大小，在所述UI渲染所述待渲染图形。

在一种可能的实现方式中，所述基于所述待处理蒙层的偏移值和顶点圆角大小，在所述UI渲染所述待渲染图形，包括：

基于所述待处理蒙层的偏移值，在所述UI对所述待渲染图形进行顶点着色，并基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小，在所述UI对剩余的各个待渲染像素点，进行片段着色。

在一种可能的实现方式中，所述基于所述待处理蒙层的偏移值，在所述UI对所述待渲染图形进行顶点着色，包括：

基于所述待处理蒙层节点在世界空间下的三维(3-dimension，3D)姿势，将待渲染顶点所在的3D位置从本地空间转换到蒙层空间；

根据转换后的3D位置和所述待处理蒙层的偏移值，在所述UI对所述待渲染图形进行顶点着色。

在一种可能的实现方式中，所述基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小，在所述UI对剩余的各个待渲染像素点，进行片段着色，包括：

基于顶点着色的待渲染图形，判断所述剩余的各个待渲染像素点是否在所述待处理蒙层区域外；

若待渲染像素点i不在所述待处理蒙层区域外，则判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外，其中，所述待渲染像素点i为所述剩余的各个待渲染像素点中的任意一个待渲染像素点，i＝1,…,n，n为整数，n根据所述剩余的各个待渲染像素点的数目确定；

若所述待渲染像素点i不在所述待处理蒙层的顶点圆角区域外，则在所述UI输出所述待渲染像素点i的原始颜色。