CN109598777A - 图像渲染方法、装置、设备及存储介质 - Google Patents

Abstract

本申请实施例公开了一种图像渲染方法，包括：获取当前图像帧中动态对象所处的目标水体区域对应的水波图；根据所述当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。一方面通过逐帧迭代渲染，能够模拟逼真的水波动画效果，使得水面交互非常自然，为用户提供沉浸式体验，另一方面，由于仅对目标水体区域进行水波渲染，简化了复杂度，降低了运算量，能够较好地适配移动端应用。本申请还公开了一种图像渲染装置、设备以及存储介质。

Description

图像渲染方法、装置、设备及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种图像渲染方法、装置、设备及计算机可读存储介质。

背景技术

随着计算机图形技术的发展，虚拟场景的实现得到越来越多的应用，用户往往更关注在虚拟场景下能够感受到更逼真的交互效果，以享受沉浸式体验。例如在游戏应用中，游戏玩家往往会关注游戏界面中显示出的动态游戏对象与游戏场景的交互效果。例如，游戏玩家在水中游走时，如果在水中出现水随着游戏玩家的游走而波动变化的更逼真的水面交互效果，则可以增加游戏玩家的游戏乐趣。

由于移动端硬件性能的限制以及技术实现的复杂性，目前市面上大多数手游中都回避了水面的交互，即水面都是静态的，游戏中的动态游戏对象(例如游戏玩家)在水中移动时，水面不会有任何互动效果，这使得游戏玩家无法沉浸式体验游戏场景。

而有部分手游中也尝试实现水面交互方案，但其是通过在动态游戏对象的附近绑定特效对水面产生一定的扰动，其本质是将一个特效挂在游戏动态对象上，特效会对水面进行扰动，但是当该动态游戏对象转向移动时，这个特效就会像尾巴随着动态游戏对象身后摇摆，使得整个游戏画面看起来非常不自然，这反倒降低了用户沉浸式体验。

基于此，如何提供一种图像渲染方法，以能够在虚拟场景下为用户提供更逼真的水面交互效果，从而为用户提供沉浸式体验，这是目前应用研发中亟需解决的问题。

发明内容

本申请提供了一种图像渲染方法，基于图像帧中动态对象所处的目标水体区域对应的水波图确定下一图像帧中动态对象所处目标水体区域对应的水波图和法线贴图，并基于法线贴图渲染目标水体区域的水波效果，相较于与特效挂件，其为用户提供更逼真的水面交互效果，提高了沉浸式体验。对应地，本申请还提供了一种图像渲染装置、设备、计算机可读存储介质以及计算机程序产品。

本申请第一方面提供了一种图像渲染方法，所述方法包括：

获取当前图像帧中动态对象所处的目标水体区域对应的水波图；

根据所述当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；

根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

本申请第二方面提供了一种图像渲染装置，所述装置包括：

获取模块，用于获取当前图像帧中动态对象所处的目标水体区域对应的水波图；

迭代模块，用于根据当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；

渲染模块，用于根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

本申请第三方面提供一种设备，所述设备包括处理器以及存储器：

所述存储器用于存储程序代码，并将所述程序代码传输给所述处理器；

所述处理器用于根据所述程序代码中的指令，执行如上述第一方面所述的图像渲染方法的步骤。

本申请第四方面提供一种计算机可读存储介质，所述计算机可读存储介质用于存储程序代码，所述程序代码用于执行上述第一方面所述的图像渲染方法。

本申请第五方面提供一种包括指令的计算机程序产品，当其在计算机上运行时，使得所述计算机执行上述第一方面所述的图像渲染方法。

从以上技术方案可以看出，本申请实施例具有以下优点：

本申请实施例中提供了一种图像渲染方法，该方法考虑水波扩散运动情况，基于当前图像帧中动态对象所处的目标水体区域对应的水波图确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，基于法线贴图渲染下一图像帧中目标水体区域的水波效果，一方面通过逐帧迭代渲染，能够模拟逼真的水波动画效果，使得水面交互非常自然，为用户提供沉浸式体验，另一方面，由于仅对目标水体区域进行水波渲染，简化了复杂度，降低了运算量，能够较好地适配移动端应用。

附图说明

图1为本申请实施例中一种图像渲染方法的场景架构图；

图2为本申请实施例中一种图像渲染方法的流程图；

图3为本申请实施例中基于当前图像帧的水波图确定下一图像帧的水波图和法线贴图的原理示意图；

图4为本申请实施例中一种图像渲染方法的流程图；

图5为本申请实施例中提供的水波滞后效果示意图；

图6A本申请实施例中一种图像渲染方法的应用场景示意图；

图6B为本申请实施例中一种图像渲染方法的效果示意图；

图7为本申请实施例中图像渲染装置的一个结构示意图；

图8为本申请实施例中图像渲染装置的一个结构示意图；

图9为本申请实施例中图像渲染装置的一个结构示意图；

图10为本申请实施例中图像渲染装置的一个结构示意图；

图11为本申请实施例中图像渲染装置的一个结构示意图；

图12为本申请实施例中用于图像渲染的设备的一个结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请实施例能够以除了在本文图示或描述顺序以外的其他顺序进行实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了便于理解，首先对本申请涉及的技术术语进行介绍。

水面渲染是指在视频中对水体进行绘制的技术，包括水体的几何表示、着色、动画等。在对水体进行绘制时，主要是针对水面进行绘制，具体地，将水面划分为网格，通过网格的顶点的位置信息和法线信息表征水面。

水波图具体是指水面各网格顶点的高度位移信息所形成的图。

法线贴图具体是指水面的切平面的法线信息所形成的图。针对水面渲染，法线贴图记录了各个顶点对应的法线信息，其能够表征水面网格各个顶点的凹凸情况，基于该凹凸情况实现立体效果。

针对现有技术中通过绑定特效的方式实现水面交互导致画面不自然，降低了用户沉浸式体验的技术问题，本申请提供了一种图像渲染方法，该方法考虑水波扩散运动情况，基于当前图像帧中动态对象所处的目标水体区域对应的水波图确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，基于法线贴图渲染下一图像帧中目标水体区域的水波效果，一方面通过逐帧迭代渲染，能够模拟逼真的水波动画效果，使得水面交互非常自然，为用户提供沉浸式体验，另一方面，由于仅对目标水体区域进行水波渲染，简化了复杂度，降低了运算量，能够较好地适配移动端应用。

应理解，本申请提供的图像渲染方法可以应用于任意具有图像处理能力的处理设备。该处理设备具体可以是包括图形处理器(Graphics Processing Unit，GPU)和中央处理器(Central Processing Unit，CPU)中的至少一种的设备，例如该处理设备可以是终端或者服务器。其中，终端是指现有的、正在研发的或将来研发的任何具有图像处理能力的用户设备，包括但不限于：现有的、正在研发的或将来研发的智能手机、平板电脑、膝上型个人计算机、桌面型个人计算机等。服务器是指任意具有图像处理能力的、提供计算服务的设备。在具体实现时，处理设备可以是独立的终端或服务器，也可以是终端或服务器形成的集群。

本申请的图像渲染方法可以以应用程序的形式存储于处理设备。处理设备通过执行上述应用程序实现图像渲染方法。其中，应用程序可以是独立的应用程序，也可以是集成于其他应用程序上的功能模块、插件、小程序等等。为了便于理解，后文均以终端作为执行主体对图像渲染方法的具体实现进行示例性说明。

请参见图1所示的图像渲染方法的场景架构图，该场景中包括终端10，终端10获取当前图像帧中动态对象所处的目标水体区域对应的水波图，然后根据当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，基于下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果，通过一帧一帧地迭代渲染，能够模拟逼真的水波动画效果，实现自然的水面渲染。

为了使得本申请的技术方案更加清楚、易于理解，接下来，将结合附图对本申请实施例提供的图像渲染方法进行详细介绍。参见图2所示的图像渲染方法的流程图，应用于终端，该方法包括：

S201：获取当前图像帧中动态对象所处的目标水体区域对应的水波图。

本实施例的图像渲染方法是可以应用于多种场景中的，例如比较典型的一种场景是针对游戏场景中的水面渲染水波动画效果，在该场景下，图像帧就是游戏应用中的图像帧，而动态对象就是游戏应用中可移动的游戏角色对象，例如游戏玩家；利用该图像渲染方法能够针对游戏玩家在水中的移动情况动态渲染出逼真的水波动画效果，从而能够增加游戏玩家的沉浸感。

其中，动态对象所处的目标水体区域是整个水面的局部区域，该局部区域的形状和大小可以根据需求而设置，例如该局部区域的形状可以为矩形，也可以为扇形或者圆形等。为了便于理解，本申请实施例提供了确定目标水体区域的几种实现方式：

具体地，一种实现方式是，终端可以确定动态对象在图像帧中的图像位置，以所述图像位置为所述动态对象所处的目标水体区域的中心位置，以预设宽高为目标水体区域的宽高，确定在图像帧中动态对象所处的矩形区域为目标水体区域。

另一种实现方式是，终端可以确定动态对象在图像帧中的图像位置，以所述图像位置为所述动态对象所处的目标水体区域的顶点位置，以预设半径和预设角度为目标水体区域的扇形半径和扇形角度，确定在图像帧中动态对象所处的扇形区域为目标水体区域。

