CN114627225A - 图形渲染方法、装置及存储介质 - Google Patents
图形渲染方法、装置及存储介质 Download PDFInfo
- Publication number
- CN114627225A CN114627225A CN202210260733.3A CN202210260733A CN114627225A CN 114627225 A CN114627225 A CN 114627225A CN 202210260733 A CN202210260733 A CN 202210260733A CN 114627225 A CN114627225 A CN 114627225A
- Authority
- CN
- China
- Prior art keywords
- rendered
- vertex
- graph
- processed
- pixel point
- 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.)
- Pending
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 152
- 238000000034 method Methods 0.000 title claims abstract description 65
- 230000000873 masking effect Effects 0.000 claims abstract description 80
- 238000004040 coloring Methods 0.000 claims description 36
- 238000004590 computer program Methods 0.000 claims description 13
- 239000012634 fragment Substances 0.000 claims description 12
- 230000004044 response Effects 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 26
- 238000004891 communication Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 8
- 238000010606 normalization Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001151 other effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/04—Indexing scheme for image data processing or generation, in general involving 3D image data
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Computer Graphics (AREA)
- Human Computer Interaction (AREA)
- Architecture (AREA)
- Computer Hardware Design (AREA)
- Image Generation (AREA)
Abstract
本申请提供一种图形渲染方法、装置及存储介质,该方法通过确定待渲染图形,进而,基于待渲染图形的进度值,确定对应的待处理蒙层的偏移值和顶点圆角大小,其中,上述待渲染图形包括一个或多个顶点圆角,从而,基于上述待处理蒙层的偏移值和顶点圆角大小,在UI进行图形渲染,实现了对包含顶点圆角的图形渲染。而且,本申请实施例在进行图形渲染时,考虑待处理蒙层与待渲染图形相交的顶点圆角,从而可以实现待渲染图形边缘效果的渲染,如待渲染图形边框(或者边缘)高光等效果的渲染,提升了UI的质感以及渲染效果的丰富性。
Description
技术领域
本申请涉及信息展示技术,尤其涉及一种图形渲染方法、装置及存储介质。
背景技术
随着软件技术的发展,越来越多的个性化界面提供给了用户。通常,用户在使用电子设备时,经常会遇到图形渲染的情形,如以进度条渲染为例,用户等待,例如等待程序运行完成、等待页面加载成功,还例如,在一些直播平台中会有抽奖功能,观看直播的用户等待开奖的结果。针对上述这些情形,用户界面(User Interface,UI)会提供一个进度条,用于显示这些事件的进行程度。
相关技术中,图形渲染通常用于渲染特定形状或样式规律的图形,如上述进度条,渲染方式主要针对特定形状的前景条或样式规律的前景条。
但是,需要渲染的图形样式多种多样,现有图形渲染方法无法覆盖所有情况。如需要渲染的图形包含顶点圆角,同时具有边框(或者边缘)高光等效果,无法用现有图形渲染方法解决。
发明内容
本申请提供一种图形渲染方法、装置及存储介质,以解决对包含顶点圆角的图形渲染问题,同时实现图形边缘效果的渲染。
第一方面,本申请实施例提供一种图形渲染方法,包括:
在UI显示待渲染图形,所述待渲染图形包括一个或多个顶点圆角;
响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,所述待处理蒙层覆盖所述待渲染图形的边框;
基于所述待处理蒙层的偏移值和顶点圆角大小,在所述UI渲染所述待渲染图形。
在一种可能的实现方式中,所述基于所述待处理蒙层的偏移值和顶点圆角大小,在所述UI渲染所述待渲染图形,包括:
基于所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色,并基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述UI对剩余的各个待渲染像素点,进行片段着色。
在一种可能的实现方式中,所述基于所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色,包括:
基于所述待处理蒙层节点在世界空间下的三维(3-dimension,3D)姿势,将待渲染顶点所在的3D位置从本地空间转换到蒙层空间;
根据转换后的3D位置和所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色。
在一种可能的实现方式中,所述基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述UI对剩余的各个待渲染像素点,进行片段着色,包括:
基于顶点着色的待渲染图形,判断所述剩余的各个待渲染像素点是否在所述待处理蒙层区域外;
若待渲染像素点i不在所述待处理蒙层区域外,则判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外,其中,所述待渲染像素点i为所述剩余的各个待渲染像素点中的任意一个待渲染像素点,i=1,…,n,n为整数,n根据所述剩余的各个待渲染像素点的数目确定;
若所述待渲染像素点i不在所述待处理蒙层的顶点圆角区域外,则在所述UI输出所述待渲染像素点i的原始颜色。
在一种可能的实现方式中,在所述判断剩余的各个待渲染像素点是否在所述待处理蒙层区域外之后,还包括:
若所述待渲染像素点i在所述待处理蒙层区域外,则在所述UI对所述待渲染像素点i不着色或输出全透明颜色。
在一种可能的实现方式中,所述判断剩余的各个待渲染像素点是否在所述待处理蒙层区域外,包括:
根据所述待渲染顶点的二维(2-dimension,2D)投影和光栅化,获得所述待渲染像素点i的2D坐标;
基于所述待渲染像素点i的2D坐标,判断所述待渲染像素点i是否在所述待处理蒙层区域外。
在一种可能的实现方式中,在所述判断所述待渲染像素点i是否所述待处理蒙层的顶点圆角区域外之后,还包括:
若所述待渲染像素点i在所述待渲染图形的圆角区域外,则在所述UI对所述待渲染像素点i不着色或输出全透明颜色。
在一种可能的实现方式中,所述待渲染图形包括四个圆角,所述待处理蒙层为覆盖所述待渲染图形的边框的矩形蒙层;
所述判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外,包括:
根据所述待渲染顶点的2D投影和光栅化,获得所述待渲染像素点i的2D坐标;
基于所述待渲染像素点i的2D坐标,确定与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角;
计算与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角的圆心和外接矩形;
根据所述圆心、所述外接矩形和所述待渲染像素点i的2D坐标,判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外。
在一种可能的实现方式中,所述响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,包括:
获取所述待渲染图形的长度;
计算所述长度与所述进度值的乘积,将计算的乘积作为所述待处理蒙层相对所述待渲染图形中心点的偏移值;
根据所述进度值和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
在一种可能的实现方式中,所述根据所述进度值和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小,包括:
根据所述进度值和所述待渲染图形的边框的大小,确定所述待渲染图形的进度线的长短;
基于所述进度线的长短和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
第二方面,本申请实施例提供一种图形渲染装置,包括:
图形显示模块,用于在UI显示待渲染图形,所述待渲染图形包括一个或多个顶点圆角;
蒙层处理模块,用于响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,所述待处理蒙层覆盖所述待渲染图形的边框;
图形渲染模块,用于基于所述待处理蒙层的偏移值和顶点圆角大小,在所述UI渲染所述待渲染图形。
在一种可能的实现方式中,所述图形渲染模块,具体用于:
基于所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色,并基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述UI对剩余的各个待渲染像素点,进行片段着色。
在一种可能的实现方式中,所述图形渲染模块,具体用于:
基于所述待处理蒙层节点在世界空间下的3D姿势,获得待渲染顶点3D位置从本地空间转换到蒙层空间;
根据转换后的3D位置和所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色。
在一种可能的实现方式中,所述图形渲染模块,具体用于:
基于顶点着色的待渲染图形,判断所述剩余的各个待渲染像素点是否在所述待处理蒙层区域外;
若待渲染像素点i不在所述待处理蒙层区域外,则判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外,其中,所述待渲染像素点i为所述剩余的各个待渲染像素点中的任意一个待渲染像素点,i=1,…,n,n为整数,n根据所述剩余的各个待渲染像素点的数目确定;
若所述待渲染像素点i不在所述待处理蒙层的顶点圆角区域外,则在所述UI输出所述待渲染像素点i的原始颜色。
在一种可能的实现方式中,所述图形渲染模块,还用于:
若所述待渲染像素点i在所述待处理蒙层区域外,则在所述UI对所述待渲染像素点i不着色或输出全透明颜色。
在一种可能的实现方式中,所述图形渲染模块,具体用于:
根据所述待渲染顶点的2D投影和光栅化,获得所述待渲染像素点i的2D坐标;
基于所述待渲染像素点i的2D坐标,判断所述待渲染像素点i是否在所述待处理蒙层区域外。
在一种可能的实现方式中,所述图形渲染模块,还用于:
若所述待渲染像素点i在所述待处理蒙层的顶点圆角区域外,则在所述UI对所述待渲染像素点i不着色或输出全透明颜色。
在一种可能的实现方式中,所述待渲染图形包括四个圆角,所述待处理蒙层为覆盖所述待渲染图形的边框的矩形蒙层;
所述图形渲染模块,具体用于:
根据所述待渲染顶点的2D投影和光栅化,获得所述待渲染像素点i的2D坐标;
基于所述待渲染像素点i的2D坐标,确定与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角;
计算与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角的圆心和外接矩形;
根据所述圆心、所述外接矩形和所述待渲染像素点i的2D坐标,判断所述待渲染像素点i是否在所述待渲染图形的圆角区域外。
在一种可能的实现方式中,所述蒙层处理模块,具体用于:
获取所述待渲染图形的长度;
计算所述长度与所述进度值的乘积,将计算的乘积作为所述待处理蒙层相对所述待渲染图形中心点的偏移值;
根据所述进度值和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
在一种可能的实现方式中,所述蒙层处理模块,具体用于:
根据所述进度值和所述待渲染图形的边框的大小,确定所述待渲染图形的进度线的长短;
基于所述进度线的长短和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
第三方面,本申请实施例提供一种图形渲染设备,包括:
处理器;
存储器;以及
计算机程序;
其中,所述计算机程序被存储在所述存储器中,并且被配置为由所述处理器执行,所述计算机程序包括用于执行如第一方面所述的方法的指令。
第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序使得服务器执行第一方面所述的方法。
第五方面,本申请实施例提供一种计算机程序产品,包括计算机指令,所述计算机指令被处理器执行第一方面所述的方法。
本申请实施例提供图形渲染方法、装置及存储介质,该方法通过确定待渲染图形,进而,基于待渲染图形的进度值,确定对应的待处理蒙层的偏移值和顶点圆角大小,其中,上述待渲染图形包括一个或多个顶点圆角,待处理蒙层覆盖上述待渲染图形的边框,从而,基于上述待处理蒙层的偏移值和顶点圆角大小,在UI进行图形渲染,实现了对包含顶点圆角的图形渲染。而且,本申请实施例在进行图形渲染时,考虑待处理蒙层与待渲染图形相交的顶点圆角,从而可以实现待渲染图形边缘效果的渲染,如待渲染图形边框(或者边缘)高光等效果的渲染,提升了UI的质感以及渲染效果的丰富性。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种前景条的示意图;
图2为本申请实施例提供的图形渲染系统架构示意图;
图3为本申请实施例提供的一种图形渲染方法的流程示意图;
图4为本申请实施例提供的另一种前景条的示意图;
图5为本申请实施例提供的另一种图形渲染方法的流程示意图;
图6为本申请实施例提供的一种顶点着色的流程示意图;
图7为本申请实施例提供的一种片段着色的流程示意图;
图8为本申请实施例提供的一种图形渲染装置的结构示意图;
图9为本申请实施例提供的一种图形渲染设备的基本硬件架构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”及“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
相关技术中,计算机、手机等设备在处理任务时,经常会遇到图形渲染的情形,以进度条渲染为例,传输文件、评测系统性能,UI通常会使用进度条显示所处理任务的进度。
其中,图形渲染通常用于渲染特定形状或样式规律的图形,如以上述进度条渲染为例,进度条是一种常见的UI,一般由一个背景条加一个显示当前进度的前景条构成,渲染方式主要在前景条上有所不同,现有渲染方式主要针对特定图案的前景条或样式规律的前景条。但是,需要渲染的图形样式多种多样,如进度条UI的样式多种多样,现有渲染方法无法覆盖所有情况。例如如图1所示:该前景条包括四个顶点圆角,当进度在两端时为圆角,当进度在中间时为直角,并且同时具有边框(或者边缘)高光等效果,无法用现有渲染方法解决。
因此,本申请实施例提出一种图形渲染方法,基于图形的进度值,确定对应的待处理蒙层的偏移值和顶点圆角大小,其中,上述图形包括一个或多个顶点圆角,从而,基于上述待处理蒙层的偏移值和顶点圆角大小,在UI渲染图形,实现了对包含顶点圆角的图形渲染。而且,本申请实施例在进行图形渲染时,考虑待处理蒙层与图形相交的顶点圆角,从而可以实现图形边缘效果的渲染,如图形边框(或者边缘)高光等效果的渲染。
可选地,本申请实施例提供的图形渲染方法可以应用于如图1所示的图形渲染系统中。在图2中,该图形渲染系统架构可以包括接收装置201和处理装置202。
在具体实现过程中,接收装置201可以是输入/输出接口,也可以是通信接口,可以用于接收待渲染图形等。
处理装置202可以通过上述接收装置201获取待渲染图形,该图形包括一个或多个顶点圆角,进而,基于图形的进度值,确定对应的待处理蒙层的偏移值和顶点圆角大小,最后,基于上述待处理蒙层的偏移值和顶点圆角大小,在UI进行图形渲染,实现了对包含顶点圆角的图形渲染。而且,处理装置202在进行图形渲染时,考虑待处理蒙层与图形相交的顶点圆角,从而可以实现图形边缘效果的渲染,如图形边框(或者边缘)高光等效果的渲染。
UI对渲染后的待渲染图形进行显示,从而使用户及时了解相关进度。
应理解,上述处理装置可以通过处理器读取存储器中的指令并执行指令的方式实现,也可以通过芯片电路实现。
上述系统仅为一种示例性系统,具体实施时,可以根据应用需求设置。
另外,本申请实施例描述的系统架构是为了更加清楚的说明本申请实施例的技术方案,并不构成对于本申请实施例提供的技术方案的限定,本领域普通技术人员可知,随着系统架构的演变和新业务场景的出现,本申请实施例提供的技术方案对于类似的技术问题,同样适用。
下面以几个实施例为例对本申请的技术方案进行描述,对于相同或相似的概念或过程可能在某些实施例不再赘述。
图3为本申请实施例提供的一种图形渲染方法的流程示意图,本实施例的执行主体以图2中的处理装置为例,具体执行主体可以根据实际应用场景确定,本申请实施例对此不做特别限制。如图3所示,本申请实施例提供的图形渲染方法可以包括如下步骤:
S301:在UI显示待渲染图形,该待渲染图形包括一个或多个顶点圆角。
其中,上述待渲染图形包括一个或多个顶点圆角,上述待渲染图形可以为前景条。
在本申请实施例中,上述处理装置可以在获取待渲染图形后,在UI显示待渲染图形,进而,可以获得与上述待渲染图形对应的待处理蒙层。该蒙层的形状可以根据上述待渲染图形的形状确定,如上述待渲染图形的形状为条状,则上述蒙层可以为矩形蒙层。
S302:响应于上述待渲染图形的进度值,确定与上述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小。
这里,上述待处理蒙层覆盖上述待渲染图形的边框。上述覆盖可以理解为上述待处理蒙层设置在上述待渲染图形上,上述待处理蒙层的大小大于或等于上述待渲染图形的边框的大小。
其中,上述偏移值可以为上述待处理蒙层相对上述待渲染图形中心点的偏移值,上述顶点圆角可以为上述待处理蒙层与上述待渲染图形相交的顶点圆角的大小。上述处理装置可以获取上述待渲染图形的长度,进而,计算该长度与上述进度值的乘积,从而,将计算的乘积作为上述待处理蒙层相对上述待渲染图形中心点的偏移值,简单、方便,保证后续正常进行。如上述处理装置获取上述待渲染图形的长度为300,上述进度值为60%,则进一步计算上述长度与上述进度值的乘积为180,从而,确定上述待处理蒙层相对上述待渲染图形中心点的偏移值为180。
进一步地,上述处理装置在确定上述待处理蒙层相对上述待渲染图形中心点的偏移值后,还可以根据上述进度值和偏移值,确定待处理蒙层与上述待渲染图形相交的顶点圆角大小,如根据上述进度值和上述待渲染图形的边框的大小,确定上述待渲染图形的进度线的长短,进而,基于该进度线的长短和上述偏移值,确定上述待处理蒙层与上述待渲染图形相交的顶点圆角的大小,使得后续在进行图形渲染时,考虑待处理蒙层与待渲染图形相交的顶点圆角,可以实现待渲染图形边缘效果的渲染,如待渲染图形边框(或者边缘)高光等效果的渲染。
示例性的,上述处理装置可以预存待渲染图形的进度线的长短、偏移值,与待处理蒙层与待渲染图形相交的顶点圆角的大小的对应关系。如图4所示,以上述待渲染图形为前景条为例,该前景条包括四个圆角。上述处理装置可以根据如图4所示前景条的进度值和前景条的边框的大小,确定前景条的进度线的长短,进而,可以基于进度线的长短和前景条的偏移值,以及上述对应关系,确定待处理蒙层与前景条相交的顶点圆角的大小,即确定图4中待处理蒙层与前景条相交的左上、右上、左下和右下顶点圆角的大小。
S303:基于上述待处理蒙层的偏移值和顶点圆角大小,在UI渲染上述待渲染图形。
示例性的,上述处理装置可以基于上述偏移值、顶点圆角的大小和待处理蒙层,以及预设Entity节点树,进行图形渲染。
其中,以上述待处理蒙层为覆盖待渲染图形的边框的矩形蒙层为例,上述Entity节点树可以包括:
▽VolumeSlider
▽ProgressMask
Border
▽CornerMask
Line
其中,VolumeSlider响应交互事件,设置进度值,脚本根据进度值设置相关子节点(ProgressMask、CornerMask)的参数以匹配该进度值下的进度条渲染效果。ProgressMask挂载了Mask组件,设置参数使其对子节点(Border)按照一定渲染方式渲染蒙层,例如按照填充模式渲染蒙层。这里,上述Mask组件包括参数Offset,表示蒙层相对待渲染图形中心点的偏移值。CornerMask挂载了Mask组件,设置参数使其对子节点(Line)按照一定渲染方式渲染蒙层,例如按照圆角方式渲染蒙层。其中,该Mask组件包括参数TopLeft/TopRight/BottomLeft/BottomRight,表示矩形蒙层与待渲染图形相交的左上、右上、左下和右下四个顶点圆角的大小。
另外,上述ProgressMask挂载的Mask组件和CornerMask挂载的Mask组件还可以包括参数Inverted,表示是否反向蒙层(默认在蒙层内渲染)。矩形蒙层的大小可以通过设置Mask组件的Transform2d组件的size确定,从而满足不同应用场景下的应用需求。
这里,上述处理装置在基于上述偏移值、顶点圆角的大小和待处理蒙层,以及预设Entity节点树,进行图形渲染时,可以基于上述偏移值、顶点圆角的大小和待处理蒙层,先更新上述Entity节点树中的Mask组件,进而,设置MaskDirty为true,然后进一步更新Mask组件下的子节点,并在更新Mask组件下的子节点时,判断MaskDirty是否为true。如果MaskDirty为true,说明Mask组件进行了更新,则上述处理装置可以设置子节点材质maskuniform值,渲染子节点,即在渲染着色器中进行着色,完成蒙层逻辑,以实现待渲染图形的渲染。
本申请实施例,通过确定待渲染图形,进而,基于待渲染图形的进度值,确定对应的待处理蒙层的偏移值和顶点圆角大小,其中,上述待渲染图形包括一个或多个顶点圆角,从而,基于待处理蒙层的偏移值和顶点圆角大小,在UI进行图形渲染,实现了对包含顶点圆角的图形渲染。而且,本申请实施例在进行图形渲染时,考虑待处理蒙层与待渲染图形相交的顶点圆角,从而可以实现待渲染图形边缘效果的渲染,如待渲染图形边框(或者边缘)高光等效果的渲染,提升了UI的质感以及渲染效果的丰富性。
另外,上述处理装置在进行图形渲染时,如上述渲染子节点,在渲染着色器中进行着色,完成蒙层逻辑时,考虑基于上述偏移值和待处理蒙层,在UI对图形进行顶点着色,并基于顶点着色的图形和上述顶点圆角的大小,在UI对剩余的各个待渲染像素点,进行片段着色,以实现对包含顶点圆角的图形渲染,同时使渲染图形具有边框(或者边缘)高光等效果。图5为本申请实施例提出的另一种图形渲染方法的流程示意图。如图5所示,该方法包括:
S501:在UI显示待渲染图形,该待渲染图形包括一个或多个顶点圆角。
S502:响应于上述待渲染图形的进度值,确定与上述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,上述待处理蒙层覆盖上述待渲染图形的边框。
其中,步骤S501-S502与上述步骤S301-S302的实现方式相同,此处不再赘述。
S503:基于上述待处理蒙层的偏移值,在UI对上述待渲染图形进行顶点着色,并基于顶点着色的待渲染图形和上述待处理蒙层的顶点圆角大小,在UI对剩余的各个待渲染像素点,进行片段着色。
这里,上述处理装置可以基于上述待处理蒙层节点在世界空间下的三维姿势,将待渲染顶点的3D位置从本地空间转换到蒙层空间,进而,根据转换后的3D位置和上述偏移值,进行顶点着色处理,实现图形中顶点圆角的渲染。其中,上述世界空间就是规定虚拟3D空间的原点在哪,如A点。如一个3D立方体被放在这个世界的(2,2,2)的位置,边长为1,那立方体的8个点的位置就是(1,1,1)、(1,1,3)、(1,3,1),(1,3,3)、(3,1,1)……。每一个世界空间对应一个本地空间,如世界空间的(2,2,2)这个点就是立方体本地空间的(0,0,0)点,所以本地空间下,8个点的位置就是(-1,-1,-1)、(-1,-1,1)、(-1,1,-1),(-1,1,1)……。另外,上述蒙层空间为蒙层节点的本地空间。
示例性的,如图6所示,上述处理装置可以利用上述Entity节点树,将待渲染顶点的三维位置从本地空间转换到Mask所在的3D空间pos3d,然后设置pos3d.xy=pos3d.xy–offset,即考虑上述偏移值,进行顶点着色处理。
在本申请实施例中,上述处理装置在进行片段着色时,可以基于顶点着色的待渲染图形和上述待处理蒙层的顶点圆角大小,判断剩余的各个待渲染像素点是否在待处理蒙层区域外。如果待渲染像素点i不在待处理蒙层区域外,则上述处理装置可以进一步判断待渲染像素点i是否在待处理蒙层的顶点圆角区域外,其中,待渲染像素点i为上述剩余的各个待渲染像素点中的任意一个待渲染像素点,i=1,…,n,n为整数,n根据上述剩余的各个待渲染像素点的数目确定。如果待渲染像素点i不在待处理蒙层的顶点圆角区域外,则上述处理装置可以在UI输出待渲染像素点i的原始颜色。
其中,如果待渲染像素点i在待处理蒙层区域外,则上述处理装置可以在UI对待渲染像素点i不着色或输出全透明颜色。同样,如果待渲染像素点i在待处理蒙层的顶点圆角区域外,则上述处理装置也可以在UI对待渲染像素点i不着色或输出全透明颜色。
这样,上述处理装置通过顶点着色和片段着色,不仅可以实现对包含顶点圆角的图形渲染,而且可以实现待渲染图形边缘效果的渲染,提升了UI的质感以及渲染效果的丰富性。
这里,上述处理装置在判断剩余的各个待渲染像素点是否在待处理蒙层区域外时,可以根据待渲染顶点的2D投影和光栅化,获得待渲染像素点i的2D坐标(如上述pos3d.xy),然后,基于待渲染像素点i的2D坐标,判断待渲染像素点i是否在待处理蒙层区域外,提高判断结果的准确性,进一步提升后续图形渲染效果。其中,光栅化是将一个图元转变为一个二维图像的过程。
示例性的,如图7所示,上述处理装置在获得待渲染像素点i的2D坐标后,可以进一步对待渲染像素点i的2D坐标进行规范化处理,以方便后续处理,如基于规范化处理后的数据,判断待渲染像素点i是否在待处理蒙层区域外。其中,上述规范化处理可以根据实际情况确定,如进行规范化处理后的数据为nPos=abs(pos3d.xy/(0.5*size)),这里,abs()表示取绝对值,size表示待渲染图形的长度,nPos取值在-1和1之间。以上述待处理蒙层为矩形蒙层为例,上述处理装置在对待渲染像素点i的2D坐标进行规范化处理后,可以基于规范化处理后的数据,判断待渲染像素点i是否超出待处理蒙层的长度,且判断待渲染像素点i是否超出待处理蒙层的宽度。如上述处理装置计算预设参数factor,factor=max(nPos.x,nPos.y),其中nPos.x和nPos.y根据nPos确定,然后判断factor是否大于1。如果factor大于1,说明待渲染像素点i超出待处理蒙层的长度,和/或待渲染像素点i超出待处理蒙层的宽度,说明待渲染像素点i在待处理蒙层区域外,判断结果准确率较高,这样,上述处理装置可以在UI对待渲染像素点i不着色或输出全透明颜色,否则,说明待渲染像素点i不在待处理蒙层区域外,在UI输出待渲染像素点i的原始颜色,提升图形渲染效果。
另外,在待渲染图形包括四个圆角,待处理蒙层为矩形蒙层时,上述处理装置在判断待渲染像素点i是否在待处理蒙层的顶点圆角区域外时,可以先根据待渲染顶点的2D投影和光栅化,获得待渲染像素点i的2D坐标,然后,基于待渲染像素点i的2D坐标,确定与待渲染像素点i距离最近的待处理蒙层的顶点圆角,再计算该圆角的圆心和外接矩形,从而,根据该圆心、外接矩形和待渲染像素点i的2D坐标,判断待渲染像素点i是否在待处理蒙层的顶点圆角区域外,使得判断结果较准确,以便后续较好地实现对包含顶点圆角的图形渲染。
示例性的,如图7所示,上述处理装置可以由pos3d.xy判断与待渲染像素点i距离最近的待处理蒙层的顶点圆角,然后计算该圆角的圆心和外接矩形,判断pos3d.xy是否在矩形内,如果不在,设置预设参数flag=0,如果在,进一步判断pos3d.xy到圆心距离是否大于半径,如果大于,设置flag=1,如果不大于,设置flag=0,从而,基于flag的值,判断待渲染像素点i是否在待处理蒙层的顶点圆角区域外。如flag>0,判断待渲染像素点i在待处理蒙层的顶点圆角区域外,提高了判断结果准确率,从而,在UI对待渲染像素点i不着色或输出全透明颜色,否则,判断待渲染像素点i不在待处理蒙层的顶点圆角区域外,在UI输出待渲染像素点i的原始颜色,较好地实现了对包含顶点圆角的图形渲染。
本申请实施例在进行前景渲染时,考虑基于上述偏移值、顶点圆角的大小和待处理蒙层,进行顶点着色处理,进而,基于顶点着色处理后的待处理蒙层,对剩余的各个待渲染像素点,进行片段着色处理,实现了边缘效果+圆角这一类图形的渲染,提升了UI的质感以及渲染效果的丰富性。
另外,当上述待渲染图形为进度条时,上述处理装置可以先根据待渲染图形,确定待渲染图形的前景条和背景条。然后,采用预设渲染方法对上述背景条进行渲染,采用上述图形渲染方法对上述前景条进行渲染。
其中,上述预设渲染方法可以为基础贴图渲染或者9宫格拉伸渲染方式。上述图形渲染方法是前述任一实施例提供的图形渲染方法,具体可参照前述实施例,在此不再赘述。
对应于上文实施例的图形渲染方法,图8为本申请实施例提供的图形渲染装置的结构示意图。为了便于说明,仅示出了与本申请实施例相关的部分。图8为本申请实施例提供的一种图形渲染装置的结构示意图,该图形渲染装置80包括:图形显示模块801、蒙层处理模块802以及图形渲染模块803。这里的图形渲染装置可以是上述处理装置本身,或者是实现处理装置的功能的芯片或者集成电路。这里需要说明的是,图形显示模块、蒙层处理模块以及图形渲染模块的划分只是一种逻辑功能的划分,物理上两者可以是集成的,也可以是独立的。
其中,图形显示模块801,用于在UI显示待渲染图形,所述待渲染图形包括一个或多个顶点圆角。
蒙层处理模块802,用于响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,所述待处理蒙层覆盖所述待渲染图形的边框。
图形渲染模块803,用于基于所述待处理蒙层的偏移值和顶点圆角大小,在所述UI渲染所述待渲染图形。
在一种可能的实现方式中,所述图形渲染模块803,具体用于:
基于所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色,并基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述UI对剩余的各个待渲染像素点,进行片段着色。
在一种可能的实现方式中,所述图形渲染模块803,具体用于:
基于所述待处理蒙层节点在世界空间下的3D姿势,将待渲染顶点的3D位置从本地空间转换到蒙层空间;
根据转换后的3D位置和所述待处理蒙层的偏移值,在所述UI对所述待渲染图形进行顶点着色。
在一种可能的实现方式中,所述图形渲染模块803,具体用于:
基于顶点着色的待渲染图形,判断所述剩余的各个待渲染像素点是否在所述待处理蒙层区域外;
若待渲染像素点i不在所述待处理蒙层区域外,则判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外,其中,所述待渲染像素点i为所述剩余的各个待渲染像素点中的任意一个待渲染像素点,i=1,…,n,n为整数,n根据所述剩余的各个待渲染像素点的数目确定;
若所述待渲染像素点i不在所述待处理蒙层的顶点圆角区域外,则在所述UI输出所述待渲染像素点i的原始颜色。
在一种可能的实现方式中,所述图形渲染模块803,还用于:
若所述待渲染像素点i在所述待处理蒙层区域外,则在所述UI对所述待渲染像素点i不着色或输出全透明颜色。
在一种可能的实现方式中,所述图形渲染模块803,具体用于:
根据所述待渲染顶点的2D投影和光栅化,获得所述待渲染像素点i的2D坐标;
基于所述待渲染像素点i的2D坐标,判断所述待渲染像素点i是否在所述待处理蒙层区域外。
在一种可能的实现方式中,所述图形渲染模块803,还用于:
若所述待渲染像素点在所述待处理蒙层的顶点圆角区域外,则在所述UI对所述待渲染像素点i不着色或输出全透明颜色。
在一种可能的实现方式中,所述待渲染图形包括四个圆角,所述待处理蒙层为覆盖所述待渲染图形的边框的矩形蒙层;
所述图形渲染模块803,具体用于:
根据所述待渲染顶点的2D投影和光栅化,获得所述待渲染像素点i的2D坐标;
基于所述待渲染像素点i的2D坐标,确定与所述待渲染像素点i距离最近的所述待渲染图形的圆角;
计算与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角的圆心和外接矩形;
根据所述圆心、所述外接矩形和所述待渲染像素点i的2D坐标,判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外。
在一种可能的实现方式中,所述蒙层处理模块802,具体用于:
获取所述待渲染图形的长度;
计算所述长度与所述进度值的乘积,将计算的乘积作为所述待处理蒙层相对所述待渲染图形中心点的偏移值;
根据所述进度值和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
在一种可能的实现方式中,所述蒙层处理模块802,具体用于:
根据所述进度值和所述待渲染图形的边框的大小,确定所述待渲染图形的进度线的长短;
基于所述进度线的长短和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
在一种可能的实现方式中,所述待渲染图形为前景条。
本申请实施例提供的装置,可用于执行上述方法实施例的技术方案,其实现原理和技术效果类似,本申请实施例此处不再赘述。
可选地,图9示意性地提供本申请所述图形渲染设备的一种可能的基本硬件架构示意图。
参见图9,图形渲染设备包括至少一个处理器901以及通信接口903。进一步可选的,还可以包括存储器902和总线904。
其中,图形渲染设备中,处理器901的数量可以是一个或多个,图9仅示意了其中一个处理器901。可选地,处理器901,可以是中央处理器(central processing unit,CPU)、图形处理器(graphics processing unit,GPU)或者数字信号处理器(digital signalprocessor,DSP)。如果图形渲染设备具有多个处理器901,多个处理器901的类型可以不同,或者可以相同。可选地,图形渲染设备的多个处理器901还可以集成为多核处理器。
存储器902存储计算机指令和数据;存储器902可以存储实现本申请提供的上述图形渲染方法所需的计算机指令和数据,例如,存储器902存储用于实现上述图形渲染方法的步骤的指令。存储器902可以是以下存储介质的任一种或任一种组合:非易失性存储器(例如只读存储器(Read-Only Memory,ROM)、固态硬盘(Solid State Disk,SSD)、硬盘(HardDisk Drive,HDD)、光盘),易失性存储器。
通信接口903可以为所述至少一个处理器提供信息输入/输出。也可以包括以下器件的任一种或任一种组合:网络接口(例如以太网接口)、无线网卡等具有网络接入功能的器件。
可选的,通信接口903还可以用于图形渲染设备与其它计算设备或者终端进行数据通信。
进一步可选的,图9用一条粗线表示总线904。总线904可以将处理器901与存储器902和通信接口903连接。这样,通过总线904,处理器901可以访问存储器902,还可以利用通信接口903与其它计算设备或者终端进行数据交互。
在本申请中,图形渲染设备执行存储器902中的计算机指令,使得图形渲染设备实现本申请提供的上述图形渲染方法,或者使得图形渲染设备部署上述的图形渲染装置。
从逻辑功能划分来看,示例性的,如图9所示,存储器902中可以包括图形显示模块801、蒙层处理模块802以及图形渲染模块803。这里的包括仅仅涉及存储器中所存储的指令被执行时可以分别实现图形显示模块、蒙层处理模块以及图形渲染模块的功能,而不限定是物理上的结构。
本申请提供一种计算机可读存储介质,所述计算机程序产品包括计算机指令,所述计算机指令指示计算设备执行本申请提供的上述图形渲染方法。
本申请提供一种计算机程序产品,包括计算机指令,所述计算机指令被处理器执行上述图形渲染方法。
本申请提供一种芯片,包括至少一个处理器和通信接口,所述通信接口为所述至少一个处理器提供信息输入和/或输出。进一步,所述芯片还可以包含至少一个存储器,所述存储器用于存储计算机指令。所述至少一个处理器用于调用并运行该计算机指令,以执行本申请提供的上述图形渲染方法。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
Claims (15)
1.一种图形渲染方法,其特征在于,包括:
在用户界面显示待渲染图形,所述待渲染图形包括一个或多个顶点圆角;
响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,所述待处理蒙层覆盖所述待渲染图形的边框;
基于所述待处理蒙层的偏移值和顶点圆角大小,在所述用户界面渲染所述待渲染图形。
2.根据权利要求1所述的方法,其特征在于,所述基于所述待处理蒙层的偏移值和顶点圆角大小,在所述用户界面渲染所述待渲染图形,包括:
基于所述待处理蒙层的偏移值,在所述用户界面对所述待渲染图形进行顶点着色,并基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述用户界面对剩余的各个待渲染像素点,进行片段着色。
3.根据权利要求2所述的方法,其特征在于,所述基于所述待处理蒙层的偏移值,在所述用户界面对所述待渲染图形进行顶点着色,包括:
基于所述待处理蒙层节点在世界空间下的三维姿势,将待渲染顶点的三维位置从本地空间转换到蒙层空间;
根据转换后的三维位置和所述待处理蒙层的偏移值,在所述用户界面对所述待渲染图形进行顶点着色。
4.根据权利要求3所述的方法,其特征在于,所述基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述用户界面对剩余的各个待渲染像素点,进行片段着色,包括:
基于顶点着色的待渲染图形,判断所述剩余的各个待渲染像素点是否在所述待处理蒙层区域外;
若待渲染像素点i不在所述待处理蒙层区域外,则判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外,其中,所述待渲染像素点i为所述剩余的各个待渲染像素点中的任意一个待渲染像素点,i=1,…,n,n为整数,n根据所述剩余的各个待渲染像素点的数目确定;
若所述待渲染像素点i不在所述待处理蒙层的顶点圆角区域外,则在所述用户界面输出所述待渲染像素点i的原始颜色。
5.根据权利要求4所述的方法,其特征在于,在所述判断剩余的各个待渲染像素点是否在所述待处理蒙层区域外之后,还包括:
若所述待渲染像素点i在所述待处理蒙层区域外,则在所述用户界面对所述待渲染像素点i不着色或输出全透明颜色。
6.根据权利要求4或5所述的方法,其特征在于,所述判断剩余的各个待渲染像素点是否在所述待处理蒙层区域外,包括:
根据所述待渲染顶点的二维投影和光栅化,获得所述待渲染像素点i的二维坐标;
基于所述待渲染像素点i的二维坐标,判断所述待渲染像素点i是否在所述待处理蒙层区域外。
7.根据权利要求4所述的方法,其特征在于,在所述判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外之后,还包括:
若所述待渲染像素点i在所述待处理蒙层的顶点圆角区域外,则在所述用户界面对所述待渲染像素点i不着色或输出全透明颜色。
8.根据权利要求4或7所述的方法,其特征在于,所述待渲染图形包括四个圆角,所述待处理蒙层为覆盖所述待渲染图形的边框的矩形蒙层;
所述判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外,包括:
根据所述待渲染顶点的二维投影和光栅化,获得所述待渲染像素点i的二维坐标;
基于所述待渲染像素点i的二维坐标,确定与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角;
计算与所述待渲染像素点i距离最近的所述待处理蒙层的顶点圆角的圆心和外接矩形;
根据所述圆心、所述外接矩形和所述待渲染像素点i的二维坐标,判断所述待渲染像素点i是否在所述待处理蒙层的顶点圆角区域外。
9.根据权利要求1至5中任一项所述的方法,其特征在于,所述响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,包括:
获取所述待渲染图形的长度;
计算所述长度与所述进度值的乘积,将计算的乘积作为所述待处理蒙层相对所述待渲染图形中心点的偏移值;
根据所述进度值和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
10.根据权利要求9所述的方法,其特征在于,所述根据所述进度值和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小,包括:
根据所述进度值和所述待渲染图形的边框的大小,确定所述待渲染图形的进度线的长短;
基于所述进度线的长短和所述偏移值,确定所述待处理蒙层与所述待渲染图形相交的顶点圆角大小。
11.一种图形渲染装置,其特征在于,包括:
图形显示模块,用于在用户界面显示待渲染图形,所述待渲染图形包括一个或多个顶点圆角;
蒙层处理模块,用于响应于所述待渲染图形的进度值,确定与所述待渲染图形对应的待处理蒙层的偏移值和顶点圆角大小,所述待处理蒙层覆盖所述待渲染图形的边框;
图形渲染模块,用于基于所述待处理蒙层的偏移值和顶点圆角大小,在所述用户界面渲染所述待渲染图形。
12.根据权利要求11所述的装置,其特征在于,所述图形渲染模块,具体用于:
基于所述待处理蒙层的偏移值,在所述用户界面对所述待渲染图形进行顶点着色,并基于顶点着色的待渲染图形和所述待处理蒙层的顶点圆角大小,在所述用户界面对剩余的各个待渲染像素点,进行片段着色。
13.一种图形渲染设备,其特征在于,包括:
处理器;
存储器;以及
计算机程序;
其中,所述计算机程序被存储在所述存储器中,并且被配置为由所述处理器执行,所述计算机程序包括用于执行如权利要求1-10任一项所述的方法的指令。
14.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序使得服务器执行权利要求1-10任一项所述的方法。
15.一种计算机程序产品,其特征在于,包括计算机指令,所述计算机指令被处理器执行权利要求1-10任一项所述的方法。
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210260733.3A CN114627225A (zh) | 2022-03-16 | 2022-03-16 | 图形渲染方法、装置及存储介质 |
PCT/CN2022/123578 WO2023173728A1 (zh) | 2022-03-16 | 2022-09-30 | 图形渲染方法、装置及存储介质 |
EP22808576.7A EP4270321A4 (en) | 2022-03-16 | 2022-09-30 | GRAPHIC RENDERING METHOD AND APPARATUS, AND STORAGE MEDIUM |
US17/928,813 US20240233237A9 (en) | 2022-03-16 | 2022-09-30 | Graphics rendering method and apparatus, and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210260733.3A CN114627225A (zh) | 2022-03-16 | 2022-03-16 | 图形渲染方法、装置及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114627225A true CN114627225A (zh) | 2022-06-14 |
Family
ID=81901295
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210260733.3A Pending CN114627225A (zh) | 2022-03-16 | 2022-03-16 | 图形渲染方法、装置及存储介质 |
Country Status (3)
Country | Link |
---|---|
EP (1) | EP4270321A4 (zh) |
CN (1) | CN114627225A (zh) |
WO (1) | WO2023173728A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023173728A1 (zh) * | 2022-03-16 | 2023-09-21 | 北京字跳网络技术有限公司 | 图形渲染方法、装置及存储介质 |
Family Cites Families (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9171348B2 (en) * | 2012-01-23 | 2015-10-27 | Google Inc. | Rendering content on computing systems |
CN104239053B (zh) * | 2014-09-12 | 2018-03-23 | 广州华多网络科技有限公司 | 进度条显示方法和系统 |
CN106990951B (zh) * | 2017-02-22 | 2020-04-17 | 福建天泉教育科技有限公司 | 一种进度条的绘制方法及系统 |
CN109901894B (zh) * | 2017-12-07 | 2021-06-08 | 腾讯科技(深圳)有限公司 | 一种进度条图像生成方法、装置和存储介质 |
CN109814970B (zh) * | 2019-01-22 | 2021-09-10 | 西安电子科技大学 | 一种基于OpenGL-ES的动态进度条绘制方法 |
CN111402381B (zh) * | 2020-03-17 | 2023-11-21 | 网易(杭州)网络有限公司 | 模型渲染方法与装置、可读存储介质 |
CN113553807A (zh) * | 2020-04-24 | 2021-10-26 | 广州金山移动科技有限公司 | 一种圆角绘制方法、装置、及存储介质 |
CN112306601A (zh) * | 2020-10-27 | 2021-02-02 | 北京字节跳动网络技术有限公司 | 一种应用交互方法、装置、电子设备及存储介质 |
CN112433724A (zh) * | 2020-11-09 | 2021-03-02 | 北京达佳互联信息技术有限公司 | 目标组件的样式生成方法、装置、电子设备及存储介质 |
CN113315985B (zh) * | 2021-05-25 | 2023-04-07 | 北京达佳互联信息技术有限公司 | 虚拟对象的处理方法、装置、电子设备和存储介质 |
CN114627225A (zh) * | 2022-03-16 | 2022-06-14 | 北京字跳网络技术有限公司 | 图形渲染方法、装置及存储介质 |
-
2022
- 2022-03-16 CN CN202210260733.3A patent/CN114627225A/zh active Pending
- 2022-09-30 WO PCT/CN2022/123578 patent/WO2023173728A1/zh active Application Filing
- 2022-09-30 EP EP22808576.7A patent/EP4270321A4/en active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023173728A1 (zh) * | 2022-03-16 | 2023-09-21 | 北京字跳网络技术有限公司 | 图形渲染方法、装置及存储介质 |
EP4270321A4 (en) * | 2022-03-16 | 2024-02-28 | Beijing Zitiao Network Technology Co., Ltd. | GRAPHIC RENDERING METHOD AND APPARATUS, AND STORAGE MEDIUM |
Also Published As
Publication number | Publication date |
---|---|
US20240135624A1 (en) | 2024-04-25 |
WO2023173728A1 (zh) | 2023-09-21 |
EP4270321A1 (en) | 2023-11-01 |
EP4270321A4 (en) | 2024-02-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109377546B (zh) | 虚拟现实模型渲染方法及装置 | |
CN107358649B (zh) | 地形文件的处理方法和装置 | |
CN108765539B (zh) | 基于OpenGLES的图像渲染方法、装置、设备及存储介质 | |
CN111583381B (zh) | 游戏资源图的渲染方法、装置及电子设备 | |
CN108765520B (zh) | 文本信息的渲染方法和装置、存储介质、电子装置 | |
CN108399646B (zh) | 一种图像渲染方法及装置 | |
CN110908762A (zh) | 一种动态壁纸实现方法及设备 | |
CN111583379A (zh) | 虚拟模型的渲染方法、装置、存储介质与电子设备 | |
CN113409411A (zh) | 图形界面的渲染方法、装置、电子设备及存储介质 | |
WO2023197762A1 (zh) | 图像渲染方法、装置、电子设备、计算机可读存储介质及计算机程序产品 | |
CN111710020B (zh) | 动画渲染方法和装置及存储介质 | |
CN113963083B (zh) | 编程积木块绘制方法、积木搭建方法、装置及电子设备 | |
CN114627225A (zh) | 图形渲染方法、装置及存储介质 | |
CN114742931A (zh) | 渲染图像的方法、装置、电子设备及存储介质 | |
CN109448123B (zh) | 模型的控制方法及装置、存储介质、电子设备 | |
CN114529657A (zh) | 渲染图像的生成方法、装置、计算机设备及存储介质 | |
CN110709891A (zh) | 虚拟现实场景模型建立方法、装置、电子设备和存储介质 | |
CN114241105A (zh) | 界面渲染方法、装置、设备和计算机可读存储介质 | |
CN114429513A (zh) | 可见元素的确定方法和装置、存储介质及电子设备 | |
CN112070854A (zh) | 一种图像生成方法、装置、设备及存储介质 | |
CN113553128A (zh) | 画面边角生成方法、装置、电子设备及存储介质 | |
EP4231243A1 (en) | Data storage management method, object rendering method, and device | |
CN111681317B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN111589111B (zh) | 图像处理方法、装置、设备和存储介质 | |
CN115222867A (zh) | 重叠检测方法、装置、电子设备和存储介质 |
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 |