渲染方法、装置、存储介质、电子设备及产品与流程

本申请涉及计算机，具体涉及一种渲染方法、装置、存储介质、电子设备及产品。

背景技术：

1、网络三维(web3d)通常经由浏览器页面中进行网络三维(web3d)场景的渲染，从而显示最终的三维计算机图形。目前，网络三维(web3d)场景的渲染方案，通常是加载待渲染的三维模型后，根据渲染数据对三维模型进行遍历操作，直接将相应数量的三维模型添加在三维场景中形成网络三维(web3d)场景，最后在浏览器中渲染整个网络三维(web3d)场景。

2、目前的渲染方式下，一方面，通过遍历模型后，直接将所有的三维模型一次性地添加到场景中，在数据量很大的情况下，这种渲染方式所产生的三维模型三角面数量巨大，严重影响浏览器页面的渲染性能。

3、因此，目前存在浏览器页面对于网络三维(web3d)场景的渲染性能较差的问题。

技术实现思路

1、本申请实施例提供一种渲染方法及相关装置，可以有效提升浏览器页面对于网络三维(web3d)场景的渲染性能。

2、为解决上述技术问题，本申请实施例提供以下技术方案：

3、根据本申请的一个实施例，一种渲染方法，该方法包括：将渲染器添加至浏览器页面中，并创建初始化三维场景；从预设资源文件中加载三维模型，并获取所述三维模型的渲染数据；若所述渲染数据大于第一阈值，对加载的三维模型进行分类处理，得到不同模型类型的三维模型；根据所述模型类型对所述三维模型进行合并处理，得到至少一种合并模型；将所述至少一种合并模型添加至所述初始化三维场景，得到合并网络三维场景，所述合并网络三维场景用于所述浏览器页面中的渲染器进行渲染。

4、根据本申请的一个实施例，一种渲染装置，其包括：初始化模块，用于将渲染器添加至浏览器页面中，并创建初始化三维场景；模型加载模块，用于从预设资源文件中加载三维模型，并获取所述三维模型的渲染数据；模型分类模块，用于若所述渲染数据大于第一阈值，对加载的三维模型进行分类处理，得到不同模型类型的三维模型；模型合并模块，用于根据所述模型类型对所述三维模型进行合并处理，得到至少一种合并模型；模型添加模块，用于将所述至少一种合并模型添加至所述初始化三维场景，得到合并网络三维场景，所述合并网络三维场景用于所述浏览器页面中的渲染器进行渲染。

5、在本申请的一些实施例中，所述装置还包括模型分组模块，用于：若所述渲染数据大于第二阈值，对加载的三维模型按照预定维度进行分组处理，得到不同维度的三维模型，所述第二阈值大于所述第一阈值；针对每种维度的三维模型，创建对应维度的细节层次实例；将不同维度的所述细节层次实例添加至所述初始化三维场景，得到分组网络三维场景，所述分组网络三维场景用于所述浏览器页面中的渲染器进行渲染。

6、在本申请的一些实施例中，所述模型添加模块，用于：若所述预设资源文件中包括贴片，从所述预设资源文件中加载贴片；对加载的贴片进行分类处理，得到不同贴片类型的贴片；根据所述贴片类型对所述贴片进行合并处理，得到至少一种合并贴片；将所述至少一种合并模型及所述合并贴片添加至所述初始化三维场景，得到合并网络三维场景。

7、在本申请的一些实施例中，所述模型添加模块，用于：基于每种所述合并模型及每种所述合并模型对应的合并贴片，分别创建每种所述合并模型对应的实例化网格实例；将每种所述合并模型对应的实例化网格实例添加至所述初始化三维场景，得到所述合并网络三维场景。

8、在本申请的一些实施例中，所述模型合并模块，用于：将相同模型类型的所述三维模型进行合并处理，得到至少一种合并模型；将预定模型类型组合对应的所述三维模型进行合并处理，得到至少一种合并模型，所述预定模型类型组合中包括至少两种模型类型。