由于水波一般是由中心点向邻近区域扩散，当水波扩散到远处时水波效果已经不显著，而且游戏玩家也往往不会关注远处的水波效果，因此，在本实施例中仅对图像帧中的动态对象所处的目标水体区域进行水面渲染就能够满足游戏应用需求，更重要的是，仅对水面的局部区域进行渲染，能够极大减少运算量。

S202：根据所述当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图。

在本实施例中，终端根据当前图像帧中动态对象所处的目标水体区域对应的水波图确定下一图像帧中动态对象所处的目标水体区域对应的两张图像，第一张图像为法线贴图，用于渲染目标水体区域的水波效果，第二张图像为水波图，用于计算下下图像帧的水波图和法线贴图，从而实现一帧一帧地迭代更新。

其中，针对任一图像帧，其目标水体区域对应的水波图包括该图像帧及其上一帧的水面高度位移，其目标水体区域对应的法线贴图包括水波图当前图像帧中各水面顶点分别与其位置相邻的两顶点相比的水面高度位移差值。基于此，终端可以通过如下步骤确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图：

第一步，从当前图像帧中动态对象所处的目标水体区域对应的水波图中，读取水面高度信息，其中，水面高度信息包括所述当前图像帧及其上一帧各自对应的水面高度位移；

第二步，根据该水面高度信息，确定下一图像帧中动态对象所处的目标水体区域对应的水波图；

第三步，根据下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

针对第二步，考虑到水波的波动性，本实施例提供了一种基于波动方程确定下一图像帧的水波图的具体实现方式。具体地，终端将水面高度信息作为波动方程参数，通过带阻尼的波动方程和所述波动方程参数获得下一图像帧对应的水面高度位移，根据当前图像帧对应的水面高度位移和下一图像帧对应的水面高度位移，生成下一图像帧中动态对象所处的目标水体区域对应的水波图。

在该实施例中，带阻尼的波动方程具体为：

其中，k是指阻尼系数；c是指水波传播速度。

在将波动方程参数代入上述带阻尼的波动方程后，可以通过有限差分法来近似求解。具体可以参见如下公式：

将式(2)代入式(1)可得：

其中，h(t+Δt,x,y)是所要求解的下一图像帧的(x,y)处的高度位移；

h(t,x,y)是当前图像帧的(x,y)处的高度位移；

h(t-Δt,x,y)是上一图像帧的(x,y)处的高度位移；

h(t,x+1,y)，h(t,x-1,y)，h(t,x,y+1)，h(t,x,y-1)是(x,y)周围四个顶点在当前图像帧中的高度位移。

针对第三步，本申请实施例提供了两种实现方式。一种实现方式为，根据下一图像帧中动态对象所处的目标水体区域对应的水波图确定所述下一图像帧中各水面顶点分别与其位置相邻的上边顶点和右边顶点相比的水面高度位移差值，根据所述水面高度位移差值确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

另一种实现方式为，根据下一图像帧中动态对象所处的目标水体区域对应的水波图确定所述下一图像帧中各水面顶点分别与其位置相邻的左边顶点和下边顶点相比的水面高度位移差值，根据所述水面高度位移差值确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

还需要说明的是，在本实施例中，所述水波图和所述法线贴图采用两种颜色渲染贴图格式，例如，RGHalf格式，该格式具体是指采用R通道和G通道存储图像信息，具体地，针对水波图，利用R通道和G通道分别存储当前图像帧及其上一图像帧的水面高度位移，针对法线贴图，利用R通道和G通道分别存储水波图各水面顶点分别与相邻两顶点的水面高度位移差值，如此可以减少渲染的运算量。

下面结合图3对基于当前图像帧的水波图确定下一图像帧的水波图和法线图的过程进行示例性说明。如图3所示，其提供了三个渲染纹理(RenderTexture，RT)，分别记作A、B以及Nor，其中，Nor表征法线贴图Normal Map。在该实施例中，三个渲染纹理均采用RGHalf格式，渲染纹理A和渲染纹理B分别用于存储相邻的两个图像帧的水波图，渲染纹理Nor用于存储相邻的两个图像帧中下一图像帧的法线贴图。针对每一图像帧，以当前图像帧的水波图为输入，以下一图像帧的水波图和法线贴图为多重渲染目标(Multiple RenderTargets，MRT)输出。

针对第n帧，n为正整数，渲染纹理A存储当前图像帧的水波图，具体地，R通道存储第n-1帧的水面高度位移，G通道存储第n帧的水面高度位移；渲染纹理B存储第n+1帧的水波图，而第n+1帧的水波图包括第n帧的水面高度位移和第n+1帧的水面高度位移，如此，可以将渲染纹理A的G通道的数值写入渲染纹理B的R通道，将基于渲染纹理A中R通道和G通道的水面高度位移计算得到的第n+1帧的水面高度位移写入渲染纹理B的G通道，渲染纹理Nor存储第n+1帧的法线贴图，法线贴图包括第n+1帧中各水面顶点分别与相邻的上边顶点和右边顶点相比的水面高度位移差值，如此，可以基于渲染纹理B中G通道的数据计算得到与上边顶点的水面高度位移差值和与右边顶点的水面高度位移差值，分别写入渲染纹理Nor的R、G通道中。

