【技术实现步骤摘要】
一种矩形控件渲染方法、装置、电子设备和存储介质
[0001]本专利技术涉及渲染
，具体涉及一种矩形控件渲染方法、装置、电子设备和存储介质。
技术介绍
[0002]人们在日常生活中常常会使用各类应用程序进行购物、游戏、资讯浏览等。一般的，用户通过触发应用程序上的控件来使用应用程序提供的功能。为了改善用户的使用体验和视觉体验，可以在控件上添加特效以提示用户触发该控件或者提示用户已触发该控件等等。
[0003]目前，要实现在控件上添加特效，需要设计可以实现特效效果的遮罩图，但是由于不同控件的大小可能不同，每个尺寸的控件都需要设置一张遮罩图。因此，这种方案会导致美术制作成本增高，同时也会增大应用程序的数据量，占用更多的存储资源。
技术实现思路
[0004]本专利技术实施例提供一种矩形控件渲染方法、装置、电子设备和存储介质，可以无需针对每个矩形控件都制作一张遮罩图，降低了应用程序制作过程中的美术成本，减少应用程序的数据量。
[0005]本专利技术实施例提供一种矩形控件渲染方法，包括：
[0...
【技术保护点】
【技术特征摘要】
1.一种矩形控件渲染方法，其特征在于，包括：获取矩形遮罩图的第一UV坐标以及待渲染矩形控件的第二UV坐标，所述矩形遮罩图用于为矩形控件添加特效；根据所述第二UV坐标和所述第一UV坐标，对所述矩形遮罩图中各像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，以使得所述变换后的第一UV坐标构成的新的矩形遮罩图尺寸与所述待渲染矩形控件尺寸相同；基于所述变换后的第一UV坐标重新渲染所述矩形遮罩图，得到新的矩形遮罩图；根据所述新的矩形遮罩图以及所述待渲染矩形控件的控件贴图，渲染所述待渲染矩形控件。2.根据权利要求1所述的矩形控件渲染方法，其特征在于，所述根据所述第二UV坐标和所述第一UV坐标，对所述矩形遮罩图中各像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，包括：根据所述第二UV坐标，确定所述待渲染矩形控件对应的边界UV坐标；将所述第一UV坐标中各像素点的UV坐标与所述边界UV坐标进行比较，得到各所述像素点与所述待渲染矩形控件之间的位置关系；基于各所述像素点对应的所述位置关系，对各所述像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标。3.根据权利要求2所述的矩形控件渲染方法，其特征在于，所述边界UV坐标包括第一边界U坐标、第二边界U坐标、第一边界V坐标和第二边界V坐标，所述各像素点的UV坐标包括各像素点的U坐标和V坐标；所述将所述第一UV坐标中各像素点的UV坐标与所述边界UV坐标进行比较，得到各所述像素点与所述待渲染矩形控件之间的位置关系，包括：将所述第一UV坐标中各所述像素点的U坐标与所述第一边界U坐标和所述第二边界U坐标中的至少一个进行比较，得到各所述像素点与所述待渲染矩形控件之间的水平位置关系；将各所述像素点的V坐标与所述第一边界V坐标和第二边界V坐标中的至少一个进行比较，得到各所述像素点与所述待渲染矩形控件之间的垂直位置关系；所述基于各所述像素点对应的所述位置关系，对各所述像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，包括：基于各所述像素点对应的所述水平位置关系，对各所述像素点的U坐标进行水平方向的伸缩变换，以及，基于各所述像素点对应的所述垂直位置关系，对各所述像素点的V坐标进行垂直方向的伸缩变换，得到变换后的第一UV坐标。4.根据权利要求1所述的矩形控件渲染方法，其特征在于，所述基于所述变换后的第一UV坐标重新渲染所述矩形遮罩图，得到新的矩形遮罩图，包括：基于所述变换后的第一UV坐标，对所述矩形遮罩图的纹理进行采样，得到所述变换后的第一UV坐标中每个像素点的纹理采样结果；根据所述纹理采样结果，生成新的矩形遮罩图。5.根据权利要求4所述的矩形控件渲染方法，其特征在于，所述基于所述变换后的第一UV坐标，对所述矩形遮罩图的纹理进行采样，得到所述变换后的第一...
【专利技术属性】
技术研发人员：丁力，蓝可莹，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。