一种矩形控件渲染方法、装置、电子设备和存储介质制造方法及图纸

本发明专利技术实施例公开了一种矩形控件渲染方法、装置、电子设备和存储介质；本发明专利技术实施例可以获取矩形遮罩图的第一UV坐标以及待渲染矩形控件的第二UV坐标，矩形遮罩图用于为矩形控件添加特效，根据第二UV坐标和第一UV坐标，对矩形遮罩图中各像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，以使得变换后的第一UV坐标构成的新的矩形遮罩图尺寸与待渲染矩形控件尺寸相同，基于变换后的第一UV坐标重新渲染矩形遮罩图，得到新的矩形遮罩图，根据新的矩形遮罩图以及待渲染矩形控件的控件贴图，渲染待渲染矩形控件；本发明专利技术实施例可以无需针对每个矩形控件都制作一张遮罩图，降低了应用程序制作过程中的美术成本，减少应用程序的数据量。据量。据量。

【技术实现步骤摘要】
一种矩形控件渲染方法、装置、电子设备和存储介质


[0001]本专利技术涉及渲染
，具体涉及一种矩形控件渲染方法、装置、电子设备和存储介质。

技术介绍

[0002]人们在日常生活中常常会使用各类应用程序进行购物、游戏、资讯浏览等。一般的，用户通过触发应用程序上的控件来使用应用程序提供的功能。为了改善用户的使用体验和视觉体验，可以在控件上添加特效以提示用户触发该控件或者提示用户已触发该控件等等。
[0003]目前，要实现在控件上添加特效，需要设计可以实现特效效果的遮罩图，但是由于不同控件的大小可能不同，每个尺寸的控件都需要设置一张遮罩图。因此，这种方案会导致美术制作成本增高，同时也会增大应用程序的数据量，占用更多的存储资源。

技术实现思路

[0004]本专利技术实施例提供一种矩形控件渲染方法、装置、电子设备和存储介质，可以无需针对每个矩形控件都制作一张遮罩图，降低了应用程序制作过程中的美术成本，减少应用程序的数据量。
[0005]本专利技术实施例提供一种矩形控件渲染方法，包括：
[0006]获取矩形遮罩图的第一UV坐标以及待渲染矩形控件的第二UV坐标，所述矩形遮罩图用于为矩形控件添加特效；
[0007]根据所述第二UV坐标和所述第一UV坐标，对所述矩形遮罩图中各像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，以使得所述变换后的第一UV坐标构成的新的矩形遮罩图尺寸与所述待渲染矩形控件尺寸相同；
[0008]基于所述变换后的第一UV坐标重新渲染所述矩形遮罩图，得到新的矩形遮罩图；
[0009]根据所述新的矩形遮罩图以及所述待渲染矩形控件的控件贴图，渲染所述待渲染矩形控件。
[0010]相应的，本专利技术实施例还提供一种矩形控件渲染装置，包括：
[0011]坐标获取单元，用于获取矩形遮罩图的第一UV坐标以及待渲染矩形控件的第二UV坐标，所述矩形遮罩图用于为矩形控件添加特效；
[0012]伸缩变换单元，用于根据所述第二UV坐标和所述第一UV坐标，对所述矩形遮罩图中各像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，以使得所述变换后的第一UV坐标构成的新的矩形遮罩图尺寸与所述待渲染矩形控件尺寸相同；
[0013]遮罩图渲染单元，用于基于所述变换后的第一UV坐标重新渲染所述矩形遮罩图，得到新的矩形遮罩图；
[0014]控件渲染单元，用于根据所述新的矩形遮罩图以及所述待渲染矩形控件的控件贴图，渲染所述待渲染矩形控件。
[0015]相应的，本专利技术实施例还提供一种电子设备，包括存储器和处理器；所述存储器存储有应用程序，所述处理器用于运行所述存储器内的应用程序，以执行本专利技术实施例所提供的任一种矩形控件渲染方法中的步骤。
[0016]相应的，本专利技术实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行本专利技术实施例所提供的任一种矩形控件渲染方法中的步骤。
[0017]此外，本专利技术实施例还提供一种计算机程序产品，包括计算机程序或指令，所述计算机程序或指令被处理器执行时实现本专利技术实施例所提供的任一种矩形控件渲染方法中的步骤。
[0018]采用本专利技术实施例的方案，可以获取矩形遮罩图的第一UV坐标以及待渲染矩形控件的第二UV坐标，该矩形遮罩图用于为矩形控件添加特效，根据该第二UV坐标和该第一UV坐标，对该矩形遮罩图中各像素点的UV坐标进行伸缩变换，得到变换后的第一UV坐标，以使得该变换后的第一UV坐标构成的新的矩形遮罩图尺寸与该待渲染矩形控件尺寸相同，基于该变换后的第一UV坐标重新渲染该矩形遮罩图，得到新的矩形遮罩图，根据该新的矩形遮罩图以及该待渲染矩形控件的控件贴图，渲染该待渲染矩形控件；由于在本专利技术实施例中，对矩形遮罩图的UV坐标进行伸缩变换，使得变换后的第一UV坐标构成的新的矩形遮罩图尺寸与待渲染矩形控件尺寸相同，因此，在对若干个待渲染矩形控件进行渲染时，可以无需针对每个待渲染矩形控件都制作一张遮罩图，降低了应用程序制作过程中的美术成本，减少应用程序的数据量。
附图说明
[0019]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0020]图1是本专利技术实施例提供的矩形控件渲染方法的场景示意图；
[0021]图2是本专利技术实施例提供的矩形控件渲染方法的流程图；
[0022]图3是本专利技术实施例提供的矩形遮罩图的示意图；
[0023]图4是本专利技术实施例提供的对矩形遮罩图进行分割的示意图；
[0024]图5是本专利技术实施例提供的对矩形遮罩图中的像素点进行伸缩变换的示意图；
[0025]图6是本专利技术实施例提供的矩形控件渲染方法的另一流程图；
[0026]图7是本专利技术实施例提供的矩形控件渲染装置的结构示意图；
[0027]图8是本专利技术实施例提供的矩形控件渲染装置的另一结构示意图；
[0028]图9是本专利技术实施例提供的电子设备的结构示意图。
具体实施方式
[0029]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施
例，都属于本专利技术保护的范围。
[0030]本专利技术实施例提供一种矩形控件渲染方法、装置、电子设备和计算机可读存储介质。具体地，本专利技术实施例提供适用于矩形控件渲染装置的矩形控件渲染方法，该矩形控件渲染装置可以集成在电子设备中。
[0031]该电子设备可以为终端等设备，包括但不限于移动终端和固定终端，例如移动终端包括但不限于智能手机、智能手表、平板电脑、笔记本电脑、智能车载等，其中，固定终端包括但不限于台式电脑、智能电视等。
[0032]该电子设备还可以为服务器等设备，该服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器，但并不局限于此。
[0033]本专利技术实施例的矩形控件渲染方法，可以由服务器实现，也可以由终端和服务器共同实现。
[0034]下面以终端和服务器共同实现该矩形控件渲染方法为例，对该方法进行说明。
[0035]如图1所示，本专利技术实施例提供的矩形控件渲染系统包括终端10和服务器20等；终端10与服务器20之间通过网络连接，比如，通过有线或无线网络连接等。
[0036]其中，终端10可以用于获取矩形遮罩图的本文档来自技高网...

【技术保护点】

【技术特征摘要】
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坐标，对所述矩形遮罩图的纹理进行采样，得到所述变换后的第一...

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