每次更新水波图和法线贴图时，将两张水波图进行交换。如针对第n+1帧，则在第n帧基础上，将渲染纹理A和渲染纹理B交换，如此，第n+1帧以渲染纹理B为输入，以渲染纹理A和渲染纹理Nor为输出，渲染纹理B中存储了n+1帧的水波图，其R通道存储有第n帧的水面高度位移，其G通道存储有第n+1帧的水面高度位移，基于此，将G通道中第n+1帧的水面高度位移写入渲染纹理A的R通道，将基于第n帧和第n+1帧的水面高度位移计算得到的第n+2帧的水面高度位移写入渲染纹理A的G通道，如此，在渲染纹理A中生成了第n+2帧的水波图像，基于第n+2帧的水面高度可以计算得到各水面顶点分别与相邻的上边顶点和右边顶点相比的水面高度位移差值，将其分别写入渲染纹理Nor的R、G通道，形成第n+2帧的法线贴图。依此类推，可以生成第n+3帧、第n+4帧的水波图和法线贴图。

S203:根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

由于法线贴图能够表征动态对象所处的目标水体区域各水面顶点的凹凸程度，因此，终端可以基于法线贴图渲染动态对象所处的目标水体区域的水波效果。具体地，终端格局下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。通过一帧一帧地迭代渲染，能够模拟逼真的水波动画效果。

由上可知，本申请实施例提供了一种图像渲染方法，该方法考虑水波扩散运动情况，基于当前图像帧中动态对象所处的目标水体区域对应的水波图确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，基于法线贴图渲染下一图像帧中目标水体区域的水波效果，一方面通过逐帧迭代渲染，能够模拟逼真的水波动画效果，使得水面交互非常自然，为用户提供沉浸式体验，另一方面，由于仅对目标水体区域进行水波渲染，简化了复杂度，降低了运算量，能够较好地适配移动端应用。

图2所示实施例主要对水波的迭代过程进行详细说明，当动态对象在水中运动时，为了渲染出逼真的水波动画效果，还需要考虑随着动态对象在水中运动情况不断注入新的水波的过程，即水波的形成既包括水波的注入过程还包括水波的迭代过程。

接下来，结合图4对包含新的水波注入过程的图像渲染方法进行介绍。参见图4所示的图像渲染方法的流程图，其中，图4所示实施例为在图2所示实施例基础上改进得到的，下面仅针对图4与图2所示实施例的区别之处进行说明，该方法包括：

S401：当所述动态对象在水中运动时，根据所述动态对象对应的水波注入位移和水波扩散衰减矩阵，对所述当前图像帧中动态对象所处的目标水体区域对应的水波图进行衰减处理得到衰减处理后的水波图。

在本实施例中，动态对象在水中运动时产生的水波注入可以通过水波注入位移和水波扩散衰减矩阵进行表征，其中，水波扩散衰减矩阵可以通过kernel表示，kernel可以用于描述水波注入的形状，例如，水波注入的形状可以是对称结构，其kernel如下所示:

在具体实现时，终端可以根据所述动态对象的对象属性和/或所述动态对象实施的动作类型，确定所述动态对象对应的水波注入位移。以动态对象为游戏角色对象为例，对象属性可以包括游戏角色对象的性别、体重等，动态对象实施的动作类型具体可以是跺脚、抬脚等，如此，终端根据游戏角色对象的性别、体重等以及实施动作类型如跺脚、抬脚等确定该游戏角色对象对应的水波注入位移。其中，不同对象属性和/或不同动作类型对应的水波注入位移可以是不同的，例如，女性游戏角色在水中跺脚产生的水波注入位移小于男性游戏角色在水中跺脚产生的水波注入位移。

在确定水波注入位移和水波扩散衰减矩阵后，终端可以对水波图进行衰减处理。具体地，终端确定所述动态对象对应的水波注入位移和水波扩散衰减矩阵的乘积，作为衰减参数矩阵，然后将所述衰减参数矩阵中的数值叠加至所述当前图像帧中动态对象所处的目标水体区域对应的水波图中，得到衰减处理后的水波图。其中，在将衰减参数矩阵中的数值叠加至当前图像帧对应的水波图中时，可以先将衰减参数矩阵的中心点与水波图的中心点进行匹配，然后以中心点为基准，将衰减参数矩阵各个元素的数值叠加到水波图对应顶点中。

S402：根据所述动态对象的位置偏移量，将所述衰减处理后的水波图沿着所述动态对象移动方向的反方向进行偏移，得到偏移处理后的水波图。

