CN112102422B - 图像处理方法及装置 - Google Patents
图像处理方法及装置 Download PDFInfo
- Publication number
- CN112102422B CN112102422B CN202011297210.3A CN202011297210A CN112102422B CN 112102422 B CN112102422 B CN 112102422B CN 202011297210 A CN202011297210 A CN 202011297210A CN 112102422 B CN112102422 B CN 112102422B
- Authority
- CN
- China
- Prior art keywords
- image
- displayed
- target
- display
- rendering
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Processing Or Creating Images (AREA)
Abstract
本说明书提供图像处理方法及装置,其中所述图像处理方法包括:获取用户针对待展示图像上传的展示请求;基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
Description
技术领域
本说明书涉及图像处理技术领域,特别涉及图像处理方法及装置。
背景技术
随着计算机技术的发展,以及用户观看图像展示效果需求的增大,越来越多的图像展示方法应用而生;而在不同的图像展示方法中,根据用户的需求对不同的图像进行切换并展示将采用不同的方式实现,如通过定位切换图像,背景图定位切换图像,或绘图定位切换图像;然而,上述几种方式虽然可以实现图像的切换,但是都只能够展示图像自身的展示内容,并不能够实现对图像增加新的展示效果后进行展示,且图像的展示效果单一,因此亟需一种有效的方案以解决该问题。
发明内容
有鉴于此,本说明书实施例提供了一种图像处理方法。本说明书同时涉及一种图像处理装置,一种计算设备,以及一种计算机可读存储介质,以解决现有技术中存在的技术缺陷。
根据本说明书实施例的第一方面,提供了一种图像处理方法,包括:
获取用户针对待展示图像上传的展示请求;
基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
可选的,所述基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据,包括:
对所述展示请求进行解析获得所述目标展示效果,并确定所述目标展示效果对应的所述着色器;
将所述待展示图像输入至所述着色器,通过所述着色器的目标处理策略对所述待展示图像进行处理,获得图像属性数据和图像效果数据;
将所述图像属性数据和所述图像效果数据进行整合,并根据整合结果输入所述待展示图像的所述渲染效果数据。
可选的,所述通过所述着色器的目标处理策略对所述待展示图像进行处理,获得图像效果数据,包括:
通过所述目标处理策略对所述待展示图像进行纹理采样,获得所述待展示图像对应的纹理坐标;
基于预设的随机函数生成所述目标展示效果对应的采样函数;
根据所述采样函数和所述纹理坐标生成所述待展示图像对应的二维随机采样结果;
根据所述二维随机采样结果确定二维随机采样函数,并利用所述二维随机采样函数对所述纹理坐标进行一维采样,获得所述图像效果数据。
可选的,所述利用所述渲染效果数据对所述待渲染图像进行渲染步骤执行之前,还包括:
在所述渲染效果数据中添加颜色数据,获得目标渲染效果数据,以及按照预设的偏移信息对所述待渲染图像进行偏移处理,获得待渲染目标图像;
其中,所述预设的偏移信息包括偏移角度和偏移距离;
相应的,所述利用所述渲染效果数据对所述待渲染图像进行渲染,包括:
按照所述目标渲染效果数据对所述待渲染目标图像进行渲染。
可选的,所述将所述背景图像和所述待展示图像进行整合,获得待渲染图像,包括:
获取所述背景图像的属性信息,并按照所述属性信息对所述待展示图像进行调整,获得待整合图像;
将所述待整合图像和所述背景图像进行整合,获得所述待渲染图像。
可选的,所述根据渲染结果生成与所述目标展示效果对应的展示动画并展示,包括:
根据渲染结果生成所述待渲染图像对应的多个图像帧;
在所述多个图像帧中筛选出起始图像帧、末端图像帧和/或中间图像帧;
按照预设的时间间隔对所述起始图像帧、所述末端图像帧和/或所述中间图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
将所述展示动画向所述用户进行展示。
可选的,所述根据渲染结果生成与所述目标展示效果对应的展示动画并展示,包括:
根据渲染结果生成至少一个起始图像帧,以及对所述待渲染图像进行标准渲染获得末端图像帧;
将至少一个所述起始图像帧和所述末端图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
将所述展示动画向所述用户进行展示。
可选的,所述基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据步骤执行之前,还包括:
接收所述用户针对所述目标展示效果上传的展示效果选择指令;
根据所述展示效果选择指令向服务端提交着色器配置请求,并接收所述服务端针对所述着色器配置请求返回的着色器配置信息;
根据所述着色器配置信息对初始着色器进行调整,获得所述目标展示效果对应的所述着色器。
可选的,所述获取用户针对待展示图像上传的展示请求步骤执行之前,还包括:
接收所述用户提交的图像查看指令;
根据所述图像查看指令向所述服务端发送图像查看请求;
接收所述服务端针对所述图像查看请求返回的多个目标图像;
基于所述多个目标图像生成展示列表向所述用户进行展示。
可选的,所述获取用户针对待展示图像上传的展示请求,包括:
获取所述用户针对所述展示队列中的所述待展示图像提交的所述展示请求;
相应的,所述展示请求包括下述至少一项:
切换请求、点选请求、滑动请求。
根据本说明书实施例的第二方面,提供了一种图像处理装置,包括:
获取模块,被配置为获取用户针对待展示图像上传的展示请求;
处理模块,被配置为基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
整合模块,被配置为选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
渲染模块,被配置为利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
根据本说明书实施例的第三方面,提供了一种计算设备,包括:
存储器和处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取用户针对待展示图像上传的展示请求;
基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
根据本说明书实施例的第四方面,提供了一种计算机可读存储介质,其存储有计算机可执行指令,该指令被处理器执行时实现所述图像处理方法的步骤。
本实施例提供的图像处理方法,在获取到用户针对待展示图像上传的展示请求的情况下,将根据所述展示请求将所述待展示图像输入至能够处理出具有目标展示效果的着色器,获得所述待展示图像的渲染效果数据,之后在选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合获得待渲染图像,最后利用所述渲染效果数据对所述待渲染图像进行渲染,并根据渲染结果生成具有目标展示效果的展示动画向用户展示,实现了在用户切换不同的待展示图像时,可以基于任意待展示图像都能够生成具有目标展示效果的展示动画,不仅可以提高图像展示效果,还能够提高用户的体验效果,从而实现提高触达用户的概率。
附图说明
图1是本说明书一实施例提供的一种图像处理方法的流程图;
图2是本说明书一实施例提供的第一种图像的示意图;
图3是本说明书一实施例提供的采样函数图像的示意图;
图4是本说明书一实施例提供的第二种图像的示意图;
图5是本说明书一实施例提供的第三种图像的示意图;
图6是本说明书一实施例提供的第四种图像的示意图;
图7是本说明书一实施例提供的一种应用于图像切换场景中的图像处理方法的处理流程图;
图8是本说明书一实施例提供的一种图像处理装置的结构示意图;
图9是本说明书一实施例提供的一种计算设备的结构框图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本说明书。但是本说明书能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本说明书内涵的情况下做类似推广,因此本说明书不受下面公开的具体实施的限制。
在本说明书一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本说明书一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本说明书一个或多个实施例中可能采用术语第一、第二等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本说明书一个或多个实施例范围的情况下,第一也可以被称为第二,类似地,第二也可以被称为第一。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
首先,对本说明书一个或多个实施例涉及的名词术语进行解释。
WebGL:WebGL(Web图形库)是一种JavaScriptAPI,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 <canvas>元素中使用。
着色器语言:也叫着色语言(英语:Shading Language),是一类专门用来为着色器编程的编程语言。这类语言使用“颜色”“法线”等特殊的数据类型。由于三维计算机图形目标市场的多元化,不同的目标市场通常使用不同的着色器语言。
CSS:层叠样式表(英语:Cascading Style Sheets,缩写:CSS;又称串样式列表、级联样式表、串接样式表)是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。
Canvas:(画布canvas)元素是HTML5的一部分,允许脚本语言(scriptinglanguages)动态渲染位图像。
材质贴图:材质贴图,又称纹理贴图,在计算机图形学中是把存储在内存里的位图包裹到3D渲染物体的表面。纹理贴图给物体提供了丰富的细节,用简单的方式模拟出了复杂的外观。一个图像(纹理)被贴(映射)到场景中的一个简单形体上,就像印花贴到一个平面上一样。这大大减少了在场景中制作形体和纹理的计算量。例如,可以创建一个球并把脸的纹理贴上去,这样就不用处理鼻子和眼睛的形状了。
GLSL语言:OpenGL Shading Language也称作GLslang,是一个以C语言为基础的高阶着色语言它是由OpenGL ARB所建立,提供开发者对绘图管线更多的直接控制,而无需使用汇编语言或硬件规格语言。
着色器:计算机图形学领域中,着色器(英语:shader)是一种计算机程序,不仅可以用于图像的浓淡处理(计算图像中的光照、亮度、颜色等),还可以用于完成很多不同领域的工作,比如处理CG特效、进行与浓淡处理无关的影片后期处理、甚至用于一些与计算机图形学无关的其它领域。使用着色器在图形硬件上计算渲染效果有很高的自由度。尽管不是硬性要求,但目前大多数着色器是针对GPU开发的。GPU的可编程绘图管线已经全面取代传统的固定管线,可以使用着色器语言对其编程。构成最终图像的像素、顶点、纹理,它们的位置、色相、饱和度、亮度、对比度也都可以利用着色器中定义的算法进行动态调整。调用着色器的外部程序,也可以利用它向着色器提供的外部变量、纹理来修改这些着色器中的参数。
UV:是指u,v纹理贴图坐标的简称,定义了图片上每个点的位置的信息,这些点与3D模型是相互联系的,以决定表面纹理贴图的位置,UV就是将图像上每一个点精确对应到模型物体的表面,在点与点之间的间隙位置由软件进行图像光滑插值处理。
在本说明书中,提供了一种图像处理方法,本说明书同时涉及一种图像处理装置,一种计算设备,以及一种计算机可读存储介质,在下面的实施例中逐一进行详细说明。
实际应用中,在实现图像切换时,通常是采用CSS图像切换或canvas图像切换的方式实现,而在基于CSS图像切换中,通常是将需要切换的图像横向拼接,并将拼接好的图像放在展示区轴线出对齐,当用户滑动切换图像时,按照图像距离进行调整即可展示拼接好的图像;或者设置展示区的背景图为设定数量图像的拼接大图,当用户滑动切换图像时,通过修改背景图定位属性的方式即可完成图像的切换;在基于canvas图像切换中,通常是自定义待展示图像的大小,之后根据自定义大小信息对待展示图像进行绘制到画布自定义的位置,从而实现根据用户的操作进行展示;然而无论是采用CSS图像切换还是canvas图像切换都存在着无法基于每张图像生成具有相同展示效果的展示动画,导致图像的展示效果单一,很大程度上影响用户的体验。
图1示出了根据本说明书一实施例提供的一种图像处理图像处理方法的流程图,具体包括以下步骤:
步骤S102,获取用户针对待展示图像上传的展示请求。
本实施例提供的图像处理方法,为了能够丰富图像的展示效果,以及提高用户的体验效果,在获取到用户针对待展示图像上传的展示请求的情况下,将根据所述展示请求将所述待展示图像输入至能够处理出具有目标展示效果的着色器,获得所述待展示图像的渲染效果数据,之后在选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合获得待渲染图像,最后利用所述渲染效果数据对所述待渲染图像进行渲染,并根据渲染结果生成具有目标展示效果的展示动画向用户展示,实现了在用户切换不同的待展示图像时,可以基于任意待展示图像都能够生成具有目标展示效果的展示动画,不仅可以提高图像展示效果,还能够提高用户的体验效果,从而实现提高触达用户的概率。
具体实施时,所述图像处理方法应用于客户端,所述用户具体是指持有所述客户端并需要针对所述待展示图像进行观看的用户,所述展示请求具体是指所述用户通过所述客户端针对所述待展示图像提交的请求,可以是切换请求、点选请求或滑动请求;即当用户提交切换请求时,将从当前展示的图像切换到所述待展示图像并展示,或者当用户提交点选请求时,将对待展示图像进行选择并展示,还或者当用户提交滑动请求时,将从当前展示图像左/右/上/下滑动到所述待展示图像并展示。
基于此,在接收到所述用户针对待展示图像上传的展示请求后,说明所述用户需要观看所述待展示图像,而为了能够待展示图像的展示效果,将对所述待展示图像进行处理,从而实现基于待展示图像生成具有目标展示效果的展示动画并向用户进行展示,不仅可以提高用户的体验效果,还能够实现针对任意图像都可以生成具有目标展示效果的动画,进一步提高触达用户的概率。
进一步的,在接收到所述用户上传的所述展示请求之前,还需要向所述用户展示多个目标图像组成的展示列表,从而满足用户可以从中选择出待展示图像进行观看,本实施例中,展示列表的生成过程如下所述:
接收所述用户提交的图像查看指令;
根据所述图像查看指令向所述服务端发送图像查看请求;
接收所述服务端针对所述图像查看请求返回的多个目标图像;
基于所述多个目标图像生成展示列表向所述用户进行展示。
具体的,所述图像查看指令具体是指所述用户需要查看能够展示的图像提交的指令,如用户点击客户端上的查看相册控件提交的指令,或点击客户端上的图像展示控件提交的指令;所述服务端具体是指向用户下发包含多个目标图像的服务平台,所述目标图像具体是指可以供用户选择查看的图像,所述展示列表具体是指基于多个目标图像生成的图像队列。
基于此,在接收到用户提交的图像查看指令的情况下,说明用户需要对应用程序中的图像进行查看,此时将向应用程序的服务端上传基于所述图像查看指令生成的图像查看请求,在接收到所述服务端针对所述图像查看请求返回所述多个目标图像后,说明服务端受理了所述图像查看请求,同时针对图像查看请求返回了供用户查看的多个目标图像,最后基于所述多个目标图像生成方便用户查看的展示列表并向用户进行展示即可。
更进一步的,在向所述用户展示所述展示列表之后,此时用户即可针对展示列表中包含的目标图像提交展示请求,则被选择的目标图像即为所述待展示图像,即将获取到所述用户针对所述展示队列中的所述待展示图像提交的所述展示请求。
本实施例将以用户在使用应用程序时生成展示动画的过程对所述图像处理方法进行描述,此外所述图像处理方法还可以应用于用户查看客户端相册,具体内容均可参见本实施例相应的描述内容,本实施例在此不作过多赘述。
例如,支付程序S的服务端推出消费语音提醒功能,即当用户通过支付程序S完成支付或者转账时,支付程序S将调用声音播放器播放本次消费的额度信息,从而实现提醒的功能,而为了能够更进一步提高用户的体验,用户可以根据需求选择不同的人物模仿该音频进行播放,如选择人物甲播放该声音或选择人物乙播放该声音,而在用户选择的过程中,如果只是单单提供人物的名字,并不提供人物的图像,可能会导致用户无法正确选择满足自身需求的人物进行语音播报,此时服务端为了更加方便用户使用,实现在用户选择人物时配套展示该人物的图像。
在展示人物图像的过程中,为了更好的触达用户,将对用户选择的人物图像增加展示效果,从而进一步提高用户的体验效果;基于此,在接收到用户通过支付程序S提交的人物图像查看指令的情况下,将向服务端上传人物图像查看请求,同时接收服务端针对人物图像查看请求返回的多个人物图像,此时将基于多个人物图像生成展示列表,并在支付程序S中的展示页面承载该展示列表向用户进行展示,展示页面如图2所示,展示列表为页面上方人物甲至人物戊对应的人物图像组成的队列,而展示页面的正中间即为展示用户所选择的待展示人物图像的位置;当接收到用户针对人物丁的图像提交展示请求的情况下,说明需要将人物丁的图像在展示页面的正中间进行展示,以此作为基础在后续针对人物丁的图像进行效果添加和处理,从而基于人物丁的图像生成相应的展示动画供用户进行查看。
此外,为了更进一步的提高触达用户的概率,还可以通过大数据分析的方式确定所述目标用户感兴趣的图像,从而将用户感兴趣的图像作为所述目标图像组成所述展示队列,供用户选择所述待展示图像,以实现进一步提高用户的体验效果。
综上,为了能够方便用户选择待展示图像,将根据用户的图像查看指令生成展示列表,从而更加方便用户从展示列表中选择所述待展示图像,进一步丰富用户的选择需求,提供更多的目标图像供用户进行选择。
步骤S104,基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据。
具体的,在上述获取到用户针对所述待展示图像上传的展示请求的基础上,说明此时用户需要查看所述待展示图像,为了能够提高用户的体验,可以对所述待展示图像增加目标展示效果,从而实现展示出具有目标展示效果的图像供用户查看;其中,所述目标展示效果具体是指图像在展示时能够具有的效果,该效果可以由服务端设定,也可以根据用户的需求创建,如将目标展示效果设置为被扰动的效果,则可以基于按照扰动效果配置的着色器获得渲染效果数据,在后续进行渲染时利用渲染效果数据对该图像进行渲染,即可获得携带扰动效果的动画,即将具有扰动效果的几帧图像和该图像进行组装,生成从扰动强烈逐渐到扰动结束的动画,最终展示出该图像,使得播放该图像时有一个较短的动画,从而提高用户的体验。
基于此,所述着色器具体是指对待展示图像进行处理的顶点着色器,且为了能够在后续渲染出具有目标展示效果的动画,将根据需求对所述着色器进行配置,获得与所述目标展示效果对应的着色器,从而实现对所述待展示图像进行处理时,能够获得所述待展示图像的渲染效果数据,并且利用该渲染效果数据在后续对所述待展示图像时可以使得所述待展示图像对应的展示动画具有所述目标展示效果;所述渲染效果数据具体是指在渲染待展示图像是所需要使用的渲染数据,不仅可以保证待展示图像符合原画,还能够保证待展示图像具有目标展示效果。
需要说明的是,所述目标展示效果包括但不限于扰动效果,还可以是波动效果(在展示图像时图像呈现波浪波动的效果)、干扰效果(在展示图像时图像呈现被电磁干扰的效果)或渐进效果(在展示图像时图像呈现颜色渐进、清晰度渐进效果)等等,实际应用中,所述目标展示效果可以根据实际应用场景进行设定,本实施例在此不作任何限定,且能够处理出与目标展示效果对应的渲染效果数据的着色器可以参见如下实施方式相应的描述内容进行配置。
进一步的,由于所述目标展示效果是根据实际需求进行配置的,因此不同的需求将产生不同的目标展示效果,而如何需要使得待展示图像对应的展示动画具有该效果,就需要对着色器进行配置,从而使得着色器能够输出待展示图像的渲染效果数据,以满足渲染出的动画具有该效果,本实施例中,所述着色器的配置过程如下所述:
接收所述用户针对所述目标展示效果上传的展示效果选择指令;
根据所述展示效果选择指令向服务端提交着色器配置请求,并接收所述服务端针对所述着色器配置请求返回的着色器配置信息;
根据所述着色器配置信息对初始着色器进行调整,获得所述目标展示效果对应的所述着色器。
具体的,为了能够向用户提供更丰富的阅图体验,将预先配置较多的展示效果供用户进行选择,当用户针对所述目标展示效果上传所述展示效果选择指令的情况下,说明用户需要将待展示图像通过配合目标展示效果的方式进行展示,此时就需要将着色器配置为能够对所述待展示图像处理后,得到与所述目标展示效果对应的渲染效果数据。
基于此,而由于着色器的配置过程较为复杂,则需要根据所述展示效果指令向所述服务端提交着色器配置请求,并接收所述服务端针对所述着色器配置请求返回的着色器配置信息,所述着色器配置信息具体是着色器材质,能够用着色器的代码进行编程;在接收到所述着色器配置信息后,根据该信息对初始着色器进行调整,即通过编程获得所述目标展示效果对应的所述着色器,其中,所述初始着色器具体是指还未经过调整的基准着色器,该着色器只能够输出待展示图像的基础属性数据,并不能够对待展示图像进行额外的处理,而目标展示效果对应的着色器可以实现输出待展示图像的基础属性数据的同时,还输出符合目标展示效果相关的数据,从而实现后续能够渲染出具有目标展示效果的展示动画。
需要说明的是,所述着色器在实现输出所述渲染效果数据时,是通过GLSL语言对待展示图像对应的平面材质进行编程,具体是指使用GLSL语言的texture2D函数提取待展示图像的相关属性数据,同时基于着色器被配置的着色器材质对待展示图像进行符合目标展示效果的处理,从而得到待展示图像对应的图像效果数据,基于图像的相关属性数据和图像效果数据用于后续渲染图像即可。
进一步的,所述目标展示效果对应的着色器对所述待展示图像进行处理的过程中,实则是通过着色器提取待展示图像的图像属性数据以及生成图像效果数据,从而得到所述渲染效果数据,能够实现在渲染图像时渲染出具有目标展示效果的动画,本实施例中,获得所述待展示图像的渲染效果数据的过程如下所述:
对所述展示请求进行解析获得所述目标展示效果,并确定所述目标展示效果对应的所述着色器;
将所述待展示图像输入至所述着色器,通过所述着色器的目标处理策略对所述待展示图像进行处理,获得图像属性数据和图像效果数据;
将所述图像属性数据和所述图像效果数据进行整合,并根据整合结果输入所述待展示图像的所述渲染效果数据。
具体的,所述目标处理策略具体是指对所述待展示图像进行处理所使用的策略,即提取待展示图像的图像属性数据所使用的策略,以及处理得到图像效果数据所使用的策略;相应的,所述图像属性数据具体是指所述待展示图像自身具有的属性对应的数据,如待展示图像的尺寸数据、颜色数据、清晰度数据等;所述图像效果数据具体是指所述待展示图像在渲染出具有目标展示效果对应的展示动画时所需要使用的数据,如位置调整数据,颜色调整数据等。
基于此,首先对所述展示请求进行解析,确定符合用户需求的目标展示效果,同时确定所述目标展示效果对应的着色器,其次将所述待展示图像输入至所述着色器,通过所述着色器的目标处理策略对所述待展示图像进行处理,即可获得所述待展示图像的图像属性数据和图像效果数据,最后将所述待展示图像的图像属性数据和图像效果数据进行整合,所述着色器即可输出根据整合结果确定所述待展示图像的渲染效果数据。
沿用上例,在确定用户在支付程序S的展示页面选择了人物丁之后,此时确定用户需要查看人物丁的人物图像,则需要对人物丁的人物图像进行处理,以生成具有展示效果的动画供用户观看;基于此,此时根据用户提交的展示请求确定展示效果为扰动效果,则根据扰动效果选择目标着色器,并将人物丁的人物图像输入至该着色器进行图像处理,获得人物丁的人物图像的图像属性数据{图像尺寸、图像颜色、图像清晰度},以及该图像的图像效果数据{切分方式,切分尺寸,颜色调整},并将图像属性数据和图像效果数据进行整合,获得人物图像的渲染效果数据,以用以后续渲染对应的展示动画使用。
综上,为了能够达到更加符合用户需求的展示动画,将根据展示请求确定目标展示效果,之后基于目标展示效果的着色器对所述待展示图像进行处理,以获得所述待展示图像的渲染效果数据,不仅可以通过该方式提取任意图像的渲染效果数据,还能够实现切换图像时按照该方式再次对图像进行处理,以满足切换任意图像都可以使用符合用户需求的展示效果进行图像的展示,有效的提高用户的体验效果。
更进一步的,在通过着色器对所述待展示图像进行处理的过程中,为了能够使得所述待展示图像在最后渲染出的展示动画中具有目标展示效果,所述目标着色器在处理待处理图像获得所述渲染效果数据的过程如下所述:
通过所述目标处理策略对所述待展示图像进行纹理采样,获得所述待展示图像对应的纹理坐标;
基于预设的随机函数生成所述目标展示效果对应的采样函数;
根据所述采样函数和所述纹理坐标生成所述待展示图像对应的二维随机采样结果;
根据所述二维随机采样结果确定二维随机采样函数,并利用所述二维随机采样函数对所述纹理坐标进行一维采样,获得所述图像效果数据。
具体的,为了能够使得所述待展示图像具有所述目标展示效果,将需要对所述待展示图像按照目标展示效果的需求进行处理,即目标展示效果对应的着色器在对待展示图像进行处理时,首先是对所述待展示图像进行纹理采样,获得所述待展示图像的纹理坐标,其次基于预设的随机函数生成所述目标展示效果对应的采样函数,此时还可以根据预设的常数对所述采样函数进行扩大,从而实现具有目标展示效果的能力,之后通过采样函数和所述纹理坐标即可生成所述待展示图像对应的二位随机采样结果,最后根据二维随机采样结果确定二维随机采样函数,再利用所述二维随机采样函数即可实现对所述纹理坐标进行一维采样获得所述图像效果数据,其中,所述图像效果数据即为一维随机采样结果,从而实现在渲染时利用该图像效果数据即可得到具有目标展示效果的展示动画。
沿用上例,当需要生成具有扰动效果的人物图像时,将对人物丁的人物图像进行纹理采样,获得该图像的纹理坐标;此时再利用采用函数y=fract(sin(x)*a)对图像进行处理,而通过采样函数对图像进行处理的过程中实则是实现噪声采样,即通过系数a生成较为密集的噪声,a越到噪声越密集,a越小噪声越稀疏,因此随着a的增大,噪声会从起始的分段逐渐变成雪花状,如图3中(a)所示的内容即为a取值较小的情况下,当a取值逐渐增大将获得如图3中(b)所示的内容。
而为了能够使得人物图像具有扰动效果,此时将利用y对图像对应的纹理的UV进行切分(其中,slice值越大,图像的切分横条就越多,需要说明的是,由于需要将人物图像展示出具有扰动效果的动画,因此需要切分出横条,以实现具有扰动的视觉效果),并且在实现扰动效果时,还需要通过偏移生成函数进行偏移处理,偏移生成函数包含了噪声生成逻辑和数值范围逻辑。噪声生成逻辑用于生成一维的随机噪声,如图3中(b)所示;数值范围逻辑用于限定返回值在一个自定义的范围内,控制扰动的偏移限度。利用偏移生成函数能够得到用于实现扰动效果的UV偏移值。
进一步的,因为UV是0-1之间的值,所以利用GLSL的fract函数取uv偏移值的小数部分,将原始uv值的x分量与偏移值的x分量相加得到最终的纹理采样值,即为需要输入texture2D第二个参数,此时虽然可以实现扰动效果,但是为了能够提高扰动效果的提升,还可以添加红蓝偏移,以增强该效果的提升。
更进一步的,为了得到红蓝偏移,首先定义一个可以修改的红蓝偏移值;将上述得到的最终纹理采样值加上/减去定义的红蓝偏移值,即可得到2个偏移后纹理采样。将输入的待展示图像和偏移后的纹理采样传入texture2D函数得到2个偏移后的待展示的效果图。可以采用cr表示红色部分正向偏移,cg表示没有偏移,cb表示蓝色方向反向偏移。之后通过取r(red红色通道偏移图像)b(blue蓝色通道偏移图像)g(g绿色通道,没有偏移)三者叠加,实现增强扰动效果。
通过偏移生成函数的数值限定范围,能够控制扰动的程度。扰动的限定值我们用一个正弦函数来表示:sin(time * PI) * Offset;其中Offset决定了最多偏移量;Time决定偏移的程度,通过调整Time即可对扰动程度进行控制,实现扰动效果。
需要说明的是,在通过GLSL的fract函数对正弦函数进行处理后,即可获得人物图像对应的二维随机采样点,如果此时基于二维随机采样点绘制uv采样到平面上,能够得到如图4中(a)所示的内容,由纵横交错的黑白噪点组成的图像;进一步的为了达到扰动效果,可以去到uv中的一个变量,即只对v方向进行随机采样,获得一维随机采样点,如果此时基于一维随机采样点绘制图像,能够得到如图4中(b)所示的内容,即可确定初步完成了扰动效果的建立,后续再将人物图像相关的图像属性数据{图像尺寸、图像颜色、图像清晰度}与该效果进行融合,即可得到具有扰动效果的人物图像对应的展示动画。
综上,为了能够使得所述待展示图像在后续生成所述目标展示效果对应的展示动画,可以通过采样函数对所述待展示图像进行随机采用,并对随机采样的结果进行转换,即可获得所述图像效果数据,以实现对任意图像都可以形成具有目标展示效果的展示动画,不仅节省重新绘制图像的时间,还能够使得多张图像都可以通过相同的展示效果进行展示,进一步提高用户的体验。
步骤S106,选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像。
具体的,在上述获得所述待展示图像对应的渲染效果数据的基础上,进一步的,将选择与所述目标展示效果对应的背景图像之后,对所述背景图像和所述待展示图像进行整合获得所述待渲染图像,以实现在可以将承载渲染效果的背景图像与所述待展示图像进行整合,从而实现后续利用所述渲染效果数据对所述待渲染图像进行渲染即可,实现展示出效果更好的展示动画。
其中,所述目标展示效果对应的背景图像具体是指能够承载目标展示效果的底层图像,所述待渲染图像具体是指将所述背景图像和所述待展示图像进行整合后等待渲染的图像;需要说明的是,所述背景图像可以根据实际应用场景进行设定,本实施例在此不作任何限定。
进一步的,在将所述待展示图像和所述背景图像进行整合的过程中,由于所述背景图像和所述待展示图像的尺寸并不一定匹配,容易出现贴图不适配的问题,为了避免这一问题发生,可以基于背景图像对待展示图像进行调整,从而能够获得更加方便展示的待渲染图像,本实施例中,整合背景图像和待展示图像的过程如下所述:
获取所述背景图像的属性信息,并按照所述属性信息对所述待展示图像进行调整,获得待整合图像;
将所述待整合图像和所述背景图像进行整合,获得所述待渲染图像。
具体的,所述背景图像的属性信息具体是指所述背景图像自身的相关属性,如图像尺寸,图像清晰度等等;在获得所述背景图像的属性信息之后,可以按照所述属性信息对所述待展示图像进行调整,获得能够适配所述背景图像的待整合图像,所述待整合图像具体是指对待展示图像进行调整后的图像;最后将所述待整合图像和所述背景图像进行整合,即可获得所述待渲染图像,以方便后续进行渲染。
沿用上例,在确定需要对人物丁的人物图像进行扰动效果处理的情况下,此时获取支付程序S承载该人物图像的背景图像,并确定背景图像的尺寸为414*896,而人物丁的人物图像尺寸为207*448,通过判断确定当前人物图像如果和背景图像进行整合,渲染出的图像将不符合展示规格,即人物图像过大,覆盖过多背景图像的内容,从而造成支付程序S无法正常展示,则需要按照背景图像的尺寸对人物图像尺寸进行调整,获得图像尺寸为138*298的待整合图像,最后将尺寸为138*298的待整合图像与尺寸为414*896的背景图像进行整合,即可获得需要渲染的待渲染图像用于后续渲染处理即可。
综上,为了能够实现待展示图像展示效果的提升,以及提高待展示图像与所述背景图像的适配度,可以按照所述背景图像的属性信息对所述待展示图像进行调整,从而获得满足渲染需求的待渲染图像,更进一步的提升了渲染效果。
步骤S108,利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
具体的,在上述获得所述待渲染图像的基础上,进一步的,此时即可利用所述渲染效果数据对所述待渲染图像进行渲染,并根据渲染结果生成至少一帧中间图像,之后将至少一帧中间图像和待渲染图像进行整合,生成由连续的图像帧组成的展示动画,即可实现通过展示动画播放携带有目标展示效果的待渲染图像,从而能够展示出携带有目标展示效果的展示动画,并且该展示动画是基于待展示图像生成,因此实现在用户切换任意图像时都可以通过该展示效果进行播放,进一步提高用户的体验效果。
沿用上例,在确定人物丁的人物图像需要通过扰动效果进行展示后,此时基于着色器输出的渲染效果数据对待渲染图像进行渲染处理,即可获得如图5所示的图像帧组成的展示动画,将图5中的多张图像帧进行组装并播放,即为向用户展示的展示动画,实现从图像起始帧开始左右扰动效果最剧烈,之后逐渐减少扰动效果,获得最终的人物丁的定格人物图像,整个播放过程都是用户能够观看到的画面,因此不仅可以吸引用户使用支付程序S,还能够提高用户的体验效果。
此外,为了能够进一步提高目标展示效果的能力,可以在对所述待渲染图像进行渲染处理之前,向所述渲染效果数据中添加颜色数据,从而实现播放展示动画时可以增强目标展示效果,本实施例中,具体实现方式如下所述:
在所述渲染效果数据中添加颜色数据,获得目标渲染效果数据,以及按照预设的偏移信息对所述待渲染图像进行偏移处理,获得待渲染目标图像;
其中,所述预设的偏移信息包括偏移角度和偏移距离;
相应的,所述利用所述渲染效果数据对所述待渲染图像进行渲染,包括:
按照所述目标渲染效果数据对所述待渲染目标图像进行渲染。
具体的,所述颜色数据具体是指增强目标展示效果的数据,可以实现在增加所述颜色数据后,使得播放展示动画时,可以出现图像重影的效果,从而增强目标展示效果;更进一步的,还可以对所述待渲染图像进行偏移处理,从而增强重影效果,更进一步的增强所述目标展示效果,基于此,当向所述渲染效果数据中添加颜色数据获得所述目标渲染效果数据后,可以根据预设的偏移信息对所述待渲染图像进行偏移处理获得待渲染目标图像;最后按照所述目标渲染效果数据对所述待渲染目标图像进行渲染即可。
需要说明的是,所述颜色数据和所述偏移信息可以根据实际应用场景进行设定,从而增强目标展示效果,进一步提高展示动画的播放效果。
沿用上例,当获得渲染效果数据之后,可以增加红/蓝颜色数据,同时对待渲染图像进行偏移处理,最终按照添加红/蓝颜色数据的渲染效果数据对偏移后的待渲染图像进行渲染,即可获得展示动画中的一帧图像如图6所示,从而实现增强扰动效果,进一步提高触达用户的概率。
进一步的,由于待渲染图像为图像格式,而需要向用户展示的目标展示效果的图像只能通过动画的方式进行展示,因此需要对所述待渲染图像进行渲染后获得的多个图像帧进行拼装,从而形成展示动画,本实施例中,具体实现方式如下所述:
根据渲染结果生成所述待渲染图像对应的多个图像帧;
在所述多个图像帧中筛选出起始图像帧、末端图像帧和/或中间图像帧;
按照预设的时间间隔对所述起始图像帧、所述末端图像帧和/或所述中间图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
将所述展示动画向所述用户进行展示。
具体的,利用所述渲染效果数据对所述待渲染图像进行渲染的过程中,由于所述渲染效果数据再生成是可以基于采样函数生成,因此可以基于待渲染图像渲染出多个图像帧,且所述多个图像帧并不一致;而多个图像帧中的各个图像帧分别对应具有不同程度的目标展示效果,因此可以按照程度高低从所述多个图像帧中筛选出起始图像帧、末端图像帧和/或中间图像帧。
其中,所述起始图像帧具体是指组成所述展示动画的第一帧图像,所述末端图像帧具体是指组成所述展示动画的最后一帧图像,且所述末端图像帧即为最终需要展示的待渲染图像,所述中间图像帧具体是指组成所述展示动画中间所使用的图像帧,所述展示动画的长短将由所述中间图像帧控制,若需要展示动画时间较长,可以适当的增加中间图像帧的数量,若需要展示动画时间较短,可以适当减少中间图像帧的数量,并且当中间图像帧不够使用时,可以选择已经存在的中间图像帧与其他中间图像帧进行交错分布,从而实现展示动画的播放效果。
进一步的,在获得所述出起始图像帧、末端图像帧和/或中间图像帧后,按照预设的时间间隔对所述起始图像帧、所述末端图像帧和/或所述中间图像帧进行组装,生成所述目标展示效果对应的所述展示动画,最后在将所述展示动画向用户进行展示即可。其中,所述预设的时间间隔可以根据实际应用场景进行设定,从而控制所述展示动画时间的长短,本实施例在此不作任何限定。
沿用上例,根据渲染结果即可获得如图5中所示的多个图像帧,其中第一张图像即为起始图像帧,最后一张图像即为末端图像帧,而中间分布的图像即为中间图像帧,之后按照0.1s扰动一次的效果对三部分图像帧进行组装,即可获得向用户展示人物丁的人物图像对应的展示动画,实现用户在点击人物丁的图像后,该图像经过扰动效果的处理,逐渐将人物图像定格在支付程序S的展示页面。
综上,为了能够向用户展示携带目标展示效果的待展示图像,将根据渲染数据生成多个图像帧,并通过多个图像帧组装成所述展示动画向用户进行展示,实现用户观看到的待展示图像能够携带有目标展示效果,进一步提高用户的阅图体验。
更进一步的,由于所述待渲染图像未经任何处理渲染出的图像即为展示动画的最后一帧图像,因此为了节省渲染资源可以根据渲染效果数据对所述待渲染图像进行渲染,获得至少一个起始图像帧,之后通过标准渲染对待渲染图像进行基础渲染,本实施例中,具体实现方式如下所述:
根据渲染结果生成至少一个起始图像帧,以及对所述待渲染图像进行标准渲染获得末端图像帧;
将至少一个所述起始图像帧和所述末端图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
将所述展示动画向所述用户进行展示。
具体的,所述标准渲染是指对待渲染图像进行渲染时不添加任何渲染效果,此时即可根据渲染效果数据渲染待渲染图像获得至少一个起始图像帧,以及对所述待渲染图像进行标准渲染获得末端图像帧;之后将至少一个所述起始图像帧和所述末端图像帧进行组装,生成所述目标展示效果对应的所述展示动画;并向所述用户进行展示即可;不仅可以减少渲染消耗,还能够保证展示动画的展示效果。
本实施例提供的图像处理方法,在获取到用户针对待展示图像上传的展示请求的情况下,将根据所述展示请求将所述待展示图像输入至能够处理出具有目标展示效果的着色器,获得所述待展示图像的渲染效果数据,之后在选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合获得待渲染图像,最后利用所述渲染效果数据对所述待渲染图像进行渲染,并根据渲染结果生成具有目标展示效果的展示动画向用户展示,实现了在用户切换不同的待展示图像时,可以基于任意待展示图像都能够生成具有目标展示效果的展示动画,不仅可以提高图像展示效果,还能够提高用户的体验效果,从而实现提高触达用户的概率。
下述结合附图7,以本说明书提供的图像处理方法在图像切换场景中的应用为例,对所述图像处理方法进行进一步说明。其中,图7示出了本说明书一实施例提供的一种应用于图像切换场景中的图像处理方法的处理流程图,具体包括以下步骤:
步骤S702,获取用户针对待展示图像上传的切换请求。
具体的,用户在切换图像时,为了能够将被切换的图像都采用相同的展示效果进行展示,可以根据目标展示效果对应的着色器对待展示图像进行处理从而获得待展示图像的渲染效果数据,并利用该渲染效果数据对待展示图像进行渲染,即可生成携带有目标展示效果的展示动画,从而提高待展示图像的展示效果,进一步提高触达用户的概率。
步骤S704,根据切换请求确定目标展示效果,以及目标展示效果对应的着色器。
步骤S706,将待展示图像输入至着色器,通过着色器对待处理图像进行纹理采用,获得待展示图像对应的纹理坐标。
步骤S708,基于预设的随机函数生成目标展示效果对应的采样函数。
步骤S710,根据采样函数和纹理坐标生成待展示图像的二维随机采样点。
步骤S712,根据二维随机采样点确定二维随机采样函数,并利用二维随机采样函数对纹理坐标进行一维采样,获得图像效果数据。
步骤S714,通过着色器对待处理图像进行属性提取,获得待处理图像的图像属性数据。
步骤S716,将图像效果数据和图像属性数据进行整合,获得渲染效果数据。
步骤S718,利用渲染效果数据对待展示图像进行渲染,并根据渲染结果生成与目标展示效果对应的展示动画。
步骤S720,将展示动画向用户进行展示。
具体的,本实施例提供的图像处理方法可以参见上述实施例相应的描述内容,在此不作过多赘述;需要说明的是,所述图像处理方法不仅可以应用于查看应用程序中的图像,还可以用于客户端相册、网页端图像等,从而实现在切换不同的图像时都可以以相同的展示效果进行展示,方便用户观看的同时,提高用户的体验效果。
本实施例提供的图像处理方法,在获取到用户针对待展示图像上传的展示请求的情况下,将根据所述展示请求将所述待展示图像输入至能够处理出具有目标展示效果的着色器,获得所述待展示图像的渲染效果数据,之后在选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合获得待渲染图像,最后利用所述渲染效果数据对所述待渲染图像进行渲染,并根据渲染结果生成具有目标展示效果的展示动画向用户展示,实现了在用户切换不同的待展示图像时,可以基于任意待展示图像都能够生成具有目标展示效果的展示动画,不仅可以提高图像展示效果,还能够提高用户的体验效果,从而实现提高触达用户的概率。
与上述方法实施例相对应,本说明书还提供了图像处理装置实施例,图9示出了本说明书一实施例提供的一种图像处理装置的结构示意图。如图9所示,该装置包括:
获取模块802,被配置为获取用户针对待展示图像上传的展示请求;
处理模块804,被配置为基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
整合模块806,被配置为选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
渲染模块808,被配置为利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
一个可选的实施例中,所述处理模块804,包括:
解析展示请求单元,被配置为对所述展示请求进行解析获得所述目标展示效果,并确定所述目标展示效果对应的所述着色器;
图像处理单元,被配置为将所述待展示图像输入至所述着色器,通过所述着色器的目标处理策略对所述待展示图像进行处理,获得图像属性数据和图像效果数据;
数据整合单元,被配置为将所述图像属性数据和所述图像效果数据进行整合,并根据整合结果输入所述待展示图像的所述渲染效果数据。
一个可选的实施例中,所述图像处理单元,包括:
纹理采样子单元,被配置为通过所述目标处理策略对所述待展示图像进行纹理采样,获得所述待展示图像对应的纹理坐标;
生成采样函数子单元,被配置为基于预设的随机函数生成所述目标展示效果对应的采样函数;
生成二维随机采样结果子单元,被配置为根据所述采样函数和所述纹理坐标生成所述待展示图像对应的二维随机采样结果;
一维采样子单元,被配置为根据所述二维随机采样结果确定二维随机采样函数,并利用所述二维随机采样函数对所述纹理坐标进行一维采样,获得所述图像效果数据。
一个可选的实施例中,所述图像处理装置,还包括:
添加颜色数据模块,被配置为在所述渲染效果数据中添加颜色数据,获得目标渲染效果数据,以及按照预设的偏移信息对所述待渲染图像进行偏移处理,获得待渲染目标图像;
其中,所述预设的偏移信息包括偏移角度和偏移距离;
相应的,所述渲染模块808进一步被配置为:
按照所述目标渲染效果数据对所述待渲染目标图像进行渲染。
一个可选的实施例中,所述整合模块806,包括:
获取属性信息单元,被配置为获取所述背景图像的属性信息,并按照所述属性信息对所述待展示图像进行调整,获得待整合图像;
图像整合单元,被配置为将所述待整合图像和所述背景图像进行整合,获得所述待渲染图像。
一个可选的实施例中,所述渲染模块808,包括:
第一生成图像帧单元,被配置为根据渲染结果生成所述待渲染图像对应的多个图像帧;
筛选图像帧单元,被配置为在所述多个图像帧中筛选出起始图像帧、末端图像帧和/或中间图像帧;
第一组装图像帧单元,被配置为按照预设的时间间隔对所述起始图像帧、所述末端图像帧和/或所述中间图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
第一展示单元,被配置为将所述展示动画向所述用户进行展示。
一个可选的实施例中,所述渲染模块808,包括:
第二生成图像帧单元,被配置为根据渲染结果生成至少一个起始图像帧,以及对所述待渲染图像进行标准渲染获得末端图像帧;
第二组装图像帧单元,被配置为将至少一个所述起始图像帧和所述末端图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
第二展示单元,被配置为将所述展示动画向所述用户进行展示。
一个可选的实施例中,所述图像处理装置,还包括:
接收选择指令模块,被配置为接收所述用户针对所述目标展示效果上传的展示效果选择指令;
提交请求模块,被配置为根据所述展示效果选择指令向服务端提交着色器配置请求,并接收所述服务端针对所述着色器配置请求返回的着色器配置信息;
调整着色器模块,被配置为根据所述着色器配置信息对初始着色器进行调整,获得所述目标展示效果对应的所述着色器。
一个可选的实施例中,所述图像处理装置,还包括:
接收查看指令模块,被配置为接收所述用户提交的图像查看指令;
发送查看请求模块,被配置为根据所述图像查看指令向所述服务端发送图像查看请求;
接收目标图像模块,被配置为接收所述服务端针对所述图像查看请求返回的多个目标图像;
生成展示队列模块,被配置为基于所述多个目标图像生成展示列表向所述用户进行展示。
一个可选的实施例中,所述获取模块802进一步被配置为:
获取所述用户针对所述展示队列中的所述待展示图像提交的所述展示请求;
相应的,所述展示请求包括下述至少一项:
切换请求、点选请求、滑动请求。
本实施例提供的图像处理装置,在获取到用户针对待展示图像上传的展示请求的情况下,将根据所述展示请求将所述待展示图像输入至能够处理出具有目标展示效果的着色器,获得所述待展示图像的渲染效果数据,之后在选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合获得待渲染图像,最后利用所述渲染效果数据对所述待渲染图像进行渲染,并根据渲染结果生成具有目标展示效果的展示动画向用户展示,实现了在用户切换不同的待展示图像时,可以基于任意待展示图像都能够生成具有目标展示效果的展示动画,不仅可以提高图像展示效果,还能够提高用户的体验效果,从而实现提高触达用户的概率。
上述为本实施例的一种图像处理装置的示意性方案。需要说明的是,该图像处理装置的技术方案与上述的图像处理方法的技术方案属于同一构思,图像处理装置的技术方案未详细描述的细节内容,均可以参见上述图像处理方法的技术方案的描述。
图9示出了根据本说明书一实施例提供的一种计算设备900的结构框图。该计算设备900的部件包括但不限于存储器910和处理器920。处理器920与存储器910通过总线930相连接,数据库950用于保存数据。
计算设备900还包括接入设备940,接入设备940使得计算设备900能够经由一个或多个网络960通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备940可以包括有线或无线的任何类型的网络接口(例如,网络接口卡(NIC))中的一个或多个,诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口,等等。
在本说明书的一个实施例中,计算设备900的上述部件以及图9中未示出的其他部件也可以彼此相连接,例如通过总线。应当理解,图9所示的计算设备结构框图仅仅是出于示例的目的,而不是对本说明书范围的限制。本领域技术人员可以根据需要,增添或替换其他部件。
计算设备900可以是任何类型的静止或移动计算设备,包括移动计算机或移动计算设备(例如,平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如,智能手机)、可佩戴的计算设备(例如,智能手表、智能眼镜等)或其他类型的移动设备,或者诸如台式计算机或PC的静止计算设备。计算设备900还可以是移动式或静止式的服务器。
其中,处理器920用于执行如下计算机可执行指令:
获取用户针对待展示图像上传的展示请求;
基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
上述为本实施例的一种计算设备的示意性方案。需要说明的是,该计算设备的技术方案与上述的图像处理方法的技术方案属于同一构思,计算设备的技术方案未详细描述的细节内容,均可以参见上述图像处理方法的技术方案的描述。
本说明书一实施例还提供一种计算机可读存储介质,其存储有计算机指令,该指令被处理器执行时以用于:
获取用户针对待展示图像上传的展示请求;
基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
利用所述渲染效果数据对所述待渲染图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是,该存储介质的技术方案与上述的图像处理方法的技术方案属于同一构思,存储介质的技术方案未详细描述的细节内容,均可以参见上述图像处理方法的技术方案的描述。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
所述计算机指令包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
需要说明的是,对于前述的各方法实施例,为了简便描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本说明书并不受所描述的动作顺序的限制,因为依据本说明书,某些步骤可以采用其它顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定都是本说明书所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其它实施例的相关描述。
以上公开的本说明书优选实施例只是用于帮助阐述本说明书。可选实施例并没有详尽叙述所有的细节,也不限制该发明仅为所述的具体实施方式。显然,根据本说明书的内容,可作很多的修改和变化。本说明书选取并具体描述这些实施例,是为了更好地解释本说明书的原理和实际应用,从而使所属技术领域技术人员能很好地理解和利用本说明书。本说明书仅受权利要求书及其全部范围和等效物的限制。
Claims (13)
1.一种图像处理方法,包括:
获取用户针对待展示图像上传的展示请求;
基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
在所述渲染效果数据中添加颜色数据,获得目标渲染效果数据,以及按照预设的偏移信息对所述待渲染图像进行偏移处理,获得待渲染目标图像;
按照所述目标渲染效果数据对所述待渲染目标图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
2.根据权利要求1所述的图像处理方法,所述基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据,包括:
对所述展示请求进行解析获得所述目标展示效果,并确定所述目标展示效果对应的所述着色器;
将所述待展示图像输入至所述着色器,通过所述着色器的目标处理策略对所述待展示图像进行处理,获得图像属性数据和图像效果数据;
将所述图像属性数据和所述图像效果数据进行整合,并根据整合结果输入所述待展示图像的所述渲染效果数据。
3.根据权利要求2所述的图像处理方法,所述通过所述着色器的目标处理策略对所述待展示图像进行处理,获得图像效果数据,包括:
通过所述目标处理策略对所述待展示图像进行纹理采样,获得所述待展示图像对应的纹理坐标;
基于预设的随机函数生成所述目标展示效果对应的采样函数;
根据所述采样函数和所述纹理坐标生成所述待展示图像对应的二维随机采样结果;
根据所述二维随机采样结果确定二维随机采样函数,并利用所述二维随机采样函数对所述纹理坐标进行一维采样,获得所述图像效果数据。
4.根据权利要求1至3任意一项所述的图像处理方法,所述预设的偏移信息包括偏移角度和偏移距离。
5.根据权利要求1所述的图像处理方法,所述将所述背景图像和所述待展示图像进行整合获得待渲染图像,包括:
获取所述背景图像的属性信息,并按照所述属性信息对所述待展示图像进行调整,获得待整合图像;
将所述待整合图像和所述背景图像进行整合,获得所述待渲染图像。
6.根据权利要求1所述的图像处理方法,所述根据渲染结果生成与所述目标展示效果对应的展示动画并展示,包括:
根据渲染结果生成所述待渲染目标图像对应的多个图像帧;
在所述多个图像帧中筛选出起始图像帧、末端图像帧和/或中间图像帧;
按照预设的时间间隔对所述起始图像帧、所述末端图像帧和/或所述中间图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
将所述展示动画向所述用户进行展示。
7.根据权利要求1所述的图像处理方法,所述根据渲染结果生成与所述目标展示效果对应的展示动画并展示,包括:
根据渲染结果生成至少一个起始图像帧,以及对所述待渲染目标图像进行标准渲染获得末端图像帧;
将至少一个所述起始图像帧和所述末端图像帧进行组装,生成所述目标展示效果对应的所述展示动画;
将所述展示动画向所述用户进行展示。
8.根据权利要求1所述的图像处理方法,所述基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据步骤执行之前,还包括:
接收所述用户针对所述目标展示效果上传的展示效果选择指令;
根据所述展示效果选择指令向服务端提交着色器配置请求,并接收所述服务端针对所述着色器配置请求返回的着色器配置信息;
根据所述着色器配置信息对初始着色器进行调整,获得所述目标展示效果对应的所述着色器。
9.根据权利要求8所述的图像处理方法,所述获取用户针对待展示图像上传的展示请求步骤执行之前,还包括:
接收所述用户提交的图像查看指令;
根据所述图像查看指令向所述服务端发送图像查看请求;
接收所述服务端针对所述图像查看请求返回的多个目标图像;
基于所述多个目标图像生成展示列表向所述用户进行展示。
10.根据权利要求9所述的图像处理方法,所述获取用户针对待展示图像上传的展示请求,包括:
获取所述用户针对所述展示队列中的所述待展示图像提交的所述展示请求;
相应的,所述展示请求包括下述至少一项:
切换请求、点选请求、滑动请求。
11.一种图像处理装置,包括:
获取模块,被配置为获取用户针对待展示图像上传的展示请求;
处理模块,被配置为基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
整合模块,被配置为选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
添加颜色数据模块,被配置为在所述渲染效果数据中添加颜色数据,获得目标渲染效果数据,以及按照预设的偏移信息对所述待渲染图像进行偏移处理,获得待渲染目标图像;
渲染模块,被配置为按照所述目标渲染效果数据对所述待渲染目标图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
12.一种计算设备,包括:
存储器和处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令,以实现下述方法:
获取用户针对待展示图像上传的展示请求;
基于所述展示请求将所述待展示图像输入至目标展示效果对应的着色器进行处理,获得所述待展示图像的渲染效果数据;
选择与所述目标展示效果对应的背景图像,并将所述背景图像和所述待展示图像进行整合,获得待渲染图像;
在所述渲染效果数据中添加颜色数据,获得目标渲染效果数据,以及按照预设的偏移信息对所述待渲染图像进行偏移处理,获得待渲染目标图像;
按照所述目标渲染效果数据对所述待渲染目标图像进行渲染,根据渲染结果生成与所述目标展示效果对应的展示动画并展示。
13.一种计算机可读存储介质,其存储有计算机指令,该指令被处理器执行时实现权利要求1至10任意一项所述图像处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011297210.3A CN112102422B (zh) | 2020-11-19 | 2020-11-19 | 图像处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011297210.3A CN112102422B (zh) | 2020-11-19 | 2020-11-19 | 图像处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112102422A CN112102422A (zh) | 2020-12-18 |
CN112102422B true CN112102422B (zh) | 2021-03-05 |
Family
ID=73785364
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011297210.3A Active CN112102422B (zh) | 2020-11-19 | 2020-11-19 | 图像处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112102422B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113064530A (zh) * | 2021-04-26 | 2021-07-02 | 上海哔哩哔哩科技有限公司 | 图像处理方法及装置 |
CN113538696A (zh) * | 2021-07-20 | 2021-10-22 | 广州博冠信息科技有限公司 | 特效生成方法、装置、存储介质及电子设备 |
CN116309998A (zh) * | 2023-03-15 | 2023-06-23 | 杭州若夕企业管理有限公司 | 一种图像处理系统、方法及介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106997610B (zh) * | 2016-01-26 | 2020-08-25 | 阿里巴巴集团控股有限公司 | 一种图像渲染方法、装置及电子设备 |
CN106383587B (zh) * | 2016-10-26 | 2020-08-04 | 腾讯科技(深圳)有限公司 | 一种增强现实场景生成方法、装置及设备 |
CN110866967B (zh) * | 2019-11-15 | 2023-06-13 | 深圳市瑞立视多媒体科技有限公司 | 水波纹渲染方法、装置、设备及存储介质 |
-
2020
- 2020-11-19 CN CN202011297210.3A patent/CN112102422B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN112102422A (zh) | 2020-12-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112102422B (zh) | 图像处理方法及装置 | |
CN106611435B (zh) | 动画处理方法和装置 | |
CN108600781B (zh) | 一种视频封面生成的方法以及服务器 | |
CN110290425A (zh) | 一种视频处理方法、装置及存储介质 | |
US11475666B2 (en) | Method of obtaining mask frame data, computing device, and readable storage medium | |
CN106713988A (zh) | 一种对虚拟场景直播进行美颜处理的方法及系统 | |
CN107197341B (zh) | 一种基于gpu的炫屏显示方法、装置及一种存储设备 | |
US11126915B2 (en) | Information processing apparatus and information processing method for volume data visualization | |
CN108959392B (zh) | 在3d模型上展示富文本的方法、装置及设备 | |
CN110139104A (zh) | 视频解码方法、装置、计算机设备和存储介质 | |
KR20220150410A (ko) | 동적 깊이 이미지를 캡처 및 편집하는 기술 | |
CN113204658A (zh) | 一种页面显示更新方法、装置、电子设备及存储介质 | |
Castruccio et al. | Visualizing spatiotemporal models with virtual reality: from fully immersive environments to applications in stereoscopic view | |
CN113453027A (zh) | 直播视频、虚拟上妆的图像处理方法、装置及电子设备 | |
CN114297546A (zh) | 一种基于WebGL的载入3D模型实现自动生成缩略图的方法 | |
CN117390322A (zh) | 虚拟空间构建方法、装置、电子设备及非易失性存储介质 | |
CN111652022B (zh) | 图像数据的显示、直播方法、装置、电子设备和存储介质 | |
CN115293994B (zh) | 图像处理方法、装置、计算机设备和存储介质 | |
CN116485983A (zh) | 虚拟对象的纹理生成方法、电子设备以及存储介质 | |
Mukherjee et al. | A study on user preference of high dynamic range over low dynamic range video | |
Fei et al. | Split: Single portrait lighting estimation via a tetrad of face intrinsics | |
CN111383289A (zh) | 图像处理方法、装置、终端设备及计算机可读存储介质 | |
CN112218006B (zh) | 一种多媒体数据处理方法、装置、电子设备及存储介质 | |
CN115953597A (zh) | 图像处理方法、装置、设备及介质 | |
CN115049559A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |