CN113487716A - 瓷砖铺贴渲染方法、装置、存储介质和计算机程序产品 - Google Patents

Abstract

本申请公开了一种瓷砖铺贴渲染方法、装置、存储介质和计算机程序产品，属于铺贴渲染技术领域，所述方法包括：获取各个像素点的UV坐标；对于每个UV坐标，根据shader函数获取所述UV坐标所对应的颜色值，所述shader函数根据瓷砖铺贴信息确定；根据获取到的各个颜色值对瓷砖铺贴进行渲染。而无需生成mesh函数，占用大量内存，解决了现有技术中的各项问题，达到了可以减少渲染过程中所需占用的各种资源，提高渲染效率的效果。

Description

瓷砖铺贴渲染方法、装置、存储介质和计算机程序产品

技术领域

本发明涉及瓷砖铺贴渲染方法、装置、存储介质和计算机程序产品，属于铺贴渲染技术领域。

背景技术

在装修设计中，设计师通常需要将自己的设计进行渲染，现有方案中主要通过mesh数据对瓷砖铺设渲染。其流程包括：后台生成三角面片数据(mesh)传到前端，前端将mesh数据存储到内存，然后CPU(central processing unit，中央处理器)将mesh数据上传到GPU(graphics processing unit，图形处理器)显存生成buff(缓存)，最后GPU调用shader(着色器)对buff进行drawcall(渲染)，最终完成模型的渲染。

上述方案中，后端要生成大量模型的三角面片(mesh)传到前端，mesh的生成和网络传输都将耗时且浪费资源。同时，前端需要将三角面片存储到内存，占用前端宝贵的内存资源，同时还需触发CPU把mesh数据从内存上传到GPU显存，容易导致前端卡顿，大大降低了前端的FPS(Frames Per Second，每秒传输帧数)。尤其是在大场景的情况下，铺贴的面比较多且单个面较大时，铺贴数据在渲染的时候性能就非常卡顿，降低用户的体验且可能渲染缺失。

发明内容

本发明的目的在于提供一种瓷砖铺贴渲染方法、装置、存储介质和计算机程序产品，用于解决现有技术中存在的问题。

为达到上述目的，本发明提供如下技术方案：

根据第一方面，本发明实施例提供了一种瓷砖铺贴渲染方法，所述方法包括：

获取各个像素点的UV坐标；

对于每个UV坐标，根据shader函数获取所述UV坐标所对应的颜色值，所述shader函数根据瓷砖铺贴信息确定；

根据获取到的各个颜色值对瓷砖铺贴进行渲染。

可选的，所述根据shader函数获取所述UV坐标所对应的颜色值，包括：

根据所述shader函数确定所述UV坐标在U方向和V方向分别所处的单元；

根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，以及颜色单元，确定所述UV坐标所对应的颜色值，所述颜色单元中包括各个坐标处的颜色值。

可选的，所述根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，以及颜色单元，确定所述UV坐标所对应的颜色值，包括：

所述根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，确定所述UV坐标在所述颜色单元中所对应的坐标；

根据确定得到的所述坐标在所述颜色单元中查询对应的颜色值。

可选的，所述根据获取到的各个颜色值对瓷砖铺贴进行渲染，包括：

获取所述瓷砖的材质；

根据所述材质以及所述颜色值对瓷砖铺贴进行渲染。

可选的，所述根据shader函数获取所述UV坐标所对应的颜色值之前，所述方法还包括：

获取所述瓷砖铺贴信息；

根据所述瓷砖铺贴信息生成所述shader函数。

可选的，所述瓷砖铺贴信息包括瓷砖形状、瓷砖大小、瓷砖铺贴方式以及瓷砖铺贴的基准点中的至少一种。

可选的，所述瓷砖铺贴方式包括工字形、三六九形、人字形、直铺和六角砖铺贴中的至少一种。

第二方面，提供了一种瓷砖铺贴渲染装置，所述装置包括存储器和处理器，所述存储器中存储有至少一条程序指令，所述处理器通过加载并执行所述至少一条程序指令以实现如第一方面所述的方法。

第三方面，提供了一种计算机存储介质，所述计算机存储介质中存储有至少一条程序指令，所述至少一条程序指令被处理器加载并执行以实现如第一方面所述的方法。

第四方面，提供了一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行如第一方面所述的方法。