由于衰减处理后的水波图是以动态对象为中心的，如果直接利用该水波图进行迭代渲染，则渲染出的下一图像帧中水波始终跟随角色而移动，而真实的水波并不会随着角色而移动，而是滞后于角色。基于此，本实施例中提出了将衰减处理后的水波向动态对象移动方向的反方向偏移的方式，以营造水波滞后感，从而模拟逼真的水波效果。

下面结合图5对渲染水波滞后感的实现原理进行解释说明。

参见图5，图5的上半部分为偏移处理后的水波效果图，随着动态对象不断地向后移动，就会不断地有新的水波注入，为了营造出水波滞后感，针对每次新注入的水波，需要对其之前的所有水波作偏移处理；具体参见图5下半部分，先假设动态对象不动，每次有水波注入时，即将注入之前的水波向动态对象移动方向的反方向移动，然后根据动态对象的位置偏移量du，将水波图整体向动态对象移动方向移动，即可得到图5的上半部分所示的水波效果图。

基于此，终端在确定当前图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图时，可以根据所述偏移处理后的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图。然后，终端基于下一图像帧中动态对象所处的目标水体区域对应的法线贴图渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

由上可知，本申请实施例提供了一种图像渲染方法，该方法从水波形成的角度，从水波注入以及水波扩散两方面进行水面渲染，具体地，当动态对象在水中运动时，根据动态对象对应的水波注入位移和水波扩散衰减矩阵，对当前图像帧中动态对象所处的目标水体区域对应的水波图进行衰减处理，然后根据动态对象的位置偏移量，将衰减处理后的水波图整体沿着动态对象移动方向的反方向偏移，然后基于偏移处理后的水波图确定下一图像帧的水波图和法线贴图，根据下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。通过一帧一帧地迭代渲染，能够模拟较为逼真的水波动画效果，并且由于仅对动态对象所处的目标水体区域进行处理，简化了复杂度，降低了运算量，能够较好地适配移动端应用。

接下来，将结合游戏应用场景，对本申请实施例提供的图像渲染方法进行介绍。参见图6A所示的图像渲染方法的应用场景示意图，该场景中包括终端10，终端10具体可以是智能手机，用于对手游进行水面渲染。

具体地，游戏角色对象在水中游泳，水面被扰动进而产生水波，该水波的形成包括水波注入和水波扩散两个过程。终端10根据游戏角色对象的对象属性和游戏角色对象实施的动作确定该游戏角色对象对应的水波注入位移。

接着，终端10计算预先定义的、用于描述水波形状的水波扩散衰减矩阵kernel以及基于对象属性和实施的动作确定出的水波注入位移的乘积，作为衰减参数矩阵，在本实施例中，衰减参数矩阵为5*5的矩阵。终端10在获取当前图像帧中游戏角色对象所处的目标水体区域对应的水波图后，将衰减参数矩阵中的数值叠加至该水波图中，假设水波图的尺寸为25*15，则在进行叠加时，将衰减参数矩阵的中心点与水波图的中心点进行匹配，然后将衰减参数矩阵的行和列补零，使之与水波图的尺寸相一致，然后，再将处理后的衰减参数矩阵中的数值叠加至水波图。

为了营造水波滞后感，终端10将衰减处理后的水波图进行偏移处理，具体地，终端根据游戏角色对象的位置偏移量，将衰减处理后的水波图沿着所述游戏角色对象移动方向的反方向进行偏移，得到偏移处理后的水波图。在该实施例中，游戏角色对象向东偏移1米，则终端10将衰减处理后的水波图整体向西偏移1米，得到偏移处理后的水波图。

接着，终端10从偏移处理后的水波图中读取水面高度信息，该水面高度信息包括当前图像帧及其上一帧各自对应的水面高度位移，然后将水面高度信息作为波动方程参数，通过带阻尼的波动方程和所述波动方程参数获得下一图像帧对应的水面高度位移，根据所述当前图像帧对应的水面高度位移和所述下一图像帧对应的水面高度位移，生成下一图像帧中游戏角色对象所处的目标水体区域对应的水波图，再基于该下一图像帧中游戏角色对象所处的目标水体区域对应的水波图，确定所述下一图像帧中各水面顶点分别与其位置相邻的上边顶点和右边顶点相比的水面高度位移差值，根据所述水面高度位移差确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

其中，法线贴图的R通道和G通道分别存储下一图像帧中各水面顶点与位置相邻的上边顶点的水面高度位移差值和各水面顶点与位置相邻的右边顶点的水面高度位移差值，该水面高度位移差值能够表征水面的凹凸程度，基于该法线贴图渲染下一图像帧中游戏角色对象所处的目标水体区域的水波效果。

在本实施例中，终端10可以根据确定出的下一图像帧的水波图可以用于迭代更新下下图像帧的水波图和法线贴图，如此，可以实现一帧一帧地迭代渲染，从而模拟出逼真的水波动画效果。具体请参见图6B，游戏角色对象实施向东游的动作，水面被扰动，注入新的水波，而原有的水波则向游戏角色对象移动方向相反的方向偏移，即向西偏移，从而形成了图6B中右图所示的水波滞后效果。

以上为本申请实施例提供的图像渲染方法的一些具体实现方式，基于此，本申请实施例还提供了一种图像渲染装置。接下来，将从功能模块化的角度对本申请实施例提供的图像渲染装置进行介绍。

参见图7所示的图像渲染装置的结构示意图，该装置700包括：

获取模块710，用于获取当前图像帧中动态对象所处的目标水体区域对应的水波图；

迭代模块720，用于根据当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；

渲染模块730，用于根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

可选的，参见图8，图8为本申请实施例提供的图像渲染装置的一个结构示意图，在图7所示结构的基础上，所述装置700还包括：

衰减模块740，用于当所述动态对象在水中运动时，根据所述动态对象对应的水波注入位移和水波扩散衰减矩阵，对所述当前图像帧中动态对象所处的目标水体区域对应的水波图进行衰减处理得到衰减处理后的水波图；

偏移模块750，用于根据所述动态对象的位置偏移量，将所述衰减处理后的水波图沿着所述动态对象移动方向的反方向进行偏移，得到偏移处理后的水波图；

则所述迭代模块720，具体用于根据所述偏移处理后的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图。

可选的，参见图9，图9为本申请实施例提供的图像渲染装置的一个结构示意图，在图8所示结构的基础上，所述装置700还包括：

第一确定模块760，用于根据所述动态对象的对象属性和/或所述动态对象实施的动作类型，确定所述动态对象对应的水波注入位移。

可选的，所述衰减模块740具体用于：

确定所述动态对象对应的水波注入位移和水波扩散衰减矩阵的乘积，作为衰减参数矩阵；

将所述衰减参数矩阵中的数值叠加至所述当前图像帧中动态对象所处的目标水体区域对应的水波图中，得到衰减处理后的水波图。

可选的，参见图10，图10为本申请实施例提供的图像渲染装置的一个结构示意图，在图7所示结构的基础上，所述迭代模块720包括：

读取子模块721，用于从当前图像帧中动态对象所处的目标水体区域对应的水波图中，读取水面高度信息，所述水面高度信息包括所述当前图像帧及其上一帧各自对应的水面高度位移；

第一迭代子模块722，用于根据所述水面高度信息，确定下一图像帧中动态对象所处的目标水体区域对应的水波图；

第二迭代子模块723，用于根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

需要说明的是，图10所示的图像渲染装置也可以在图8或图9所示结构基础上形成，本申请实施例对此不作限定。

可选的，所述第一迭代子模块722具体用于：

将所述水面高度信息作为波动方程参数，通过带阻尼的波动方程和所述波动方程参数获得下一图像帧对应的水面高度位移；

根据所述当前图像帧对应的水面高度位移和所述下一图像帧对应的水面高度位移，生成下一图像帧中动态对象所处的目标水体区域对应的水波图。

可选的，所述第二迭代子模块723具体用于：

根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中各水面顶点分别与其位置相邻的上边顶点和右边顶点相比的水面高度位移差值，根据所述水面高度位移差值确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图；或者，

根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中各水面顶点分别与其位置相邻的左边顶点和下边顶点相比的水面高度位移差值，根据所述水面高度位移差值确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

可选的，参见图11，图11为本申请实施例提供的图像渲染装置的一个结构示意图，在图7所示结构的基础上，所述装置700还包括：

第二确定模块770，用于确定动态对象在图像帧中的图像位置，以所述图像位置为所述动态对象所处的目标水体区域的中心位置，以预设宽高为目标水体区域的宽高，确定在图像帧中动态对象所处的目标水体区域。

需要说明的是，图11所示的图像渲染装置也可以在图8或图9所示结构基础上形成，本申请实施例对此不作限定。

可选的，所述水波图和所述法线贴图采用两种颜色渲染贴图格式。

可选的，所述图像帧包括游戏应用中的图像帧，所述动态对象包括游戏角色对象。

由上可知，本申请实施例提供了一种图像渲染装置，该装置考虑水波扩散运动情况，基于当前图像帧中动态对象所处的目标水体区域对应的水波图确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，基于法线贴图渲染下一图像帧中目标水体区域的水波效果，一方面通过逐帧迭代渲染，能够模拟逼真的水波动画效果，使得水面交互非常自然，为用户提供沉浸式体验，另一方面，由于仅对目标水体区域进行水波渲染，简化了复杂度，降低了运算量，能够较好地适配移动端应用。

