[发明专利]图像渲染的方法、装置、电子设备及计算机可读存储介质

说明书

本申请提供了一种图像渲染的方法、装置、电子设备及计算机可读存储介质，涉及图像处理领域。该方法包括：在接收到待渲染的图像数据后，通过预置的接口，将图像数据发送至不同类型的着色器，以使得不同类型的着色器对图像数据进行渲染。这样，无论着色器的类型如何，对上层而言，处理的接口都是统一的，这样用户就可以在即使不支持高级特性组件的着色器上也能够使用高性能组件来提升性能，不用担心与由于着色器类型的差异而带来的兼容问题。

技术领域

本申请涉及图像处理技术领域，具体而言，本申请涉及一种图像渲染的方法、装置、电子设备及计算机可读存储介质。

背景技术

网页游戏又称Web游戏，无端网游，简称页游，是基于Web浏览器的网络在线多人互动游戏，无需下载客户端。

WebGL(全写Web Graphics Library)是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。

WebGL目前包括两个版本：WebGL1.0和WebGL2.0。WebGL1.0基于OpenGL ES 2.0，并提供了3D图形的API，它使用HTML5Canvas并允许利用文档对象模型接口；WebGL2.0基于OpenGL ES 3.0，确保了提供许多选择性的WebGL1.0扩展，并引入新的API，可利用部分Javascript实现自动存储器管理。

在现有技术中，WebGL1.0与WebGL2.0分别对应一套shader，但是根据API的相关规定的，WebGL1.0的shader与WebGL2.0的shader是两套独立的shader，两套shader是不兼容的，而不兼容的后果就是如果想要同时运行在两个图形API(WebGL1.0和WebGL2.0)上，就需要编写两套shader，一套shader对应WebGL1.0，一套shader对应WebGL2.0，工作量较大。

发明内容

本申请的目的旨在至少能解决上述的技术缺陷之一，特提出以下技术方案：

第一方面，提供了一种图像渲染的的方法，该方法包括：

接收待渲染的图像数据；

通过预置的接口，将所述图像数据发送至不同类型的着色器，以使得不同类型的着色器对所述图像数据进行渲染。

优选地，所述通过预置的接口，将所述图像数据发送至不同类型的着色器的步骤，包括：

通过预置的第一uniform buffer接口，将所述图像数据发送至基于WebGL1.0的着色器；

或，

通过预置的第二uniform buffer接口，将所述图像数据发送至基于WebGL2.0的着色器。

优选地，所述基于WebGL1.0的着色器通过如下方式生成：

对所述基于WebGL2.0的着色器的源代码进行文本替换，生成基于WebGL1.0的着色器；所述文本替换包括关键词替换、函数名称替换、过滤注释，以及源代码合并。

优选地，所述第一uniform buffer接口为uniform buffer虚拟接口；

所述通过预置的第一uniform buffer接口，将所述图像数据发送至基于WebGL1.0的着色器的步骤，包括：