[发明专利]一种基于WebGL的图形渲染方法、装置及系统

权利要求书

1.一种基于WebGL的图形渲染方法，其中，所述方法包括：

获取初始渲染信息；

将所述初始渲染信息按照预设图层封装格式进行转换，获得图层渲染数据；

将所述图层渲染数据映射为WebGL数据格式，获得WebGL渲染数据；

调用WebGL接口并依据所述WebGL渲染数据进行渲染输出。

2.根据权利要求1所述的基于WebGL的图形渲染方法，其中，所述初始渲染信息包括待渲染元素数据和欲对待渲染元素进行的线性变换指令。

3.根据权利要求2所述的基于WebGL的图形渲染方法，其中，所述预设图层封装格式包括预设数据源格式和预设矩阵格式；所述图层渲染数据包括所述待渲染元素的像素数据和所述待渲染元素的变换矩阵数据；所述将所述初始渲染信息按照预设图层封装格式进行转换，获得图层渲染数据包括：

将所述待渲染元素数据按照所述预设数据源格式进行转换，获得所述像素数据；

将所述线性变换指令按照所述预设矩阵格式进行转换，获得所述变换矩阵数据。

4.根据权利要求3所述的基于WebGL的图形渲染方法，其中，所述将所述待渲染元素数据按照所述预设数据源格式进行转换，获得所述像素数据包括：

将所述待渲染元素数据通过纹理像素设置的方式和/或直接设置帧缓存的方式进行转换，获得所述像素数据。

5.根据权利要求3或4所述的基于WebGL的图形渲染方法，其中，所述将所述图层渲染数据映射为WebGL数据格式，获得WebGL渲染数据包括：

将所述像素数据映射为WebGL纹理；

将所述变换矩阵数据映射为WebGL着色器中属性。

6.根据权利要求1所述的基于WebGL的图形渲染方法，其中，所述初始渲染信息包括全局属性数据，所述方法还包括：

在所述将所述初始渲染信息按照预设图层封装格式进行转换，获得图层渲染数据之前，根据所述全局属性数据设置WebGL上下文。

7.一种基于WebGL的图形渲染方法，其中，所述方法包括：

采用如权利要求1至6中任一项所述的基于WebGL的图形渲染方法获得第一渲染元素；

判断是否保留所述第一渲染元素，若否，则回收所述第一渲染元素；

判断是否存在新增初始渲染信息，若是，则采用如权利要求1至6中任一项所述的基于WebGL的图形渲染方法获得第二渲染元素。

8.一种基于WebGL的图形渲染装置，其中，所述装置包括：

获取模块，用于获取初始渲染信息；

格式转换模块，用于将所述初始渲染信息按照预设图层封装格式进行转换，获得图层渲染数据；

数据处理模块，用于将所述图层渲染数据映射为WebGL数据格式，获得WebGL渲染数据；

渲染模块，用于调用WebGL接口并依据所述WebGL渲染数据进行渲染输出。

9.根据权利要求8所述的基于WebGL的图形渲染装置，其中，所述获取模块用于获取如下信息：待渲染元素数据和欲对待渲染元素进行的线性变换指令。

10.根据权利要求9所述的基于WebGL的图形渲染装置，其中，所述预设图层封装格式包括预设数据源格式和预设矩阵格式；所述图层渲染数据包括所述待渲染元素的像素数据和所述待渲染元素的变换矩阵数据；所述格式转换模块用于采取如下方式获得所述图层渲染数据：

将所述待渲染元素数据按照所述预设数据源格式进行转换，获得所述像素数据；

将所述线性变换指令按照所述预设矩阵格式进行转换，获得所述变换矩阵数据。

11.根据权利要求10所述的基于WebGL的图形渲染装置，其中，所述数据处理模块用于采取如下方式获得所述WebGL渲染数据：

将所述像素数据映射为WebGL纹理；

将所述变换矩阵数据映射为WebGL着色器中属性。