CN119067856B 一种基于WebGPU的地理矢量数据渲染方法、存储介质、设备及计算机程序产品 （园测信息科技股份有限公司）

一种基于WebGPU的地理矢量数据渲染方法、本发明公开了一种基于WebGPU的地理矢量画布网格大小，将画布网格大小写入uniform缓建数据空间描述顶点渲染状态，写入存储缓冲区；为uniform缓冲区和存储缓冲区创建绑定组2角形剖分算法拆分成三角形单元，并创建与待渲染地理空间信息数据帧数相同的数据空步骤4、为uniform缓冲区和存储缓冲区创步骤2.3、通过JavaScript中的类型化数组Float32Array将提取的顶点坐标包装成顶5中创建计算着色器的具体过程为：使用计算着色器注解@group(i)访问第i帧待渲染的地理矢量数据对应的绑定组的数据空间，使用计算着色器注解@binding(j)访问对应数据空6中创建渲染着色器的具体过程为：使用渲染着色器注解@group(i)访问第i帧待渲染的地理矢量数据对应的绑定组的数据空间，使用渲染着色器注解@binding(j)访问对应数据空色器注解@location(j)获取对应数据空间中第j个数字对应的顶点数组，使用渲染着色器3义匹配渲染着色器内使用的顶点数据布局，通过调用context.getCurrentTexture()机执行如权利要求1_6任一项所述的基于WebGPU的地理矢量数时实现权利要求1_6任一项所述的基于WebG4[0003]WebGPU是下一代图形API，旨在提供更高效的硬件加速图形处理能力，相比于[0011]步骤5、针对某一帧待渲染的地理矢量数据，根据创建的管道布局创建计算着色5[0017]步骤2.3、通过JavaScript中的类型化数组Floa角形剖分算法拆分成三角形单元，并创建与待渲染地理空间信息数据帧数相同的数据空[0019]进一步地，步骤5中创建计算着色器的具体过程为：使用计算着色器注解@group(i)访问第i帧待渲染的地理矢量数据对应的绑定组的数据空间，使用计算着色器注解@binding(j)访问对应数据空间中的第j个数字，使用计算着色器注解@compute标记计算着[0020]进一步地，步骤6中创建渲染着色器的具体过程为：使用渲染着色器注解@group(i)访问第i帧待渲染的地理矢量数据对应的绑定组的数据空间，使用渲染着色器注解@器的顶点函数，使用渲染着色器注解@location(j)获取对应数据空间中第j个数字对应的区布局，为顶点缓冲区定义匹配渲染着色器内使用的顶点数据布局，通过调用据顶点缓冲区布局使用顶点缓冲区和渲染管道配置渲染通道，获取第i帧待渲染的地理矢算机程序使计算机执行所述的基于WebGPU的地上并可在处理器上运行的计算机程序，所述处理器执行计算机程序时，实现所述的基于序被处理器执行时实现所述的基于WebGPU的[0027]本发明基于WebGPU的地理矢量数据渲染方法充分利用WebGPU的高性能图形处理6[0028]本发明基于WebGPU的地理矢量数据渲染方法通过创建数据空间来描述地理矢量[0032]如图1为本发明基于WebGPU的地理矢量数据渲染方法的具体流程图，该地理矢量7空间中每个数字对应顶点数组的byte大小、顶点数组中每间隔几个数字代表一个顶点坐计算着色器注解@compute标记计算着色器的计算函数，使用计算着色器注解@workgroup_size描述计算着色器中计算组大小，得到第i帧待渲染的地理矢量数据的计算着色器，8渲染着色器注解@vertex标记渲染着色器的顶点函数，使用渲染着色器注解@location(j)色器的片元函数配置渲染管道中的片元，将步骤5.1中创建的顶点缓冲区布局作为该渲染[0062]步骤7.3、通过命令编码器的beginRenderPass函数创建渲染通道，通过调用用顶点缓冲区和渲染管道配置渲染通道，获取第i帧待渲染的地理矢量数据的顶点坐标进[0064]本发明基于WebGPU的地理矢量数据渲染方法利用WebGPU技术来实现地理矢量数9述计算机程序被处理器执行时实现所述的基于WebGPU的地理矢量[0068]在本发明的一个技术方案中，还提供了一种基于WebGPU的地理矢量数据渲染系[0069]WebGPU配置模块用于创建并配置WebGPU上下文，配置画布[0072]绑定模块为uniform缓冲区和存储缓冲区创建绑定组布局，根据绑定组布局创建[0073]非渲染任务执行模块