本申请提供了一种在移动设备上进行图形渲染的方法和装置，其中的方法具体包括：获取图形应用程序的JavaScript代码；所述JavaScript代码中包括有基于OPENGL的渲染函数对应的API接口，所述API接口的样式遵循HTML5 Canvas标准；在解析引擎中执行所述JavaScript代码；所述执行过程包括：在执行到所述JavaScript代码中的API接口时，使用所述解析引擎将所述API接口解析为相应的基于OPENGL的渲染函数；调用解析得到的渲染函数对渲染目标进行图形渲染。本申请能够提高移动设备上图形渲染的速度。
【技术实现步骤摘要】
【专利摘要】本申请提供了一种在移动设备上进行图形渲染的方法和装置，其中的方法具体包括：获取图形应用程序的JavaScript代码；所述JavaScript代码中包括有基于OPENGL的渲染函数对应的API接口，所述API接口的样式遵循HTML5?Canvas标准；在解析引擎中执行所述JavaScript代码；所述执行过程包括：在执行到所述JavaScript代码中的API接口时，使用所述解析引擎将所述API接口解析为相应的基于OPENGL的渲染函数；调用解析得到的渲染函数对渲染目标进行图形渲染。本申请能够提高移动设备上图形渲染的速度。【专利说明】一种在移动设备上进行图形渲染的方法和装置
本申请涉及图形渲染
，特别是涉及一种在移动设备上进行图形渲染的方法和装置。
技术介绍
目前，移动设备上的应用越来越丰富，这些应用的展现也越来越复杂，，而这些应用在图形展现时均离不开图形渲染，例如手机设备上的网页游戏的图形展现离不开图形渲染。图形渲染是将基于对象的高级描述转换成在某种显示设备上显示的图形图像。例如，在将三维物体或场景的数学模型转换成位图图形的过程中，将发生图形渲染的操作。图形渲染的另一个实例是将HTML (超文本标记语言,Hypertext Markup Language)文件转换成在计算机监视器上显示的图形。图形渲染在当前具有两大应用:1、浏览器中的应用；当今互联网技术中，HTML5技术是一项新兴热门技术，使用HTML5技术中的Canvas标准在浏览器中进行图形渲染也逐渐盛行。然而，在大多数移动设备上，浏览器将HTML5Canvas标准当做浏览器中HTML节点控件来处理，其排版逻辑、事件、重绘等操作都需要用到HTML的节点树，逻辑复杂，CPU需要处理的运算很多；使用上述技术开发的游戏、界面变化较为复杂的程序等图形应用程序，都容易出现渲染速度慢的缺陷。2、游戏客户端的应用。现有技术的游戏客户端是用C++或Java代码开发游戏程序，且用GPU进行图形渲染的。但是，游戏客户端程序需要在下载后安装一遍，且更新麻烦。总之，需要本领域技术人员迫切解决的一个技术问题就是:如何能够提高移动设备上图形渲染的速度。
技术实现思路
本申请所要解决的技术问题是提供一种在移动设备上进行图形渲染的方法和装置，能够提高移动设备上图形渲染的速度。为了解决上述问题，本申请公开了一种在移动设备上进行图形渲染的方法，包括:获取图形应用程序的JavaScript代码；所述JavaScript代码中包括有基于OPENGL的渲染函数对应的API接口，所述API接口的样式遵循HTML5Canvas标准；在解析引擎中执行所述JavaScript代码；所述执行过程包括:在执行到所述JavaScript代码中的API接口时，使用所述解析引擎将所述API接口解析为相应的基于OPENGL的渲染函数；调用解析得到的渲染函数对渲染目标进行图形渲染。优选的，所述方法还包括:将基于OPENGL的渲染函数封装为API接口的封装步骤；所述封装步骤为，基于所述解析引擎的扩展性，将基于OPENGL的渲染函数封装为相应的API接口，所述API接口暴露给JavaScript开发者，所述API接口的样式遵循HTML5Canvas 标准。优选的，所述渲染函数为基于OPENGL格式的函数封装得到的接口函数；则所述调用解析得到的渲染函数对渲染目标进行图形渲染的步骤，进一步包括:将解析得到的渲染函数进行二次解析，得到相应的OPENGL格式的函数；调用解析得到的OPENGL格式的函数对渲染目标进行图形渲染。优选的，所述渲染函数包括初始化渲染函数，所述初始化渲染函数用于初始化底层的渲染环境。优选的，所述方法还包括:依据当前移动设备的平台特征，调用所述初始化渲染函数，获取相应的渲染数据，所述渲染数据具体可以包括设备硬件信息；依据所述设备硬件信息评估当前移动设备的硬件能力；根据当前移动设备的硬件能力进行渲染流程优化策略的调整；则所述调用解析得到的渲染函数对渲染目标进行图形渲染的步骤，进一步包括:依据所述调整后的渲染流程优化策略，调用解析得到的渲染函数对渲染目标进行图形渲染。根据本申请的另一实施例，还公开了一种在移动设备上进行图形渲染的装置，包括:代码获取模块,用于获取图形应用程序的JavaScript代码；所述JavaScript代码中包括有基于OPENGL的渲染函数对应的API接口，所述API接口的样式遵循HTML5 Canvas标准；代码执行模块，用于在解析引擎中执行所述JavaScript代码；所述执行过程包括:在执行到所述JavaScript代码中的API接口时，使用所述解析引擎将所述API接口解析为相应的基于OPENGL的渲染函数；及函数调用模块，用于调用解析得到的渲染函数对渲染目标进行图形渲染。优选的，所述装置还包括:用于将基于OPENGL的渲染函数封装为API接口的封装模块；则所述封装模块具体用于，基于所述解析引擎的扩展性，将基于OPENGL的渲染函数封装为相应的API接口，所述API接口暴露给JavaScript开发者，所述API接口的样式遵循HTML5 Canvas标准。优选的，所述渲染函数为基于OPENGL格式的函数封装得到的接口函数；则所述函数调用模块进一步包括:二次解析子模块，用于将解析得到的渲染函数进行二次解析，得到相应的OPENGL格式的函数；调用子模块，用于调用解析得到的OPENGL格式的函数对渲染目标进行图形渲染。优选的，所述渲染函数包括初始化渲染函数，所述初始化渲染函数用于初始化底层的渲染环境。优选的，所述装置还包括:环境初始化模块，用于依据当前移动设备的平台特征，调用所述初始化渲染函数，获取相应的渲染数据，所述渲染数据包括设备硬件信息；评估模块，用于依据所述设备硬件信息评估当前移动设备的硬件能力；渲染流程优化策略调整模块，用于根据当前移动设备的硬件能力进行渲染流程优化策略的调整；则所述调用模块，具体用于依据所述调整后的渲染流程优化策略，调用解析得到的渲染函数对渲染目标进行图形渲染。与现有技术相比，本申请具有以下优点:现有技术的浏览器基本全部支持了 HTML5 Canvas标准的API接口，但是由于其将HTML5 Canvas标准当做浏览器中HTML节点控件来处理，其排版逻辑、事件、重绘等操作都需要用到HTML的节点树，逻辑复杂，CPU需要处理的运算很多，导致渲染速度慢。本申请实施例也实现了 HTML5中HTML5 Canvas标准的API接口，但是，本申请基于解析引擎针对所述API接口解析得到相应的基于OPENGL的渲染函数，直接调用渲染函数对渲染目标进行渲染操作，能够避免排版逻辑、事件、重绘等很多不必要的运算，提高渲染速度；并且，本申请在对渲染目标进行图形渲染的过程中，调用了基于OPENGL的渲染函数，基于OPENGL的渲染函数能够在移动设备上充分利用GPU渲染图形界面，更合理地利用显卡来渲染；故本申请能够在较好的浏览器和操作系统兼容性的前提下，进一步提高移动设备上图形渲染的性能。另外，HTML5开发本身是开发人员熟悉的，HTML5 CanvasAPI也是网页游戏开发人员熟知的技术；对于开发人员而言，使用熟知的API技术进行图本文档来自技高网...
【技术保护点】
一种在移动设备上进行图形渲染的方法，其特征在于，包括：获取图形应用程序的JavaScript代码；所述JavaScript代码中包括有基于OPENGL的渲染函数对应的API接口，所述API接口的样式遵循HTML5Canvas标准；在解析引擎中执行所述JavaScript代码；所述执行过程包括：在执行到所述JavaScript代码中的API接口时，使用所述解析引擎将所述API接口解析为相应的基于OPENGL的渲染函数；调用解析得到的渲染函数对渲染目标进行图形渲染。
【技术特征摘要】
【专利技术属性】
技术研发人员：刘胡笳，陶俊杰，朱文祥，王明建，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。