通过在进行瓷砖铺设渲染时，调用shader函数来确定各个位置处的颜色值，进而根据确定的颜色值进行渲染，而无需生成mesh函数，占用大量内存，解决了现有技术中的各项问题，达到了可以减少渲染过程中所需占用的各种资源，提高渲染效率的效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，并可依照说明书的内容予以实施，以下以本发明的较佳实施例并配合附图详细说明如后。

附图说明

图1为本发明一个实施例提供的瓷砖铺贴方法的方法流程图；

图2为本发明一个实施例提供的颜色单元的一种可能的示意图；

图3为本发明一个实施例提供的瓷砖铺贴方法的流程示意图。

具体实施方式

下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在本发明的描述中，需要说明的是，术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。

在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。

此外，下面所描述的本发明不同实施方式中所涉及的技术特征只要彼此之间未构成冲突就可以相互结合。

请参考图1，其示出了本申请一个实施例提供的瓷砖铺贴方法的方法流程图，如图1所示，所述方法包括：

步骤101，获取各个像素点的UV坐标；

UV坐标是指所有的图象文件都是二维的一个平面。水平方向是U，垂直方向是V，通过这个平面的，二维的UV坐标系可以定位图象上的任意一个象素。

步骤102，对于每个UV坐标，根据shader函数获取所述UV坐标所对应的颜色值，所述shader函数根据瓷砖铺贴信息确定；

所述瓷砖铺贴信息包括瓷砖形状、瓷砖大小、瓷砖铺贴方式以及瓷砖铺贴的基准点中的至少一种。所述瓷砖铺贴方式包括工字形、三六九形、人字形、直铺和六角砖铺贴中的至少一种。

可选的，shader函数可以为系统默认的根据瓷砖铺贴信息生成的函数，也可以为在实际渲染时根据瓷砖铺贴信息生成的函数。实际实现时，生成shader函数的步骤可以包括：

第一，获取所述瓷砖铺贴信息；

第二，根据所述瓷砖铺贴信息生成所述shader函数。

实际实现时，可以根据瓷砖铺贴信息以及转换公式生成shader函数。由于工人实际铺设瓷砖时，根据瓷砖的形状、大小、铺贴方式以及铺贴基准点不同，铺贴后的瓷砖布局不同，也即若使用的瓷砖的颜色材质不同，则铺贴后的花纹颜色也不同，因此，在本申请中为了准确渲染瓷砖的铺贴效果可以根据瓷砖铺贴信息模拟构建坐标系，进而设置对应的转换公式，该转换公式可以确定得到各块瓷砖在坐标系中的坐标，本步骤即为根据瓷砖铺贴信息以及对应的转换公式生成shader函数。生成的shader函数可以根据UV坐标确定得到其所处的是哪一块瓷砖，进而对确定得到的瓷砖进行渲染。

本步骤中，在获取到所需渲染的UV坐标之后，可以通过GPU即可调用shader函数，根据shader函数来确定各个UV坐标处的颜色值。

确定各个UV坐标处的颜色值的步骤包括：

第一，根据所述shader函数确定所述UV坐标在U方向和V方向分别所处的单元；

第二，根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，以及颜色单元，确定所述UV坐标所对应的颜色值。

所述颜色单元中包括各个坐标处的颜色值。比如，请参考图2，其示出了颜色单元的一种可能的实施方式。结合图2，若：UV是(0.1,0.1)取得颜色值为绿色；UV是(0.2,0.8)取得颜色值为粉色；UV是(0.7,0.2)取得颜色值为蓝色；UV是(0.9,0.9)取得颜色值为黄色。

实际实现时，根据渲染引擎的设定颜色单元还可能为其他实现方式，本实施例对其并不做限定。

实际实现时，本步骤包括：

(1)、所述根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，确定所述UV坐标在所述颜色单元中所对应的坐标；

(2)、根据确定得到的所述坐标在所述颜色单元中查询对应的颜色值。

在一种可能的实施例中，假设一个面板上铺贴了4块瓷砖，每块瓷砖的大小为width＝0.5，height＝0.5，且瓷砖直铺，所需计算颜色值的UV坐标为UV＝(0.9,0.9)，则：

1、设P为U方向第P个，Q为V方向第Q个，则P＝ceil(0.9/0.5)＝2，Q＝ceil(0.9/0.5)＝2，得出UV＝(0.9,0.9)在U方向第2个&V方向第2个的单元上。