图7至图11所示实施例从功能模块化的角度对图像渲染装置进行介绍，本申请实施例还提供了一种用于图像渲染的设备，下面将从硬件实体化的角度对本申请实施例提供的设备进行介绍。

本申请实施例还提供了一种设备，该设备为终端，如图12所示，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请实施例装置部分。该终端可以为包括手机、平板电脑、个人数字助理(英文全称：Personal DigitalAssistant，英文缩写：PDA)、车载电脑等任意终端设备，以终端为手机为例：

图12示出的是与本申请实施例提供的终端相关的手机的部分结构的框图。参考图12，手机包括：射频(英文全称：Radio Frequency，英文缩写：RF)电路1210、存储器1220、输入单元1230、显示单元1240、传感器1250、音频电路1260、无线保真(英文全称：wirelessfidelity，英文缩写：WiFi)模块1270、处理器1280、以及电源1290等部件。本领域技术人员可以理解，图12中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图12对手机的各个构成部件进行具体的介绍：

RF电路1210可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器1280处理；另外，将设计上行的数据发送给基站。通常，RF电路1210包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(英文全称：LowNoise Amplifier，英文缩写：LNA)、双工器等。此外，RF电路1210还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(英文全称：Global System of Mobile communication，英文缩写：GSM)、通用分组无线服务(英文全称：General Packet Radio Service，GPRS)、码分多址(英文全称：CodeDivision Multiple Access，英文缩写：CDMA)、宽带码分多址(英文全称：Wideband CodeDivision Multiple Access,英文缩写：WCDMA)、长期演进(英文全称：Long TermEvolution，英文缩写：LTE)、电子邮件、短消息服务(英文全称：Short Messaging Service，SMS)等。

存储器1220可用于存储软件程序以及模块，处理器1280通过运行存储在存储器1220的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器1220可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器1220可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元1230可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元1230可包括触控面板1231以及其他输入设备1232。触控面板1231，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1231上或在触控面板1231附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板1231可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1280，并能接收处理器1280发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1231。除了触控面板1231，输入单元1230还可以包括其他输入设备1232。具体地，其他输入设备1232可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元1240可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元1240可包括显示面板1241，可选的，可以采用液晶显示器(英文全称：Liquid Crystal Display，英文缩写：LCD)、有机发光二极管(英文全称：Organic Light-Emitting Diode，英文缩写：OLED)等形式来配置显示面板1241。进一步的，触控面板1231可覆盖显示面板1241，当触控面板1231检测到在其上或附近的触摸操作后，传送给处理器1280以确定触摸事件的类型，随后处理器1280根据触摸事件的类型在显示面板1241上提供相应的视觉输出。虽然在图12中，触控面板1231与显示面板1241是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板1231与显示面板1241集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器1250，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1241的亮度，接近传感器可在手机移动到耳边时，关闭显示面板1241和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路1260、扬声器1261，传声器1262可提供用户与手机之间的音频接口。音频电路1260可将接收到的音频数据转换后的电信号，传输到扬声器1261，由扬声器1261转换为声音信号输出；另一方面，传声器1262将收集的声音信号转换为电信号，由音频电路1260接收后转换为音频数据，再将音频数据输出处理器1280处理后，经RF电路1210以发送给比如另一手机，或者将音频数据输出至存储器1220以便进一步处理。

WiFi属于短距离无线传输技术，手机通过WiFi模块1270可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图12示出了WiFi模块1270，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器1280是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器1220内的软件程序和/或模块，以及调用存储在存储器1220内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器1280可包括一个或多个处理单元；优选的，处理器1280可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1280中。

手机还包括给各个部件供电的电源1290(比如电池)，优选的，电源可以通过电源管理系统与处理器1280逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本申请实施例中，该终端所包括的处理器1280还具有以下功能：

获取当前图像帧中动态对象所处的目标水体区域对应的水波图；

根据所述当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；

根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

可选的，处理器1280还用于执行本申请实施例提供的图像渲染方法的任意一种实现方式的步骤。

本申请实施例还提供一种计算机可读存储介质，用于存储程序代码，该程序代码用于执行前述各个实施例所述的一种图像渲染方法中的任意一种实施方式。

