CN111796812B - 图像渲染的方法、装置、电子设备及计算机可读存储介质 - Google Patents
图像渲染的方法、装置、电子设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN111796812B CN111796812B CN201910363701.4A CN201910363701A CN111796812B CN 111796812 B CN111796812 B CN 111796812B CN 201910363701 A CN201910363701 A CN 201910363701A CN 111796812 B CN111796812 B CN 111796812B
- Authority
- CN
- China
- Prior art keywords
- image data
- uniform
- sending
- shader
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Graphics (AREA)
- Image Generation (AREA)
Abstract
本申请提供了一种图像渲染的方法、装置、电子设备及计算机可读存储介质,涉及图像处理领域。该方法包括:在接收到待渲染的图像数据后,通过预置的接口,将图像数据发送至不同类型的着色器,以使得不同类型的着色器对图像数据进行渲染。这样,无论着色器的类型如何,对上层而言,处理的接口都是统一的,这样用户就可以在即使不支持高级特性组件的着色器上也能够使用高性能组件来提升性能,不用担心与由于着色器类型的差异而带来的兼容问题。
Description
技术领域
本申请涉及图像处理技术领域,具体而言,本申请涉及一种图像渲染的方法、装置、电子设备及计算机可读存储介质。
背景技术
网页游戏又称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的着色器的步骤,包括:
依次获取各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置;所述预置缓冲区用于存储所述图像数据;
依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块;
将各个图像数据块发送至所述基于WebGL1.0的着色器。
优选地,所述第二uniform buffer接口为uniform buffer组件接口;
所述通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器的步骤,包括:
通过所述uniform buffer组件接口,将所述图像数据发送至所述基于WebGL2.0的着色器。
第二方面,提供了一种图像渲染的的装置,该装置包括:
接收模块,用于接收待渲染的图像数据;
发送模块,用于通过预置的接口,将所述图像数据发送至不同类型的着色器,以使得不同类型的着色器对所述图像数据进行渲染。
优选地,所述发送模块包括:
第一发送子模块,用于通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器;
第二发送子模块,用于通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器。
优选地,所述基于WebGL1.0的着色器通过如下方式生成:
对所述基于WebGL2.0的着色器的源代码进行文本替换,生成基于WebGL1.0的着色器;所述文本替换包括关键词替换、函数名称替换、过滤注释,以及源代码合并。
优选地,所述第一uniform buffer接口为uniform buffer虚拟接口;
所述第一发送子模块包括:
第一获取单元,用于依次获取各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置;所述预置缓冲区用于存储所述图像数据;
第二获取单元,用于依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块;
发送单元,用于将各个图像数据块发送至所述基于WebGL1.0的着色器。
优选地,所述第二uniform buffer接口为uniform buffer组件接口;
所述第二发送子模块具体用于:通过所述uniform buffer组件接口,将所述图像数据发送至所述基于WebGL2.0的着色器。
第三方面,提供了一种电子设备,该电子设备包括:
处理器、存储器和总线;
所述总线,用于连接所述处理器和所述存储器;
所述存储器,用于存储操作指令;
所述处理器,用于通过调用所述操作指令,可执行指令使处理器执行如本申请的第一方面所示的图像渲染的的方法对应的操作。
第四方面,提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,该程序被处理器执行时实现本申请第一方面所示的图像渲染的的方法。
本申请提供的技术方案带来的有益效果是:
在本发明实施例中,在接收到待渲染的图像数据后,通过预置的接口,将图像数据发送至不同类型的着色器,以使得不同类型的着色器对图像数据进行渲染。这样,无论着色器的类型如何,对上层而言,处理的接口都是统一的,这样用户就可以在即使不支持高级特性组件的着色器上也能够使用高性能组件来提升性能,不用担心与由于着色器类型的差异而带来的兼容问题。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请一个实施例提供的一种图像渲染的方法的流程示意图;
图2为本申请又一实施例提供的一种图像渲染的装置的结构示意图;
图3为本申请又一实施例提供的一种图像渲染的的电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能解释为对本发明的限制。
本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
本申请提供的图像渲染的方法、装置、电子设备和计算机可读存储介质,旨在解决现有技术的如上技术问题。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
在一个实施例中提供了一种图像渲染的的方法,如图1所示,该方法包括:
步骤S101,接收待渲染的图像数据;
具体而言,本发明实施例可以应用于渲染引擎,该渲染引擎可以对网页游戏的图像进行渲染。其中,渲染引擎设置有渲染层的抽象接口GFX,渲染引擎通过GFX接收上层逻辑的调度和用户层面传递过来的(游戏的)待渲染的图像数据。
步骤S102,通过预置的接口,将所述图像数据发送至不同类型的着色器,以使得不同类型的着色器对所述图像数据进行渲染。
渲染引擎接收到待渲染的图像数据之后,可以将这些图像数据提交给对应的WebGL1.0的shader(着色器),或WebGL2.0的shader,或其它底层图形api,比如WebGPU;其中,shader是GPU编程语言,shader经过驱动程序的编译放在GPU上跑,实现了各种渲染效果,光照效果、着色效果。
在现有技术中,根据API的相关规定,WebGL1.0的shader与WebGL2.0的shader是两套独立的shader,两套shader是不兼容的,而不兼容的后果就是如果想要同时运行在两个图形API(WebGL1.0和WebGL2.0)上,就需要编写两套shader,一套shader对应WebGL1.0,一套shader对应WebGL2.0。
在本发明实施例中,开发者可以采用高版本语言(比如#version 300es)编写一套shader就可以自动生成两套shader,实现了编写一套shader即可同时兼容webGL1.0和webGL2.0。
在本发明一种优选实施例中,所述基于WebGL1.0的着色器通过如下方式生成:
对所述基于WebGL2.0的着色器的源代码进行文本替换,生成基于WebGL1.0的着色器;所述文本替换包括关键词替换、函数名称替换、过滤注释,以及源代码合并。
具体而言,开发人员编写后会自动生成两套shader,这是通过文本替换来实现。开发人员编写完高版本shader(webGL2.0对应的shader)后,会自动替换掉高版本shader中的关键字和函数名的差异化部分,即,将编程语言中的关键词、函数名称,具体对应到低版本的shader(webGL1.0对应的shader),进行转换从而得到低版本的shader。
为了符合语言规范,做了一个文本替换。除了常用的文本替换技术之外,本发明实施例还会去掉一些注释,做一些代码的合并,通过外部工具去改善shader的执行效率(比如简化加减乘除、函数展开、减少函数调用)。
在本发明一种优选实施例中,所述通过预置的接口,将所述图像数据发送至不同类型的着色器的步骤,包括:
通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器;
或,
通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器。
在实际应用中,因为WebGL1.0版本较低,所以,WebGL1.0是没有uniform buffer的,WebGL1.0只是能访问单独的一个uniform。WebGL2.0才有uniform buffer这个概念。因此,在本发明实施例中,会把uniform打包放在一起,在WebGL1.0上模拟出uniform buffer,而WebGL2.0属于高版本,则是已提供了一个技术组件uniform buffer,这样,相对于上层而言,WebGL1.0和WebGL2.0就是同一个uniform buffer接口了。
在本发明一种优选实施例中,所述第一uniform buffer接口为uniform buffer虚拟接口;
所述通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器的步骤,包括:
依次获取各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置;所述预置缓冲区用于存储所述图像数据;
依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块;
将各个图像数据块发送至所述基于WebGL1.0的着色器。
具体而言,预先记录每个uniform在uniform buffer中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,然后将uniform根据不同偏移量组织在内存的一段缓冲区中,就构成了uniform buffer。其中,偏移量记录了uniform参数在uniformbuffer中的具体位置。也就是说,模拟uniform buffer的过程,本质上就是一段内存缓冲,里面将所有的uniform组织在了一起。
其中,图像数据块为图像数据的部分数据,所有的图像数据块组成完整的图像数据。也就是说,uniform buffer包括多个uniform,每个uniform对应一部分图像数据(图像数据块),这样,uniform buffer就对应完整的图像数据了。
在通过uniform buffer虚拟接口进行数据传输时,可以通过shader反射机制来获取到uniform偏移量的信息,这是API提供的通用接口。uniform buffer把单独的uniform变量打包放在了一起,一个buffer对应一个缓存,一个uniform是多种变量的集合,传到shader里,shader用这个uniform变量来进行计算,从而获得待渲染的图像数据。在本发明一种优选实施例中,所述第二uniform buffer接口为uniform buffer组件接口;
所述通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器的步骤包括:
通过所述uniform buffer组件接口,将所述图像数据发送至所述基于WebGL2.0的着色器。
因为WebGL2.0属于高版本,已经具有对应的一个技术组件uniform buffer,所以,基于WebGL2.0的着色器通过组件uniform buffer接口进行数据交互即可。
在本发明实施例中,在接收到待渲染的图像数据后,通过预置的接口,将图像数据发送至不同类型的着色器,以使得不同类型的着色器对图像数据进行渲染。这样,无论着色器的类型如何,对上层而言,处理的接口都是统一的,这样用户就可以在即使不支持高级特性组件的着色器上也能够使用高性能组件来提升性能,不用担心与由于着色器类型的差异而带来的兼容问题。
进一步,本发明实施例可以自动将高版本的shader转换为低版本的shader,因此,开发人员编写一套shader即可生成两套shader,一套对应WebGL1.0,一套对应WebGL2.0,实现了编写一套shader即可兼容WebGL1.0和WebGL2.0。
图2为本申请又一实施例提供的一种图像渲染的装置的结构示意图,如图2所示,本实施例的装置可以包括:
接收模块201,用于接收待渲染的图像数据;
发送模块202,用于通过预置的接口,将所述图像数据发送至不同类型的着色器,以使得不同类型的着色器对所述图像数据进行渲染。
在本发明一种优选实施例中,所述发送模块包括:
第一发送子模块,用于通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器;
第二发送子模块,用于通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器。
在本发明一种优选实施例中,所述基于WebGL1.0的着色器通过如下方式生成:
对所述基于WebGL2.0的着色器的源代码进行文本替换,生成基于WebGL1.0的着色器;所述文本替换包括关键词替换、函数名称替换、过滤注释,以及源代码合并。
在本发明一种优选实施例中,所述第一uniform buffer接口为uniform buffer虚拟接口;
所述第一发送子模块包括:
第一获取单元,用于依次获取各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置;所述预置缓冲区用于存储所述图像数据;
第二获取单元,用于依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块;
发送单元,用于将各个图像数据块发送至所述基于WebGL1.0的着色器。
在本发明一种优选实施例中,所述第二uniform buffer接口为uniform buffer组件接口;
所述第二发送子模块具体用于:通过所述uniform buffer组件接口,将所述图像数据发送至所述基于WebGL2.0的着色器。
本实施例的图像渲染的装置可执行本申请第一个实施例所示的图像渲染的方法,其实现原理相类似,此处不再赘述。
本申请的又一实施例中提供了一种电子设备,该电子设备包括:存储器和处理器;至少一个程序,存储于存储器中,用于被处理器执行时,与现有技术相比可实现:在本发明实施例中,在接收到待渲染的图像数据后,通过预置的接口,将图像数据发送至不同类型的着色器,以使得不同类型的着色器对图像数据进行渲染。这样,无论着色器的类型如何,对上层而言,处理的接口都是统一的,这样用户就可以在即使不支持高级特性组件的着色器上也能够使用高性能组件来提升性能,不用担心与由于着色器类型的差异而带来的兼容问题。
在一个可选实施例中提供了一种电子设备,如图3所示,图3所示的电子设备3000包括:处理器3001和存储器3003。其中,处理器3001和存储器3003相连,如通过总线3002相连。可选地,电子设备3000还可以包括收发器3004。需要说明的是,实际应用中收发器3004不限于一个,该电子设备3000的结构并不构成对本申请实施例的限定。
处理器3001可以是CPU,通用处理器,DSP,ASIC,FPGA或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框,模块和电路。处理器3001也可以是实现计算功能的组合,例如包含一个或多个微处理器组合,DSP和微处理器的组合等。
总线3002可包括一通路,在上述组件之间传送信息。总线3002可以是PCI总线或EISA总线等。总线3002可以分为地址总线、数据总线、控制总线等。为便于表示,图3中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器3003可以是ROM或可存储静态信息和指令的其他类型的静态存储设备,RAM或者可存储信息和指令的其他类型的动态存储设备,也可以是EEPROM、CD-ROM或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。
存储器3003用于存储执行本申请方案的应用程序代码,并由处理器3001来控制执行。处理器3001用于执行存储器3003中存储的应用程序代码,以实现前述任一方法实施例所示的内容。
其中,电子设备包括但不限于:移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。
本申请的又一实施例提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,当其在计算机上运行时,使得计算机可以执行前述方法实施例中相应内容。与现有技术相比,在本发明实施例中,在接收到待渲染的图像数据后,通过预置的接口,将图像数据发送至不同类型的着色器,以使得不同类型的着色器对图像数据进行渲染。这样,无论着色器的类型如何,对上层而言,处理的接口都是统一的,这样用户就可以在即使不支持高级特性组件的着色器上也能够使用高性能组件来提升性能,不用担心与由于着色器类型的差异而带来的兼容问题。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种图像渲染的方法,其特征在于,包括:
接收待渲染的图像数据;
通过预置的接口,将所述图像数据发送至不同类型的着色器,以使得不同类型的着色器对所述图像数据进行渲染;
其中,所述将所述图像数据发送至不同类型的着色器包括:将所述图像数据发送至基于WebGL1.0的着色器;所述基于WebGL1.0的着色器通过对基于WebGL2.0的着色器的源代码进行文本替换生成;
所述将所述图像数据发送至基于WebGL1.0的着色器包括:通过预置的第一uniformbuffer接口,将所述图像数据发送至基于WebGL1.0的着色器;其中,所述第一uniformbuffer接口为uniform buffer虚拟接口,uniform buffer包括多个uniform,每个uniform对应一部分图像数据;
所述通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器,包括:依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块,所述预置缓冲区用于存储所述图像数据;将各个图像数据块发送至所述基于WebGL1.0的着色器。
2.根据权利要求1所述的图像渲染的方法,其特征在于,所述通过预置的接口,将所述图像数据发送至不同类型的着色器的步骤,包括:
将所述图像数据发送至基于WebGL2.0的着色器;
其中,通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器。
3.根据权利要求1所述的图像渲染的方法,其特征在于,所述文本替换包括关键词替换、函数名称替换、过滤注释,以及源代码合并。
4.根据权利要求1所述的图像渲染的方法,其特征在于,
所述通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器的步骤中,依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块之前,还包括:
依次获取各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置。
5.根据权利要求2所述的图像渲染的方法,其特征在于,所述第二uniform buffer接口为uniform buffer组件接口;
所述通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器的步骤,包括:
通过所述uniform buffer组件接口,将所述图像数据发送至所述基于WebGL2.0的着色器。
6.一种图像渲染的装置,其特征在于,包括:
接收模块,用于接收待渲染的图像数据;
发送模块,用于通过预置的接口,将所述图像数据发送至不同类型的着色器,以使得不同类型的着色器对所述图像数据进行渲染;
其中,所述将所述图像数据发送至不同类型的着色器包括:将所述图像数据发送至基于WebGL1.0的着色器;所述基于WebGL1.0的着色器通过对基于WebGL2.0的着色器的源代码进行文本替换生成;
所述将所述图像数据发送至基于WebGL1.0的着色器包括:通过预置的第一uniformbuffer接口,将所述图像数据发送至基于WebGL1.0的着色器;其中,所述第一uniformbuffer接口为uniform buffer虚拟接口,uniform buffer包括多个uniform,每个uniform对应一部分图像数据;
所述通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器的步骤,包括:依次依据各个uniform在uniform buffer虚拟接口中对应的偏移量,以及各个uniform在预置缓冲区中对应的实际位置,获取各个uniform对应的各个图像数据块,所述预置缓冲区用于存储所述图像数据;将各个图像数据块发送至所述基于WebGL1.0的着色器。
7.根据权利要求6所述的图像渲染的装置,其特征在于,所述发送模块包括:
第一发送子模块,用于通过预置的第一uniform buffer接口,将所述图像数据发送至基于WebGL1.0的着色器;
第二发送子模块,用于通过预置的第二uniform buffer接口,将所述图像数据发送至基于WebGL2.0的着色器。
8.根据权利要求6所述的图像渲染的装置,其特征在于,所述文本替换包括关键词替换、函数名称替换、过滤注释,以及源代码合并。
9.一种电子设备,其特征在于,其包括:
处理器、存储器和总线;
所述总线,用于连接所述处理器和所述存储器;
所述存储器,用于存储操作指令;
所述处理器,用于通过调用所述操作指令,执行上述权利要求1-5中任一项所述的图像渲染的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质用于存储计算机指令,当其在计算机上运行时,使得计算机可以执行上述权利要求1-5中任一项所述的图像渲染的方法。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910271394 | 2019-04-04 | ||
CN2019102713947 | 2019-04-04 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111796812A CN111796812A (zh) | 2020-10-20 |
CN111796812B true CN111796812B (zh) | 2022-11-04 |
Family
ID=72805393
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910363701.4A Active CN111796812B (zh) | 2019-04-04 | 2019-04-30 | 图像渲染的方法、装置、电子设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111796812B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112614042B (zh) * | 2020-12-29 | 2022-09-27 | 完美世界(北京)软件科技发展有限公司 | 贴图延迟渲染的数据驱动方法及装置 |
CN116991600B (zh) * | 2023-06-15 | 2024-05-10 | 上海一谈网络科技有限公司 | 图形调用指令的处理方法、装置、设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107832108A (zh) * | 2016-09-14 | 2018-03-23 | 阿里巴巴集团控股有限公司 | 3D canvas网页元素的渲染方法、装置及电子设备 |
CN108805298A (zh) * | 2018-05-23 | 2018-11-13 | 浙江工业大学 | 一种基于WebGL技术的数据中心可视化管理系统 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7460119B2 (en) * | 2005-01-27 | 2008-12-02 | Siemens Medical Solutions Usa, Inc. | Invisible space skipping with adaptive granularity for texture-based volume rendering |
CN107609051A (zh) * | 2017-08-22 | 2018-01-19 | 阿里巴巴集团控股有限公司 | 一种图像渲染方法、装置以及电子设备 |
CN108765534B (zh) * | 2018-05-24 | 2022-06-21 | 武汉斗鱼网络科技有限公司 | 一种图像渲染方法、装置、设备及存储介质 |
CN109168014B (zh) * | 2018-09-26 | 2021-05-28 | 广州虎牙信息科技有限公司 | 一种直播方法、装置、设备及存储介质 |
-
2019
- 2019-04-30 CN CN201910363701.4A patent/CN111796812B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107832108A (zh) * | 2016-09-14 | 2018-03-23 | 阿里巴巴集团控股有限公司 | 3D canvas网页元素的渲染方法、装置及电子设备 |
CN108805298A (zh) * | 2018-05-23 | 2018-11-13 | 浙江工业大学 | 一种基于WebGL技术的数据中心可视化管理系统 |
Also Published As
Publication number | Publication date |
---|---|
CN111796812A (zh) | 2020-10-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108228188B (zh) | 一种视图组件处理方法、电子设备及可读存储介质 | |
Sellers et al. | Vulkan programming guide: The official guide to learning vulkan | |
CN107393013B (zh) | 虚拟漫游文件生成、显示方法、装置、介质、设备和系统 | |
Sanders et al. | CUDA by example: an introduction to general-purpose GPU programming | |
EP2141651B1 (en) | Framework to integrate and abstract processing of multiple hardware domains, data types and format | |
US10207190B2 (en) | Technologies for native game experience in web rendering engine | |
JP5679989B2 (ja) | デバッグパイプライン | |
US9069549B2 (en) | Machine processor | |
Anyuru | Professional WebGL programming: developing 3D graphics for the Web | |
RU2633161C2 (ru) | Поддержка компоновщика для графических функций | |
US11900088B2 (en) | Method for generating a binding between a C/C++ library and an interpreted language, and carrying out the method to transform a three- dimensional (3D) model | |
US20130198325A1 (en) | Provision and running a download script | |
CN111796812B (zh) | 图像渲染的方法、装置、电子设备及计算机可读存储介质 | |
WO2022095526A1 (zh) | 图形引擎和适用于播放器的图形处理方法 | |
US20130176320A1 (en) | Machine processor | |
US9575737B1 (en) | Application access to native and bundled libraries | |
US20130103931A1 (en) | Machine processor | |
US9448823B2 (en) | Provision of a download script | |
CN112486807A (zh) | 一种压力测试方法、装置、电子设备和可读存储介质 | |
EP3752914B1 (en) | Techniques for native runtime of hypertext markup language graphics content | |
Godwin-Jones | New developments in web browsing and authoring | |
Karanjai | Optimizing Web Virtual Reality | |
CN110609682B (zh) | 一种基于WebGL的图形绘制方法、装置及系统 | |
Sikora | Dart Essentials | |
Buck | Learning OpenGL ES for iOS: A hands-on guide to modern 3d graphics programming |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |