[發明專利]一種基于WebGL的圖形繪制方法、裝置及系統

有效

• 申請號: 201810627272.2
• 申請日: 2018-06-15
• 公開（公告）號: CN110609682B
• 公開（公告）日: 2023-09-19
• 發明（設計）人: 謝成鴻
• 申請（專利權）人: 北京藍亞盒子科技有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/36;G06T1/60
• 代理公司: 北京動力號知識產權代理有限公司 11775
• 代理人: 楊潤

本申請公開了一種基于WebGL的圖形繪制方法、裝置及系統。該方法包括：運行器接收對目標圖形的繪制請求，所述繪制請求中包含基于WebGL的圖形繪制規則指令集，所述圖形繪制規則指令集至少包含一條對寄存器進行操作的指令，所述寄存器為內存中的臨時存儲區域；運行器根據所述圖形繪制規則指令集對所述目標圖形進行繪制。通過該技術方案，可以解決圖形繪制效率較低的問題。

技術領域

本申請涉及計算機圖形繪制技術領域，尤其涉及一種基于WebGL的圖形繪制方法、裝置及系統。

背景技術

在網絡游戲、動畫展現等應用場景中，需要進行大量的多維圖形(比如2D圖形或3D圖形)的繪制工作。圖形繪制的快慢在較大程度上決定各種應用、程序對用戶相應操作的響應速度，進而影響到該應用或程序的用戶使用量。為提高圖形繪制效率，在不依賴于瀏覽器為載體的情況下，一般使用專門開發的運行器(RunTime)如圖1a，運行器的核心組成部分包括JS解析引擎和C++引擎框架，前者用于對JS項目中的指令集進行識別、解析，后者用于調用封裝的C語言函數對指令進行執行操作。參見圖1b，在運行器內運行JS代碼編寫的JS項目時，由運行器的JS解析引擎對JS代碼項目中的指令集進行解析，然后將解析后的各條指令(如圖中第一壓棧中的A、B、C等)以“壓棧”方式推送到C++引擎框架中執行，再通過OpenGLES進行渲染，最終完成預定圖形的繪制工作。

按照上述方式進行的圖形繪制，指令集中的每條指令將按照“壓棧”的順序逐條執行，這種方式能夠滿足一些簡單的應用場景，對于一些復雜的應用場景卻“愛莫能助”。在現實應用中，指令集中的指令并非均是按序執行。比如，可能大量存在指令跳轉(IF語句)的情形，即在滿足預設條件時，由本條指令跳轉到另一條指令執行(比如圖1b中C執行后，在一定條件下執行D，在另一條件下執行F)，而不是執行緊隨本條指令之后的那條指令；再比如，可能大量存在指令循環(WHILE語句)的情形，即在滿足預設循環條件時，由本條指令回跳到其先前的某條指令，直至滿足預設結束循環條件，才跳出循環執行隨后的指令。這種具有跳轉、循環等復雜應用場景下，由于“壓棧”順序固定，針對每周新的執行順序必須重新組裝、重新壓棧，然后推送新的壓棧的指令到C++引擎框架中執行。顯然，這種方式將降低指令的重用性，不能適用復雜場景需要，浪費較多資源，影響圖形繪制的效率。

發明內容

本申請實施例提供一種基于WebGL的圖形繪制方法和裝置，用于增強指令重用性，擴展適用場景，節約資源和提高或改善圖形繪制效率。

一方面，本申請實施例提供的基于WebGL的圖形繪制方法包括：

運行器接收對目標圖形的繪制請求，所述繪制請求中包含基于WebGL的圖形繪制規則指令集，所述圖形繪制規則指令集至少包含一條對寄存器進行操作的指令，所述寄存器為內存中的臨時存儲區域；

運行器根據所述圖形繪制規則指令集對所述目標圖形進行繪制。

另一方面，本申請實施例提供的基于WebGL的圖形繪制裝置包括：

接收單元，用于接收對目標圖形的繪制請求，所述繪制請求中包含基于WebGL的圖形繪制規則指令集，所述圖形繪制規則指令集至少包含一條對寄存器進行操作的指令，所述寄存器為內存中的臨時存儲區域；

繪制單元，用于根據所述圖形繪制規則指令集對所述目標圖形進行繪制。

再一方面，本申請實施例提供的基于WebGL的圖形繪制系統，包括：存儲器、處理器及存儲在所述存儲器上并可在所述處理器上運行的計算機程序，所述計算機程序被所述處理器執行時實現如上權利要求所述的方法的步驟。

又一方面，本申請實施例提供一種計算機可讀存儲介質，所述計算機可讀存儲介質上存儲有計算機程序，所述計算機程序被處理器執行時實現如上權利要求所述的方法的步驟。

本申請實施例采用的上述至少一個技術方案能夠達到以下有益效果：