一種在移動設備上進行圖形渲染的方法和裝置制造方法及圖紙

本申請?zhí)峁┝艘环N在移動設備上進行圖形渲染的方法和裝置，其中的方法具體包括：獲取圖形應用程序的JavaScript代碼；所述JavaScript代碼中包括有基于OPENGL的渲染函數(shù)對應的API接口，所述API接口的樣式遵循HTML5?Canvas標準；在解析引擎中執(zhí)行所述JavaScript代碼；所述執(zhí)行過程包括：在執(zhí)行到所述JavaScript代碼中的API接口時，使用所述解析引擎將所述API接口解析為相應的基于OPENGL的渲染函數(shù)；調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。本申請能夠提高移動設備上圖形渲染的速度。

【技術實現(xiàn)步驟摘要】
【專利摘要】本申請?zhí)峁┝艘环N在移動設備上進行圖形渲染的方法和裝置，其中的方法具體包括：獲取圖形應用程序的JavaScript代碼；所述JavaScript代碼中包括有基于OPENGL的渲染函數(shù)對應的API接口，所述API接口的樣式遵循HTML5?Canvas標準；在解析引擎中執(zhí)行所述JavaScript代碼；所述執(zhí)行過程包括：在執(zhí)行到所述JavaScript代碼中的API接口時，使用所述解析引擎將所述API接口解析為相應的基于OPENGL的渲染函數(shù)；調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。本申請能夠提高移動設備上圖形渲染的速度。【專利說明】一種在移動設備上進行圖形渲染的方法和裝置
本申請涉及圖形渲染
，特別是涉及一種在移動設備上進行圖形渲染的方法和裝置。
技術介紹
目前，移動設備上的應用越來越豐富，這些應用的展現(xiàn)也越來越復雜，，而這些應用在圖形展現(xiàn)時均離不開圖形渲染，例如手機設備上的網(wǎng)頁游戲的圖形展現(xiàn)離不開圖形渲染。圖形渲染是將基于對象的高級描述轉(zhuǎn)換成在某種顯示設備上顯示的圖形圖像。例如，在將三維物體或場景的數(shù)學模型轉(zhuǎn)換成位圖圖形的過程中，將發(fā)生圖形渲染的操作。圖形渲染的另一個實例是將HTML (超文本標記語言,Hypertext Markup Language)文件轉(zhuǎn)換成在計算機監(jiān)視器上顯示的圖形。圖形渲染在當前具有兩大應用:1、瀏覽器中的應用；當今互聯(lián)網(wǎng)技術中，HTML5技術是一項新興熱門技術，使用HTML5技術中的Canvas標準在瀏覽器中進行圖形渲染也逐漸盛行。然而，在大多數(shù)移動設備上，瀏覽器將HTML5Canvas標準當做瀏覽器中HTML節(jié)點控件來處理，其排版邏輯、事件、重繪等操作都需要用到HTML的節(jié)點樹，邏輯復雜，CPU需要處理的運算很多；使用上述技術開發(fā)的游戲、界面變化較為復雜的程序等圖形應用程序，都容易出現(xiàn)渲染速度慢的缺陷。2、游戲客戶端的應用。現(xiàn)有技術的游戲客戶端是用C++或Java代碼開發(fā)游戲程序，且用GPU進行圖形渲染的。但是，游戲客戶端程序需要在下載后安裝一遍，且更新麻煩。總之，需要本領域技術人員迫切解決的一個技術問題就是:如何能夠提高移動設備上圖形渲染的速度。
技術實現(xiàn)思路
本申請所要解決的技術問題是提供一種在移動設備上進行圖形渲染的方法和裝置，能夠提高移動設備上圖形渲染的速度。為了解決上述問題，本申請公開了一種在移動設備上進行圖形渲染的方法，包括:獲取圖形應用程序的JavaScript代碼；所述JavaScript代碼中包括有基于OPENGL的渲染函數(shù)對應的API接口，所述API接口的樣式遵循HTML5Canvas標準；在解析引擎中執(zhí)行所述JavaScript代碼；所述執(zhí)行過程包括:在執(zhí)行到所述JavaScript代碼中的API接口時，使用所述解析引擎將所述API接口解析為相應的基于OPENGL的渲染函數(shù)；調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。優(yōu)選的，所述方法還包括:將基于OPENGL的渲染函數(shù)封裝為API接口的封裝步驟；所述封裝步驟為，基于所述解析引擎的擴展性，將基于OPENGL的渲染函數(shù)封裝為相應的API接口，所述API接口暴露給JavaScript開發(fā)者，所述API接口的樣式遵循HTML5Canvas 標準。優(yōu)選的，所述渲染函數(shù)為基于OPENGL格式的函數(shù)封裝得到的接口函數(shù)；則所述調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染的步驟，進一步包括:將解析得到的渲染函數(shù)進行二次解析，得到相應的OPENGL格式的函數(shù)；調(diào)用解析得到的OPENGL格式的函數(shù)對渲染目標進行圖形渲染。優(yōu)選的，所述渲染函數(shù)包括初始化渲染函數(shù)，所述初始化渲染函數(shù)用于初始化底層的渲染環(huán)境。優(yōu)選的，所述方法還包括:依據(jù)當前移動設備的平臺特征，調(diào)用所述初始化渲染函數(shù)，獲取相應的渲染數(shù)據(jù)，所述渲染數(shù)據(jù)具體可以包括設備硬件信息；依據(jù)所述設備硬件信息評估當前移動設備的硬件能力；根據(jù)當前移動設備的硬件能力進行渲染流程優(yōu)化策略的調(diào)整；則所述調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染的步驟，進一步包括:依據(jù)所述調(diào)整后的渲染流程優(yōu)化策略，調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。根據(jù)本申請的另一實施例，還公開了一種在移動設備上進行圖形渲染的裝置，包括:代碼獲取模塊,用于獲取圖形應用程序的JavaScript代碼；所述JavaScript代碼中包括有基于OPENGL的渲染函數(shù)對應的API接口，所述API接口的樣式遵循HTML5 Canvas標準；代碼執(zhí)行模塊，用于在解析引擎中執(zhí)行所述JavaScript代碼；所述執(zhí)行過程包括:在執(zhí)行到所述JavaScript代碼中的API接口時，使用所述解析引擎將所述API接口解析為相應的基于OPENGL的渲染函數(shù)；及函數(shù)調(diào)用模塊，用于調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。優(yōu)選的，所述裝置還包括:用于將基于OPENGL的渲染函數(shù)封裝為API接口的封裝模塊；則所述封裝模塊具體用于，基于所述解析引擎的擴展性，將基于OPENGL的渲染函數(shù)封裝為相應的API接口，所述API接口暴露給JavaScript開發(fā)者，所述API接口的樣式遵循HTML5 Canvas標準。優(yōu)選的，所述渲染函數(shù)為基于OPENGL格式的函數(shù)封裝得到的接口函數(shù)；則所述函數(shù)調(diào)用模塊進一步包括:二次解析子模塊，用于將解析得到的渲染函數(shù)進行二次解析，得到相應的OPENGL格式的函數(shù)；調(diào)用子模塊，用于調(diào)用解析得到的OPENGL格式的函數(shù)對渲染目標進行圖形渲染。優(yōu)選的，所述渲染函數(shù)包括初始化渲染函數(shù)，所述初始化渲染函數(shù)用于初始化底層的渲染環(huán)境。優(yōu)選的，所述裝置還包括:環(huán)境初始化模塊，用于依據(jù)當前移動設備的平臺特征，調(diào)用所述初始化渲染函數(shù)，獲取相應的渲染數(shù)據(jù)，所述渲染數(shù)據(jù)包括設備硬件信息；評估模塊，用于依據(jù)所述設備硬件信息評估當前移動設備的硬件能力；渲染流程優(yōu)化策略調(diào)整模塊，用于根據(jù)當前移動設備的硬件能力進行渲染流程優(yōu)化策略的調(diào)整；則所述調(diào)用模塊，具體用于依據(jù)所述調(diào)整后的渲染流程優(yōu)化策略，調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。與現(xiàn)有技術相比，本申請具有以下優(yōu)點:現(xiàn)有技術的瀏覽器基本全部支持了 HTML5 Canvas標準的API接口，但是由于其將HTML5 Canvas標準當做瀏覽器中HTML節(jié)點控件來處理，其排版邏輯、事件、重繪等操作都需要用到HTML的節(jié)點樹，邏輯復雜，CPU需要處理的運算很多，導致渲染速度慢。本申請實施例也實現(xiàn)了 HTML5中HTML5 Canvas標準的API接口，但是，本申請基于解析引擎針對所述API接口解析得到相應的基于OPENGL的渲染函數(shù)，直接調(diào)用渲染函數(shù)對渲染目標進行渲染操作，能夠避免排版邏輯、事件、重繪等很多不必要的運算，提高渲染速度；并且，本申請在對渲染目標進行圖形渲染的過程中，調(diào)用了基于OPENGL的渲染函數(shù)，基于OPENGL的渲染函數(shù)能夠在移動設備上充分利用GPU渲染圖形界面，更合理地利用顯卡來渲染；故本申請能夠在較好的瀏覽器和操作系統(tǒng)兼容性的前提下，進一步提高移動設備上圖形渲染的性能。另外，HTML5開發(fā)本身是開發(fā)人員熟悉的，HTML5 CanvasAPI也是網(wǎng)頁游戲開發(fā)人員熟知的技術；對于開發(fā)人員而言，使用熟知的API技術進行圖本文檔來自技高網(wǎng)...

【技術保護點】
一種在移動設備上進行圖形渲染的方法，其特征在于，包括：獲取圖形應用程序的JavaScript代碼；所述JavaScript代碼中包括有基于OPENGL的渲染函數(shù)對應的API接口，所述API接口的樣式遵循HTML5Canvas標準；在解析引擎中執(zhí)行所述JavaScript代碼；所述執(zhí)行過程包括：在執(zhí)行到所述JavaScript代碼中的API接口時，使用所述解析引擎將所述API接口解析為相應的基于OPENGL的渲染函數(shù)；調(diào)用解析得到的渲染函數(shù)對渲染目標進行圖形渲染。

【技術特征摘要】

【專利技術屬性】
技術研發(fā)人員：劉胡笳，陶俊杰，朱文祥，王明建，
申請(專利權)人：阿里巴巴集團控股有限公司，
類型：發(fā)明
國別省市：開曼群島;KY