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]非渲染任務執行模塊