[發明專利]基于WebGL的渲染方法、裝置、設備及存儲介質

在審

• 申請號: 201910675659.X
• 申請日: 2019-07-25
• 公開（公告）號: CN110413914A
• 公開（公告）日: 2019-11-05
• 發明（設計）人: 宋中山;單業榮;帖軍;鄭祿;吳經龍;馬堯;劉越
• 申請（專利權）人: 中南民族大學
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958;G06T19/00
• 代理公司: 深圳市世紀恒程知識產權代理事務所 44287
• 代理人: 胡海國

本發明公開了一種基于WebGL的渲染方法、裝置、設備及存儲介質，通過在檢測到當前網頁中只存在WebGL數據時，將原始WebGL架構中用于提供初始渲染目標的中間緩沖區進行消除，以使所述初始渲染目標無法被創建和綁定；將當前網頁的窗口表面設置為當前渲染目標，并將所述WebGL數據中的待渲染數據渲染至所述當前渲染目標，不需要不必要的緩沖區和副本，能夠在保障一定幀速率的同時，降低了內存的占用，并且縮短了渲染時間，減少了渲染開銷，提升了渲染性能。

技術領域

本發明涉及計算機圖形領域，尤其涉及一種基于WebGL的渲染方法、裝置、設備及存儲介質。

背景技術

在傳統理念上的圖形圖像學中，渲染2D、3D矢量圖形主要通過OpenGL這個跨語言、跨平臺的應用程序編程接口；以往在網頁加載三維模型，需要使用插件才可以將三維模型完整美觀的加載到網頁上，如用Java語言編寫的網頁小應用程序JavaApplet、支持Web動畫的Flash等插件；且網頁加載渲染三維模型在CPU上進行，時間開銷較大；而利用WebGL技術在網頁加載渲染三維模型時，具有無需插件和利用GPU渲染的兩大優勢；Web圖形庫(WebGraphics Library，WebGL)是一種3D繪圖協議，這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起，通過增加OpenGL ES 2.0的一個JavaScript綁定，WebGL可以為HTML5Canvas(Canvas畫布是在HTML5中新增的標簽，用于在網頁實時生成圖像，并且可以操作圖像內容，基本上它是一個可以用JavaScript操作的位圖)提供硬件3D加速渲染，這樣Web開發人員就可以借助系統顯卡來在瀏覽器里更流暢地展示3D場景和模型了，還能創建復雜的導航和數據視覺化。

但是傳統的WebGL渲染方式，由于增加了在Canvas渲染的過程，如果使用大量的文本或者矢量繪圖，渲染開銷較大，將不能得到期望的性能提升效果；而在某些特定情境，例如WebGL是當前網頁中的唯一內容時，傳統的WebGL渲染模式存在不必要的緩沖區和副本，對于頁面少量文本元素與三維元素同時處理，需要不斷地切換渲染上下文，內存和時間開銷較大。

發明內容

本發明的主要目的在于提供一種基于WebGL的渲染方法、裝置、設備及存儲介質，旨在解決現有技術中當前網頁只有WebGL數據時，存在渲染開銷較大的技術問題。

為實現上述目的，本發明提供一種基于WebGL的渲染方法，所述基于WebGL的渲染方法包括以下步驟：

在檢測到當前網頁中只存在WebGL數據時，將原始WebGL架構中用于提供初始渲染目標的中間緩沖區進行消除，以使所述初始渲染目標無法被創建和綁定；

將當前網頁的窗口表面設置為當前渲染目標，并將所述WebGL數據中的待渲染數據渲染至所述當前渲染目標。

優選地，所述在檢測到當前網頁中只存在WebGL數據時，將原始WebGL架構中用于提供初始渲染目標的中間緩沖區進行消除，以使所述初始渲染目標無法被創建和綁定，具體包括：

在檢測到當前網頁中只存在WebGL數據時，將原始WebGL架構中用于提供初始渲染目標的中間緩沖區的繪圖協議接口進行替換，以使初始渲染目標的幀緩沖對象無法被創建和綁定，所述幀緩沖對象為用于構建所述中間緩沖區的緩沖器。

優選地，所述在檢測到當前網頁中只存在WebGL數據時，將原始WebGL架構中用于提供初始渲染目標的中間緩沖區的繪圖協議接口進行替換，以使初始渲染目標的幀緩沖對象無法被創建和綁定，具體包括：

在檢測到當前網頁中只存在WebGL數據時，獲取原始WebGL架構中的繪圖協議接口；

對所述繪圖協議接口進行分析，獲得所述繪圖協議接口中用于記錄幀緩沖對象的繪圖協議命令；