9、在本申请的一些实施例中，所述模型分类模块，用于：获取加载的所述三维模型在所述预设资源文件中的模型名称；根据加载的所述三维模型的模型名称中的预设类型标识，对加载的所述三维模型进行分类处理，得到不同模型类型的三维模型。

10、在本申请的一些实施例中，所述模型添加模块，用于：获取加载的所述贴片在所述预设资源文件中的贴片名称；根据加载的所述贴片的贴片名称中的预设类型标识，对加载的所述贴片进行分类处理，得到不同贴片类型的贴片。

11、根据本申请的另一实施例，一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序被计算机的处理器执行时，使计算机执行本申请实施例所述的方法。

12、根据本申请的另一实施例，一种电子设备，包括：存储器，存储有计算机程序；处理器，读取存储器存储的计算机程序，以执行本申请实施例所述的方法。

13、根据本申请的另一实施例，一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行本申请实施例所述的各种可选实现方式中提供的方法。

14、本申请实施例中，将渲染器添加至浏览器页面中，并创建初始化三维场景；从预设资源文件中加载三维模型，并获取所述三维模型的渲染数据；若所述渲染数据大于第一阈值，对加载的三维模型进行分类处理，得到不同模型类型的三维模型；根据所述模型类型对所述三维模型进行合并处理，得到至少一种合并模型；将所述至少一种合并模型添加至所述初始化三维场景，得到合并网络三维场景，所述合并网络三维场景用于所述浏览器页面中的渲染器进行渲染。

15、以这种方式，通过在加载三维模型后，将加载的三维模型进行分类处理及合并处理，得到合并模型，将合并模型添加至初始化三维场景得到合并网络三维场景，该合并网络三维场景用于浏览器页面中的渲染器进行渲染，可以有效降低模型三角面的数量，进而可以有效提升浏览器页面对于网络三维(web3d)场景的渲染性能。

技术特征：

1.一种渲染方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，在所述获取所述三维模型的渲染数据之后，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，所述将所述至少一种合并模型添加至所述初始化三维场景，得到合并网络三维场景，包括：

4.根据权利要求3所述的方法，其特征在于，所述将所述至少一种合并模型及所述合并贴片添加至所述初始化三维场景，得到合并网络三维场景，包括：

5.根据权利要求1所述的方法，其特征在于，所述根据所述模型类型对所述三维模型进行合并处理，得到至少一种合并模型，包括以下方式中一种：

6.根据权利要求1所述的方法，其特征在于，所述对加载的三维模型进行分类处理，得到不同模型类型的三维模型，包括：

7.根据权利要求3所述的方法，其特征在于，所述对加载的贴片进行分类处理，得到不同贴片类型的贴片，包括：

8.一种渲染装置，其特征在于，包括：

9.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，当所述计算机程序被计算机的处理器执行时，使计算机执行权利要求1至7任一项所述的方法。

10.一种电子设备，其特征在于，包括：存储器，存储有计算机程序；处理器，读取存储器存储的计算机程序，以执行权利要求1至7任一项所述的方法。

11.一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现权利要求1至7任一项的方法。

技术总结
本申请公开了一种渲染方法、装置、存储介质、电子设备及产品，涉及计算机技术领域，本申请可以应用于区块链、云技术及地图车联网等领域，该方法包括：将渲染器添加至浏览器页面中，并创建初始化三维场景；从预设资源文件中加载三维模型，并获取所述三维模型的渲染数据；若所述渲染数据大于第一阈值，对加载的三维模型进行分类处理，得到不同模型类型的三维模型；根据所述模型类型对所述三维模型进行合并处理，得到至少一种合并模型；将所述至少一种合并模型添加至所述初始化三维场景，得到合并网络三维场景，所述合并网络三维场景用于所述浏览器页面中的渲染器进行渲染。本申请可以有效提升浏览器页面对于网络三维(Web3D)场景的渲染性能。

技术研发人员：吴楠
受保护的技术使用者：腾讯科技（深圳）有限公司
技术研发日：
技术公布日：2024/5/20