本申请实施例还提供一种包括指令的计算机程序产品，当其在计算机上运行时，使得计算机执行前述各个实施例所述的一种图像渲染方法中的任意一种实施方式。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述装置实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和装置，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述装置的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文全称：Read-OnlyMemory，英文缩写：ROM)、随机存取存储器(英文全称：Random Access Memory，英文缩写：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

应当理解，在本申请中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：只存在A，只存在B以及同时存在A和B三种情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。

以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (14)

1.一种图像渲染方法，其特征在于，包括：

获取当前图像帧中动态对象所处的目标水体区域对应的水波图；

根据所述当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；

根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

2.根据权利要求1所述方法，其特征在于，所述方法还包括：

当所述动态对象在水中运动时，根据所述动态对象对应的水波注入位移和水波扩散衰减矩阵，对所述当前图像帧中动态对象所处的目标水体区域对应的水波图进行衰减处理得到衰减处理后的水波图；

根据所述动态对象的位置偏移量，将所述衰减处理后的水波图沿着所述动态对象移动方向的反方向进行偏移，得到偏移处理后的水波图；

则根据当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，包括：

根据所述偏移处理后的水波图，确定当前图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图。

3.根据权利要求2所述方法，其特征在于，通过以下方式确定所述动态对象对应的水波注入位移：

根据所述动态对象的对象属性和/或所述动态对象实施的动作类型，确定所述动态对象对应的水波注入位移。

4.根据权利要求2所述方法，其特征在于，所述根据所述动态对象对应的水波注入位移和水波扩散衰减矩阵，对所述当前图像帧中动态对象所处的目标水体区域对应的水波图进行衰减处理得到衰减处理后的水波图，包括：

确定所述动态对象对应的水波注入位移和水波扩散衰减矩阵的乘积，作为衰减参数矩阵；

将所述衰减参数矩阵中的数值叠加至所述当前图像帧中动态对象所处的目标水体区域对应的水波图中，得到衰减处理后的水波图。

5.根据权利要求1至4中任一项所述方法，其特征在于，所述根据当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图，包括：

从当前图像帧中动态对象所处的目标水体区域对应的水波图中，读取水面高度信息，所述水面高度信息包括所述当前图像帧及其上一帧各自对应的水面高度位移；

根据所述水面高度信息，确定下一图像帧中动态对象所处的目标水体区域对应的水波图；

根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

6.根据权利要求5所述方法，其特征在于，所述根据所述水面高度信息，确定下一图像帧中动态对象所处的目标水体区域对应的水波图，包括：

将所述水面高度信息作为波动方程参数，通过带阻尼的波动方程和所述波动方程参数获得下一图像帧对应的水面高度位移；

根据所述当前图像帧对应的水面高度位移和所述下一图像帧对应的水面高度位移，生成下一图像帧中动态对象所处的目标水体区域对应的水波图。

7.根据权利要求5所述方法，其特征在于，所述根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，包括：

根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中各水面顶点分别与其位置相邻的上边顶点和右边顶点相比的水面高度位移差值，根据所述水面高度位移差值确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图；或者，

根据所述下一图像帧中动态对象所处的目标水体区域对应的水波图，确定所述下一图像帧中各水面顶点分别与其位置相邻的左边顶点和下边顶点相比的水面高度位移差值，根据所述水面高度位移差值确定所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图。

8.根据权利要求1至4中任一项所述方法，其特征在于，通过以下方式确定帧中动态对象所处的目标水体区域：

确定动态对象在图像帧中的图像位置，以所述图像位置为所述动态对象所处的目标水体区域的中心位置，以预设宽高为目标水体区域的宽高，确定在图像帧中动态对象所处的目标水体区域。

9.根据权利要求1至4中任一项所述方法，其特征在于，所述水波图和所述法线贴图采用两种颜色渲染贴图格式。

10.根据权利要求1至4中任一项所述方法，其特征在于，所述图像帧包括游戏应用中的图像帧，所述动态对象包括游戏角色对象。

11.一种图像渲染装置，其特征在于，所述装置包括：

获取模块，用于获取当前图像帧中动态对象所处的目标水体区域对应的水波图；

迭代模块，用于根据当前图像帧中动态对象所处的目标水体区域对应的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图；

渲染模块，用于根据所述下一图像帧中动态对象所处的目标水体区域对应的法线贴图，渲染下一图像帧中动态对象所处的目标水体区域的水波效果。

12.根据权利要求11所述装置，其特征在于，所述装置还包括：

衰减模块，用于当所述动态对象在水中运动时，根据所述动态对象对应的水波注入位移和水波扩散衰减矩阵，对所述当前图像帧中动态对象所处的目标水体区域对应的水波图进行衰减处理得到衰减处理后的水波图；

偏移模块，用于根据所述动态对象的位置偏移量，将所述衰减处理后的水波图沿着所述动态对象移动方向的反方向进行偏移，得到偏移处理后的水波图；

所述迭代模块，具体用于根据所述偏移处理后的水波图，确定下一图像帧中动态对象所处的目标水体区域对应的水波图和法线贴图。

13.一种设备，其特征在于，所述设备包括处理器以及存储器：

所述存储器用于存储程序代码，并将所述程序代码传输给所述处理器；

所述处理器用于根据所述程序代码中的指令执行权利要求1-10任一项所述的图像渲染方法。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储程序代码，所述程序代码用于执行权利要求1-10任一项所述的图像渲染方法。