2、计算UV＝(0.9,0.9)映射到颜色单元的UV坐标，U*＝(0.9mod0.5)/0.5＝0.8V*＝(0.9mod0.5)/0.5＝0.8，即在颜色单元中的坐标为UV*＝(0.8，0.8)。

3、确定UV*＝(0.8，0.8)处的颜色值。结合图2，可以得知，确定得到的颜色值为黄色。

请参考图3，其示出了本申请所述的瓷砖铺设渲染方法的流程示意图，并且，结合图3可知，本申请将UV坐标和瓷砖铺贴信息作为inputs输入至shader函数，shader函数输出确定得到的UV坐标对应的颜色值，也即shader函数的outputs为确定得到的UV坐标对应的颜色值。

步骤103，根据获取到的各个颜色值对瓷砖铺贴进行渲染。

在确定得到各个坐标处的颜色值之后，根据各个颜色值进行渲染。

当然，实际实现时，由于相同颜色不同材质给人的直观感觉也不同，因此，为了提高渲染效果的准确度，本步骤还可以包括：

第一，获取所述瓷砖的材质；

第二，根据所述材质以及所述颜色值对瓷砖铺贴进行渲染。

综上所述，通过在进行瓷砖铺设渲染时，调用shader函数来确定各个位置处的颜色值，进而根据确定的颜色值进行渲染，而无需生成mesh函数，占用大量内存，解决了现有技术中的各项问题，达到了可以减少渲染过程中所需占用的各种资源，提高渲染效率的效果。

本申请还提供了一种瓷砖铺贴渲染装置，所述装置包括存储器和处理器，所述存储器中存储有至少一条程序指令，所述处理器通过加载并执行所述至少一条程序指令以实现如上所述的方法。

本申请还提供了一种计算机存储介质，所述计算机存储介质中存储有至少一条程序指令，所述至少一条程序指令被处理器加载并执行以实现如上所述的方法。

本申请还提供了一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行如上所述的方法。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种瓷砖铺贴渲染方法，其特征在于，所述方法包括：

获取各个像素点的UV坐标；

对于每个UV坐标，根据shader函数获取所述UV坐标所对应的颜色值，所述shader函数根据瓷砖铺贴信息确定；

根据获取到的各个颜色值对瓷砖铺贴进行渲染。

2.根据权利要求1所述的方法，其特征在于，所述根据shader函数获取所述UV坐标所对应的颜色值，包括：

根据所述shader函数确定所述UV坐标在U方向和V方向分别所处的单元；

根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，以及颜色单元，确定所述UV坐标所对应的颜色值，所述颜色单元中包括各个坐标处的颜色值。

3.根据权利要求2所述的方法，其特征在于，所述根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，以及颜色单元，确定所述UV坐标所对应的颜色值，包括：

所述根据所述UV坐标、确定得到的U方向所处的单元和V方向所处的单元，确定所述UV坐标在所述颜色单元中所对应的坐标；

根据确定得到的所述坐标在所述颜色单元中查询对应的颜色值。

4.根据权利要求1所述的方法，其特征在于，所述根据获取到的各个颜色值对瓷砖铺贴进行渲染，包括：

获取所述瓷砖的材质；

根据所述材质以及所述颜色值对瓷砖铺贴进行渲染。

5.根据权利要求1所述的方法，其特征在于，所述根据shader函数获取所述UV坐标所对应的颜色值之前，所述方法还包括：

获取所述瓷砖铺贴信息；

根据所述瓷砖铺贴信息生成所述shader函数。

6.根据权利要求1所述的方法，其特征在于，所述瓷砖铺贴信息包括瓷砖形状、瓷砖大小、瓷砖铺贴方式以及瓷砖铺贴的基准点中的至少一种。

7.根据权利要求6所述的方法，其特征在于，所述瓷砖铺贴方式包括工字形、三六九形、人字形、直铺和六角砖铺贴中的至少一种。

8.一种瓷砖铺贴渲染装置，其特征在于，所述装置包括存储器和处理器，所述存储器中存储有至少一条程序指令，所述处理器通过加载并执行所述至少一条程序指令以实现如权利要求1至7任一所述的方法。

9.一种计算机存储介质，其特征在于，所述计算机存储介质中存储有至少一条程序指令，所述至少一条程序指令被处理器加载并执行以实现如权利要求1至7任一所述的方法。

10.一种计算机程序产品，其特征在于，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行如权利要求1至7任一所述的方法。

Images