CN113362348A - 图像处理方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请实施例公开了一种图像处理方法、装置、电子设备及存储介质，其中方法包括：通过在模型片上划分多个目标区域，然后确定多个目标区域中的目标像素点以及目标像素点对应的极坐标，再对目标像素点的极坐标进行变换处理，得到映射坐标。最后根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。该图像处理方法能够使生成复杂动效的图像的处理过程更加简单高效。

Description

图像处理方法、装置、电子设备及存储介质

技术领域

本申请涉及图像处理技术领域，具体涉及一种图像处理方法、装置、电子设备及存储介质。

背景技术

随着网络技术的发展，在一些软件显示界面中，往往设置一些动效图案来使得整个显示界面更加具有美观性。

现有的动效图案生成方式中，如果动效图案的动态特效比较复杂，需要设置多个模型片，并且需要对每个模型片分别进行动态控制，导致工作量较大，动态图案的制作比较复杂，且电子设备在渲染动态图案时需要耗费较大的算力。

发明内容

本申请实施例提供一种图像处理方法、装置、电子设备及存储介质。该图像处理方法能够使生成复杂动效的图像的处理过程更加简单高效。

第一方面，本申请实施例提供了一种图像处理方法，包括：

在模型片上划分多个目标区域；

确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标；

对所述目标像素点的极坐标进行变换处理，得到映射坐标；

根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像。

第二方面，本申请实施例提供了一种图像处理装置，包括：

划分模块，用于在模型片上划分多个目标区域；

确定模块，用于确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标；

变换模块，用于对所述目标像素点的极坐标进行变换处理，得到映射坐标；

采样模块，用于根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像。

第三方面，本申请实时提供了一种电子设备，包括存储有可执行程序代码的存储器、与所述存储器耦合的处理器，所述处理器调用所述存储器中存储的所述可执行程序代码，执行本申请实施例提供的图像处理方法中的步骤。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述存储介质存储有多条指令，所述指令适于处理器进行加载，以执行本申请实施例提供的图像处理方法中的步骤。

本申请实施例中，通过在模型片上划分多个目标区域，然后确定多个目标区域中的目标像素点以及目标像素点对应的极坐标，再对目标像素点的极坐标进行变换处理，得到映射坐标。最后根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。本申请实施例中，通过将模型片上目标像素点的极坐标进行变换处理，使得目标像素点对应的映射坐标是不断变换的，从而根据映射坐标在样本图像中不断采取对应的像素点，最终生成具备复杂动效的目标图像，同时使得整个目标图像处理过程简单高效。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的图像处理方法的第一流程示意图。

图2是本申请实施例提供的目标区域划分示意图。

图3是本申请实施例提供的图像处理方法的第二流程示意图。

图4是本申请实施例提供的另一目标区域划分示意图。

图5是本申请实施例提供的图像处理装置的第一结构示意图。

图6是本申请实施例提供的图像处理装置的第二结构示意图。

图7是本申请实施例提供的电子设备的结构示意图。

具体实施方式

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

本申请实施例提供一种图像处理方法、装置、电子设备及存储介质。具体地，本申请实施例的图像处理方法可以由电子设备执行，其中，该电子设备可以为终端或者服务器等设备。该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机(PC，Personal Computer)、个人数字助理(Personal Digital Assistant，PDA)等终端设备，终端设备还可以包括客户端，该客户端可以是游戏应用客户端、携带有游戏程序的浏览器客户端或即时通信客户端等。服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。

例如，当该图像处理方法运行于终端时，终端设备存储有游戏应用程序并通过显示组件呈现游戏中的部分游戏场景。终端设备用于通过图形用户界面与用户进行交互，例如通过终端设备下载安装游戏应用程序并运行。该终端设备将图形用户界面提供给用户的方式可以包括多种，例如，可以渲染显示在终端设备的显示屏上，或者，通过全息投影呈现图形用户界面。例如，终端设备可以包括触控显示屏和处理器，该触控显示屏用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令，该图形用户界面包括游戏画面，该处理器用于运行该游戏、生成图形用户界面、响应操作指令以及控制图形用户界面在触控显示屏上的显示。

例如，当该图像处理方法运行于服务器时，可以为云游戏。云游戏是指以云计算为基础的游戏方式。在云游戏的运行模式下，游戏应用程序的运行主体和游戏画面呈现主体是分离的，图像处理方法的储存与运行是在云游戏服务器上完成的。而游戏画面呈现是在云游戏的客户端完成的，云游戏客户端主要用于游戏数据的接收、发送以及游戏画面的呈现，例如，云游戏客户端可以是靠近用户侧的具有数据传输功能的显示设备，如，移动终端、电视机、计算机、掌上电脑、个人数字助理等，但是执行图像处理方法的终端设备为云端的云游戏服务器。在进行游戏时，用户操作云游戏客户端向云游戏服务器发送操作指令，云游戏服务器根据操作指令运行游戏，将游戏画面等数据进行编码压缩，通过网络返回云游戏客户端，最后，通过云游戏客户端进行解码并输出游戏画面。

在现有技术中，为了实现图案的动效效果，往往是采用单一的变换方式。但是如果为了实现更加复杂的到动态效果，则需要设置较多的模型片，且针对每一个模型片分别进行动态控制，工作量较大，处理过程较长，并且会增加电子设备对整个动效效果的渲染负担。

比如，在游戏场景中，当用户进入某一界面时，游戏界面会展现对应的图案，例如卡牌类游戏，当用户抽出一张卡牌后，会出现对应的卡牌展示界面，或者抽取卡牌时的界面，这些界面都需要用大量的图案来进行装饰，比如万花筒、动态图案等显示效果，从而使得抽取卡牌的界面更加精美。

但是，如果生成多种显示效果的模型过于庞大，在电子设备生成游戏界面中的动态图案效果时，会导致计算机的工作量较大，从而需要耗费较大的算力，在计算机算力不足的情况下，甚至可能出现生成的动态效果比较粗糙，不够精细，从而导致最终的动效图案不符合画面要求。

为了解决该技术问题，本申请实施例提供了一种图像处理方法、装置、电子设备及存储介质。

请参阅图1，图1是本申请实施例提供的图像处理方法的第一流程示意图。该图像处理方法可以包括以下步骤：

110、在模型片上划分多个目标区域。

在对实现图案动效的过程中，需要设置一个模型片，该模型片的可以是平面几何形状，比如正方形、矩形、圆形等。该模型片有一个对应的样本图像，该样本图像可以作为模型片进行像素采样的基本图像。

在一些实施方式中，在模型片上划分多个目标区域之前，可以先确定出模型片对应的极坐标系。

在本申请实施例中，可以先确定模型片的形状，然后再确定出模型片的纹理坐标系，最后将模型片的纹理坐标系转换为极坐标系。其中纹理坐标系具体为UV坐标系，其中水平方向是U，垂直方向是V，UV坐标系为一个二维平面上的坐标系。

比如，模型片的形状为圆形的情况下，可以直接将纹理坐标系等同于极坐标系，比如纹理坐标为(u,v)，则可以直接取坐标(u,v)＝(θ,ρ)，其中(θ,ρ)为极坐标。

在模型片的形状为环形的情况下，可以直接将纹理坐标系等同于极坐标系，即直接取坐标(u,v)＝(θ,ρ)。如果环形的模型片在纬向上的布线数越少，则最终生成的目标图像畸变就越大。

在模型片的形状为其他形状的情况下，可以先在模型片上确定出一个圆心位置，该圆心位置为极坐标的原点位置，圆心位置的纹理坐标为(u₀,v₀)。

则可以先求出转换坐标，比如利用纹理坐标系中的某一个坐标减去圆心位置的纹理坐标，即：转换坐标(U_f,V_f)＝(U-U₀,V-V₀)，利用纹理坐标的横坐标U减去圆心位置的横坐标U0得到转换坐标的横坐标Uf,，利用纹理坐标的纵坐标V减去圆心位置的横坐标纵V0得到转换坐标的横坐标Vf。

则可以利用装换坐标求出极坐标(θ,ρ)，其中极坐标的角坐标为：θ＝atan2(V_f,V_f)。极坐标的半径坐标为：

在一些实施方式中，对于将模型片的纹理坐标系转换成极坐标系，还可以通过像素着色器来完成。如果模型片中的顶点数较多的情况下，还可以通过顶点着色器完成，在模型片中的顶点数足够多的情况下，更多的顶点数能够保证最终生成的目标图像的精度，使得最终生成的目标图像拥有更好的图像质量。

在确定好模型片对应的极坐标系之后，可以在极坐标系中将模型片划分多个目标区域。

具体如图2所示，其中图2是本申请实施例提供的目标区域划分示意图。

其中，首先在纬向上将整个模型片划分为多个第一区域，第一区域的形状类似扇形。每个第一区域在的角度是相同的，比如，区域S1、S2、S3……S7、S8的角度是相同的。

然后再在经向上将多个第一区域划分为多个目标区域，比如在第一区域S1中，可以在经向上将第一区域划分为目标区域R1、R2、R3。

需要说明的是，对于目标区域的划分，可以根据实际需求来对模型片进行划分，其中每个第一区域的角度可以是不同的，每个目标区域的大小也可以是不同的。

120、确定多个目标区域中的目标像素点以及目标像素点对应的极坐标。

在一些实施方式中，在多个目标区域中都包含有多个目标像素点。比如，每一个目标区域内都有多个目标像素点，目标像素点的数量可以根据实际需求而设置，比如如果需要快速得到目标像素点对应的目标图像，可以少设置一些目标像素点，这样电子设备在处理的过程中计算较快，得到目标像素点对应的目标图像处理时间较短。还可以将目标区域内的全部像素点确定为目标像素点。

在确定好目标像素点之后，可以根据每个目标像素点在极坐标系中的位置确定出每个目标像素点对应的极坐标。

130、对目标像素点的极坐标进行变换处理，得到映射坐标。

在一些实施方式中，电子设备可以对目标像素点的极坐标进行变换处理，比如目标像素点可以随着时间旋转、平移，那么极坐标的角坐标和半径坐标就会发生改变，从而实现对目标像素点的极坐标进行变换，变换后得到映射坐标。

140、根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。

在获取到映射坐标之后，可以在样本图像中确定映射坐标对应的采样像素点，然后获取采样像素点的像素信息，比如采样像素点被分配的色彩数值、亮度数值，然后将采样像素点的像素信息更新到映射坐标对应的目标像素点中，从而实现对目标像素点的像素信息进行更新。

需要说明的是，目标像素点的极坐标每变换到一个新的位置时，就会得到一个新的映射坐标，所以映射坐标是会根据变换的时间而发生改变，从而使得目标像素点的位置发生改变。

由于映射坐标是可以根据时间发生改变的，所以映射坐标可以对应样本图像上的不同的采样像素点，比如，在时刻t1对应的采样像素点为A，此时可以将采样像素点A的像素信息更新到目标像素点中，在时刻t2对应的采样像素点为B，此时可以将采样像素点B的像素信息更新到目标像素点中。

最终获取像素信息的目标像素点能够组合生成目标图像，由于目标像素点的位置和像素信息是随着时间发生变化的，从而使得最终生成的目标图像拥有复杂多样的动态效果。

例如，在实际应用中，在生成的目标图像的动态效果中，可以形成类似万花筒中图案不断变换的动态效果，在实际的软件应用中，可以实现二维平面上的图案动效效果，从而使得软件界面或游戏界面更加具有美感。

同时，在对目标图像处理的过程中，仅仅是对样本图像上不同的像素点进行采样，因此图像处理的过程较为简单高效。

本申请实施例中，通过在模型片上划分多个目标区域，然后确定多个目标区域中的目标像素点以及目标像素点对应的极坐标，再对目标像素点的极坐标进行变换处理，得到映射坐标。最后根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。本申请实施例中，通过将模型片上目标像素点的极坐标进行变换处理，使得目标像素点对应的映射坐标是不断变换的，从而根据映射坐标在样本图像中不断采取对应的像素点，最终生成具备复杂动效的目标图像，同时使得整个目标图像处理过程简单高效。

为了更加详细的说明本申请实施例提供的图像处理方法，请参阅图3，图3是本申请实施例提供的图像处理方法的第二流程示意图。该图像处理方法可以包括以下步骤：

201、将模型片的纹理坐标系转换为极坐标系。

在本申请实施例中，可以先确定模型片的形状，然后再确定出模型片的纹理坐标系，最后将模型片的纹理坐标系转换为极坐标系。其中纹理坐标系具体为UV坐标系，其中水平方向是U，垂直方向是V，UV坐标系为一个二维平面上的坐标系。

比如，模型片的形状为圆形的情况下，可以直接将纹理坐标系等同于极坐标系，比如纹理坐标为(u,v)，则可以直接取坐标(u,v)＝(θ,ρ)，其中(θ,ρ)为极坐标。

在模型片的形状为环形的情况下，可以直接将纹理坐标系等同于极坐标系，即直接取坐标(u,v)＝(θ,ρ)。如果环形的模型片在纬向上的布线数越少，则最终生成的目标图像畸变就越大。

在模型片的形状为其他形状的情况下，可以先在模型片上确定出一个圆心位置，该圆心位置为极坐标的原点位置，圆心位置的纹理坐标为(u₀,v₀)。

则可以先求出转换坐标，比如利用纹理坐标系中的某一个坐标减去圆心位置的纹理坐标，即：转换坐标(U_f,V_f)＝(U-U₀,V-V₀)，利用纹理坐标的横坐标U减去圆心位置的横坐标U₀得到转换坐标的横坐标U_f,，利用纹理坐标的纵坐标V减去圆心位置的横坐标纵V₀得到转换坐标的横坐标V_f。

则可以利用装换坐标求出极坐标(θ,ρ)，其中极坐标的角坐标为：θ＝atan2(V_f,V_f)。极坐标的半径坐标为：

202、在极坐标系中确定出经向分格数量和纬向分格数量。

如图4所示，图4是本申请实施例提供的另一目标区域划分示意图。其中经向分格数量可以随意设置，可以是奇数，也可以是偶数。纬向分格数量可以设置为偶数，这样可以在最终生成的目标图像中的动态效果是轴对称设置的。

在一些实施方式中，经向分格数量、纬向分格数量还可以根据实际需求来设置，通过对经向分格数量、纬向分格数量来进行不同数量设置，能够实现最终生成的目标图像拥有不同的动态效果。

203、根据纬向分格数量将模型片划分为多个角度相同的第一区域。

可以理解的是，极坐标系的角度可以根据纬向分格数量来进行平均分配，比如纬向分格数量为8，则可以对极坐标系分割为8个第一区域，而极坐标系的角度为360度，在根据纬向分格数量平均分配之后，则每个第一区域的角度均为45度。通过该方式就可以将模型片划分为多个角度相同的第一区域。

具体可以参阅图4，在根据纬向分格数量对极坐标系的角度进行平分之后，第一区域S1的角度和第二区域S2的角度是完全相同的。其他第一区域的角度和第一区域S1与第二区域S2的角度也是相同的。

通过将每个第一区域的角度设置成相同之后，最终生成的目标图像，由于每个第一区域的角度是相同的，会有一种对称的美感，使得目标图像更加具备美观度。

204、根据经向分格数量对第一区域进行划分得到多个目标区域。

在根据纬向分格数量划分出多个第一区域之后，可以根据经向分格数量来对第一区域进行划分。如图4所示，根据经向分格数量对第一区域S1进行划分之后，得到目标区域R1、目标区域R2、目标区域R3。

在一些实施方式中，目标区域R1、目标区域R2、目标区域R3的经向是相同的，如图4所示，目标区域R1、目标区域R2、目标区域R3的经向都是从左侧朝向第二区域S2的。

目标区域R1、目标区域R2、目标区域R3的纬向也是相同的，都是从圆心位置朝向外界的。

205、确定多个目标区域中的目标像素点的极坐标。

在多个目标区域中都设置有目标像素点，其中目标像素点可以使每个目标区域中所有的像素点。目标像素点在没有更新任何像素信息时，目标像素点可以认为是没有色彩数值、亮度数值的像素点，目标像素点在极坐标系中对应有极坐标。

在确定好多个目标区域的像素点之后，可以确定出目标像素点的极坐标。需要说明的是，在目标像素点的极坐标没发生变换时，可以认为此时目标像素点的极坐标为初始坐标。

206、对目标像素点的极坐标进行归一化处理，得到归一化后的极坐标。

为了使得每个目标区域中的角坐标和半径坐标的维度是一样的，可以对多个目标区域中目标像素点的极坐标进行归一化处理，使得每个目标区域中经向坐标范围都在一个范围内，使得每个目标区域中纬向坐标范围都在一个范围内。

比如，每个目标区域的纬向坐标范围是0～1，每个目标区域的经向坐标范围也是0～1。

在一些实施方式中，可以根据纬向分格数量对目标像素点的极坐标的角坐标进行归一化处理，以得到归一化后的角坐标；然后根据经向分格数量对目标像素点的极坐标的半径坐标进行归一化处理，以得到归一化后的半径坐标；最后根据归一化后的角坐标以及归一化后的半径坐标确定目标像素点对应的归一化后的极坐标。

具体的，可以根据经向分格密度和纬向分格密度来对目标像素点的极坐标进行归一化处理。比如经向分格数量为N_y，纬向分格数为N_x，其中N_x可以为偶数。

可以先确定出角坐标对应的归一化公式：

θ_f0＝frac(θ/(2π)*N_x*0.5)，其中frac函数为取任意实数的小数部分。其中θ为极坐标的角坐标。

则可以得到归一化后的角坐标：θ_f＝2*|θ_f0-0.5|。

然后再确定归一化后的半径坐标：ρ_f＝frac(ρ*N_y)。其中frac函数为取任意实数的小数部分。

根据归一化后的角坐标和归一化后的半径坐标，从而得到目标像素点对应的归一化后的极坐标(θ_f,ρ_f)。

需要说明的是，在对每一个目标区域中的目标像素点的极坐标进行归一化处理，能够使得目标像素点的坐标和样本图像的坐标都在同一个维度。从而在最终对样本图像进行像素点采样时，能够在样本图像上采取到对应的采样像素点。

207、确定归一化后的极坐标对应的变换参数，变换参数包括时间、角速度及平移速度。

在一些实施方式中，为了实现最终生成的目标图像拥有多种复杂的动态效果，需要对归一化后的极坐标能够进行移动变换处理，比如t1时刻将归一化后的极坐标进行变换处理，使得归一化后的极坐标发生变化，在t2时刻再次将归一化后的极坐标进行变换处理，使得归一化后的极坐标再次发生变化。

也可以理解为，归一化后的极坐标对应的目标像素点在不同的时刻，在极坐标系上发生了位置上的变化，此时目标像素点对应的极坐标也会发生变化。

其中，每个目标区域中的目标像素点有对应的变化参数，变换参数包括时间、角速度及平移速度。

在一些实施方式中，不同目标区域的目标像素点的变换参数可以是不同的，比如角速度、平移速度、变化方向这些参数都可以不同，或者说不同目标区域中目标像素点的变化参数可以部分不同，比如角速度和平移速度相同，但是变化方向不同。

请一并参阅图4，例如，在本申请实施例中，相邻的第一区域之间，角速度的方向可以是不同的，也就是第一区域S1和第二区域S2中角速度的方向是不同的，则在第一区域S1中的目标区域中角速度方向和第一区域S2中的目标区域中角速度方向是不同的。通过该设置方式，在最终生成的目标图像中，能够保证第一区域S1和第二区域S2中的图案变化是轴对称的。

也就是说，每相邻的两个第一区域之间的纬向坐标方向相反。

而第一区域S1和第二区域S2中的平移速度方向也可以是不同的，如图4所示，第一区域S1和第二区域S2中的平移速度方向都是从圆心位置朝向外界，但是朝向不同。

需要说明的是，本申请中对于角速度、平移速度的方向，可以根据实际需求来设置，不同目标区域的不同角速度、平移速度组合，能够使得最终生成的目标图像能够拥有更加复杂的动效，在生成目标图像对应的动态效果时，由于仅仅是对变换参数调节，因此处理过程较为简单高效。

208、根据变换参数对归一化后的极坐标进行变换处理，以得到所述映射坐标。

在一些实施方式中，在确定好归一化后的极坐标对应的变换参数之后，可以根据角速度和时间得到旋转矩，然后根据旋转矩阵和归一化后的极坐标得到第一变换位置。

比如，可以先对目标像素点对应的归一化后的极坐标进行旋转变换处理，通过旋转得到归一后的极坐标对应的第一变换位置，可以理解为此时目标像素点由原先的位置旋转至第一变换位置。

具体的，若当前时刻为t，旋转角速度为S_A，S_A为任意实数，那么旋转矩阵R为：

则旋转至第一位置的结果UV_R为：UV_R＝R·(θ_f,ρ_f)。

在获取到目标像素点旋转至的第一位置之后，可以根据第一变换位置、平移速度和时间得到第二变换位置。

比如，当前时刻为t，平移速度为S_T＝(S_Tx,S_Ty)，S_T为任意二维矢量。那么第一变换位置再经过平移片换之后，得到第二变换位置。第二变换位置为：(θ_m,ρ_m)＝UV_R+S_T*t。

第二变换位置对应的极坐标就是目标像素点的极坐标经过变换后对应的映射坐标。则映射坐标就是(θ_m,ρ_m)。

在一些实施方式中，每个目标区域中的目标像素点可以循环移动变换，比如在目标像素点的进行移动变换的过程中，会依次变换到位置1、位置2、位置3，当目标像素点移动到位置3的时候，目标像素点再移动到位置1，然后再依次移动到位置2、位置3。以此类推，重复循环。目标像素点的极坐标也这样循环变换。那么最终生成的目标图像中，目标图像的动态效果就可以实现循环播放。

209、根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。

可以理解的是，对于归一化后的极坐标进行变换，实际上可以理解为是目标像素点的位置发生了改变。目标像素点的极坐标会随着时间发生变换处理，通过设置的角速度、平移速度不断发生位置上的改变，从而使得目标像素对应的映射坐标也是发生改变的。

可以根据映射坐标来对样本图像上的像素点进行采集，比如，在时刻t1对应的采样像素点为A，此时可以将采样像素点A的像素信息更新到目标像素点中，在时刻t2对应的采样像素点为B，此时可以将采样像素点B的像素信息更新到目标像素点中。其中像素信息包括色彩数值、亮度数值等。

最终获取像素信息的目标像素点能够组合生成目标图像，由于目标像素点的位置和像素信息是随着时间发生变化的，从而使得最终生成的目标图像拥有复杂多样的动态效果。

例如，在实际应用中，在生成的目标图像的动态效果中，可以形成类似万花筒中图案不断变换的动态效果，在实际的软件应用中，可以实现二维平面上的图案动效效果，从而使得软件界面或游戏界面更加具有美感。

同时，在对目标图像处理的过程中，仅仅是通过对变换参数的设置，从而对样本图像上不同的像素点进行采样，从而得到最终包含多种复杂动效的目标图像，整个图像处理的过程较为简单高效。

在本申请实施例中，通过将模型片的纹理坐标系转换为极坐标系，在极坐标系中确定出经向分格数量和纬向分格数量，根据纬向分格数量将模型片划分为多个角度相同的第一区域，再根据经向分格数量对第一区域进行划分得到多个目标区域。

然后确定多个目标区域中的目标像素点的极坐标，对目标像素点的极坐标进行归一化处理，得到归一化后的极坐标。再确定归一化后的极坐标对应的变换参数，根据变换参数对归一化后的极坐标进行变换处理，以得到所述映射坐标。最后根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。

本申请实施例中，在对目标图像生成的过程中，通过对变换参数的设置，能够实现目标图像的多种复杂动效，同时整个图像处理过程中较为简单高效。

比如将本申请中的图案处理方法应用到游戏界面中，比如卡牌类游戏，当用户抽出一张卡牌后，会出现对应的卡牌展示界面，或者抽取卡牌时的界面，这些界面都可以采用本申请实施例提供的图案处理方法，从而制作出多种复杂动效的图案，比如万花筒动效图案，从而使得游戏界面更加精美。

同时，由于本申请实施例中的图案处理方法，可以只采用一个模型片，使得电子设备在生成动效图案时，工作量较小，需要耗费较小的算力，从而提高了电子设备的处理效率，使得整个图像处理过程中较为简单高效。

为了更好地实施以上方法，相应的，本发明实施例还提供一种图像处理装置，该图像处理装置具体可以集成在终端中，例如以客户端的形式集成在终端中。

请参考图5，图5是本申请实施例提供的图像处理装置的第一结构示意图。该图像处理装置300包括：划分模块310、确定模块320、变换模块330及采样模块340。

划分模块310，用于在模型片上划分多个目标区域。

在一些实施方式中，在模型片上划分多个目标区域之前，可以先确定出模型片对应的极坐标系。请一并参阅图6，图6是本申请实施例提供的图像处理装置的第二结构示意图。该图像处理装置还包括转换模块350。

例如，转换模块350可以先确定模型片的形状，然后再确定出模型片的纹理坐标系，最后将模型片的纹理坐标系转换为极坐标系。其中纹理坐标系具体为UV坐标系，其中水平方向是U，垂直方向是V，UV坐标系为一个二维平面上的坐标系。

比如，模型片的形状为圆形的情况下，可以直接将纹理坐标系等同于极坐标系，比如纹理坐标为(u,v)，则可以直接取坐标(u,v)＝(θ,ρ)，其中(θ,ρ)为极坐标。

在模型片的形状为环形的情况下，可以直接将纹理坐标系等同于极坐标系，即直接取坐标(u,v)＝(θ,ρ)。如果环形的模型片在纬向上的布线数越少，则最终生成的目标图像畸变就越大。

在模型片的形状为其他形状的情况下，可以先在模型片上确定出一个圆心位置，该圆心位置为极坐标的原点位置，圆心位置的纹理坐标为(u₀,v₀)。

则可以先求出转换坐标，比如利用纹理坐标系中的某一个坐标减去圆心位置的纹理坐标，即：转换坐标(U_f,V_f)＝(U-U₀,V-V₀)，利用纹理坐标的横坐标U减去圆心位置的横坐标U₀得到转换坐标的横坐标U_f,，利用纹理坐标的纵坐标V减去圆心位置的横坐标纵V₀得到转换坐标的横坐标V_f。

则可以利用装换坐标求出极坐标(θ,ρ)，其中极坐标的角坐标为：θ＝atan2(V_f,V_f)。极坐标的半径坐标为：

在确定好模型片对应的极坐标系之后，划分模块310可以在极坐标系中将模型片划分多个目标区域。

如图6所示。其中划分模块310还包括确定子模块311和划分子模块312。

确定子模块311，用于在所述极坐标系中确定出经向分格数量和纬向分格数量。

划分子模块312，用于根据所述经向分格数量、纬向分格数量对所述模型片划分多个目标区域。

极坐标系的角度可以根据纬向分格数量来进行平均分配，比如纬向分格数量为8，则可以对极坐标系分割为8个第一区域，而极坐标系的角度为360度，在根据纬向分格数量平均分配之后，则每个第一区域的角度均为45度。

在根据纬向分格数量划分出多个第一区域之后，可以根据经向分格数量来对第一区域进行划分。如图4所示，根据经向分格数量对第一区域S1进行划分之后，得到目标区域R1、目标区域R2、目标区域R3。

确定模块320，用于确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标。

在确定好目标像素点之后，确定模块320可以根据每个目标像素点在极坐标系中的位置确定出每个目标像素点对应的极坐标。

变换模块330，用于对目标像素点的极坐标进行变换处理，得到映射坐标。

如图6所示，变换模块330包括归一化子模块331和变换子模块332。

归一化子模块331，用于对所述目标像素点的极坐标进行归一化处理，得到归一化后的极坐标。

具体的，归一化子模块331可以根据经向分格密度和纬向分格密度来对目标像素点的极坐标进行归一化处理。比如经向分格数量为N_y，纬向分格数为N_x，其中N_x可以为偶数。

归一化子模块331可以先确定出角坐标对应的归一化公式：

θ_f0＝frac(θ/(2π)*N_x*0.5)，其中frac函数为取任意实数的小数部分。其中θ为极坐标的角坐标。

则可以得到归一化后的角坐标：θ_f＝2*|θ_f0-0.5|。

然后归一化子模块331再确定归一化后的半径坐标：ρ_f＝frac(ρ*N_y)。其中frac函数为取任意实数的小数部分。

根据归一化后的角坐标和归一化后的半径坐标，从而得到目标像素点对应的归一化后的极坐标(θ_f,ρ_f)。

需要说明的是，在对每一个目标区域中的目标像素点的极坐标进行归一化处理，能够使得目标像素点的坐标和样本图像的坐标都在同一个维度。从而在最终对样本图像进行像素点采样时，能够在样本图像上采取到对应的采样像素点。

变换子模块332，用于对所述归一化后的极坐标进行变换处理，以得到所述映射坐标。变换子模块332具体用于：确定所述归一化后的极坐标对应的变换参数，所述变换参数包括时间、角速度及平移速度；根据所述变换参数对所述极坐标进行变换处理，以得到所述映射坐标。

例如，在确定好归一化后的极坐标对应的变换参数之后，变换子模块332可以根据角速度和时间得到旋转矩，然后根据旋转矩阵和归一化后的极坐标得到第一变换位置。

比如，变换子模块332可以先对目标像素点对应的归一化后的极坐标进行旋转变换处理，通过旋转得到归一后的极坐标对应的第一变换位置，可以理解为此时目标像素点由原先的位置旋转至第一变换位置。

具体的，若当前时刻为t，旋转角速度为S_A，S_A为任意实数，那么旋转矩阵R为：

则旋转至第一位置的结果UV_R为：UV_R＝R·(θ_f,ρ_f)。

在获取到目标像素点旋转至的第一位置之后，可以根据第一变换位置、平移速度和时间得到第二变换位置。

比如，当前时刻为t，平移速度为S_T＝(S_Tx,S_Ty)，S_T为任意二维矢量。那么第一变换位置再经过平移片换之后，得到第二变换位置。第二变换位置为：(θ_m,ρ_m)＝UV_R+S_T*t。

第二变换位置对应的极坐标就是目标像素点的极坐标经过变换后对应的映射坐标。则映射坐标就是(θ_m,ρ_m)。

采样模块340，用于根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。

在获取到映射坐标之后，采样模块340可以在样本图像中确定映射坐标对应的采样像素点，然后获取采样像素点的像素信息，比如采样像素点被分配的色彩数值、亮度数值，然后将采样像素点的像素信息更新到映射坐标对应的目标像素点中，从而实现对目标像素点的像素信息进行更新。

需要说明的是，目标像素点的极坐标每变换到一个新的位置时，就会得到一个新的映射坐标，所以映射坐标是会根据变换的时间而发生改变，从而使得目标像素点的位置发生改变。

由于映射坐标是可以根据时间发生改变的，所以映射坐标可以对应样本图像上的不同的采样像素点，比如，在时刻t1对应的采样像素点为A，此时可以将采样像素点A的像素信息更新到目标像素点中，在时刻t2对应的采样像素点为B，此时可以将采样像素点B的像素信息更新到目标像素点中。

最终获取像素信息的目标像素点能够组合生成目标图像，由于目标像素点的位置和像素信息是随着时间发生变化的，从而使得最终生成的目标图像拥有复杂多样的动态效果。

例如，在实际应用中，在生成的目标图像的动态效果中，可以形成类似万花筒中图案不断变换的动态效果，在实际的软件应用中，可以实现二维平面上的图案动效效果，从而使得软件界面或游戏界面更加具有美感。

同时，在对目标图像处理的过程中，仅仅是对样本图像上不同的像素点进行采样，因此图像处理的过程较为简单高效。

本申请实施例中，通过在模型片上划分多个目标区域，然后确定多个目标区域中的目标像素点以及目标像素点对应的极坐标，再对目标像素点的极坐标进行变换处理，得到映射坐标。最后根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。本申请实施例中，通过将模型片上目标像素点的极坐标进行变换处理，使得目标像素点对应的映射坐标是不断变换的，从而根据映射坐标在样本图像中不断采取对应的像素点，最终生成具备复杂动效的目标图像，同时使得整个目标图像处理过程简单高效。

相应的，本申请实施例还提供一种电子设备，该电子设备可以为终端，该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机(PC，PersonalComputer)、个人数字助理(Personal Digital Assistant，PDA)等终端设备。如图7所示，图7为本申请实施例提供的电子设备的结构示意图。该电子设备1000包括有一个或者一个以上处理核心的处理器401、有一个或一个以上计算机可读存储介质的存储器402及存储在存储器402上并可在处理器上运行的计算机程序。其中，处理器401与存储器402电性连接。本领域技术人员可以理解，图中示出的电子设备结构并不构成对电子设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

处理器401是电子设备1000的控制中心，利用各种接口和线路连接整个电子设备1000的各个部分，通过运行或加载存储在存储器402内的软件程序和/或模块，以及调用存储在存储器402内的数据，执行电子设备1000的各种功能和处理数据，从而对电子设备1000进行整体监控。

在本申请实施例中，电子设备1000中的处理器401会按照如下的步骤，将一个或一个以上的应用程序的进程对应的指令加载到存储器402中，并由处理器401来运行存储在存储器402中的应用程序，从而实现各种功能：

在模型片上划分多个目标区域；

确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标；

对所述目标像素点的极坐标进行变换处理，得到映射坐标；

根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

可选的，如图7所示，电子设备1000还包括：触控显示屏403、射频电路404、音频电路405、输入单元406以及电源407。其中，处理器401分别与触控显示屏403、射频电路404、音频电路405、输入单元406以及电源407电性连接。本领域技术人员可以理解，图7中示出的电子设备结构并不构成对电子设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

触控显示屏403可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏403可以包括显示面板和触控面板。其中，显示面板可用于显示由用户输入的信息或提供给用户的信息以及电子设备的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-Emitting Diode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成相应的操作指令，且操作指令执行对应程序。可选的，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器401，并能接收处理器401发来的命令并加以执行。触控面板可覆盖显示面板，当触控面板检测到在其上或附近的触摸操作后，传送给处理器401以确定触摸事件的类型，随后处理器401根据触摸事件的类型在显示面板上提供相应的视觉输出。在本申请实施例中，可以将触控面板与显示面板集成到触控显示屏403而实现输入和输出功能。但是在某些实施例中，触控面板与触控面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏403也可以作为输入单元406的一部分实现输入功能。

射频电路404可用于收发射频信号，以通过无线通信与网络设备或其他电子设备建立无线通讯，与网络设备或其他电子设备之间收发信号。

音频电路405可以用于通过扬声器、传声器提供用户与电子设备之间的音频接口。音频电路405可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路405接收后转换为音频数据，再将音频数据输出处理器401处理后，经射频电路404以发送给比如另一电子设备，或者将音频数据输出至存储器402以便进一步处理。音频电路405还可能包括耳塞插孔，以提供外设耳机与电子设备的通信。

输入单元406可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等)，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

电源407用于给电子设备1000的各个部件供电。可选的，电源407可以通过电源管理系统与处理器401逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源407还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管图7中未示出，电子设备1000还可以包括摄像头、传感器、无线保真模块、蓝牙模块等，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

由上可知，本实施例提供的电子设备，能够在模型片上划分多个目标区域，然后确定多个目标区域中的目标像素点以及目标像素点对应的极坐标，再对目标像素点的极坐标进行变换处理，得到映射坐标。最后根据映射坐标对样本图像上的像素点进行采样处理，以在模型片上生成目标像素点对应的目标图像。本申请实施例中，通过将模型片上目标像素点的极坐标进行变换处理，使得目标像素点对应的映射坐标是不断变换的，从而根据映射坐标在样本图像中不断采取对应的像素点，最终生成具备复杂动效的目标图像，同时使得整个目标图像处理过程简单高效。

本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。

为此，本申请实施例提供一种计算机可读存储介质，其中存储有多条计算机程序，该计算机程序能够被处理器进行加载，以执行本申请实施例所提供的任一种图像处理方法中的步骤。例如，该计算机程序可以执行如下步骤：

在模型片上划分多个目标区域；

确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标；

对所述目标像素点的极坐标进行变换处理，得到映射坐标；

根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

由于该存储介质中所存储的计算机程序，可以执行本申请实施例所提供的任一种图像处理方法中的步骤，因此，可以实现本申请实施例所提供的任一种图像处理方法所能实现的有益效果，详见前面的实施例，在此不再赘述。

以上对本申请实施例所提供的一种图像处理方法、装置、电子设备及存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (16)

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

在模型片上划分多个目标区域；

确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标；

对所述目标像素点的极坐标进行变换处理，得到映射坐标；

根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像。

2.根据权利要求1所述的图像处理方法，其特征在于，在确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标之前，所述方法还包括：

在所述模型片中确定出圆心位置；

根据所述圆心位置将所述模型片对应的纹理坐标系转换为极坐标系。

3.根据权利要求2所述的图像处理方法，其特征在于，所述在模型片上划分多个目标区域，包括：

在所述极坐标系中确定出经向分格数量和纬向分格数量；

根据所述经向分格数量、纬向分格数量在所述模型片上划分多个目标区域。

4.根据权利要求3所述的图像处理方法，其特征在于，所述根据所述经向分格数量、纬向分格数量在所述模型片上划分多个目标区域，包括：

根据所述纬向分格数量将所述模型片划分为多个角度相同的第一区域，其中每相邻的两个第一区域之间的纬向坐标方向相反；

根据所述经向分格数量对所述第一区域进行划分得到所述多个目标区域。

5.根据权利要求3所述的图像处理方法，其特征在于，所述对所述目标像素点的极坐标进行变换处理，得到映射坐标，包括：

对所述目标像素点的极坐标进行归一化处理，得到归一化后的极坐标；

对所述归一化后的极坐标进行变换处理，以得到所述映射坐标。

6.根据权利要求5所述的图像处理方法，其特征在于，所述对所述目标像素点的极坐标进行归一化处理，得到归一化后的极坐标，包括：

根据所述纬向分格数量对所述目标像素点的极坐标的角坐标进行归一化处理，以得到归一化后的角坐标；

根据所述经向分格数量对所述目标像素点的极坐标的半径坐标进行归一化处理，以得到归一化后的半径坐标；

根据所述归一化后的角坐标以及所述归一化后的半径坐标确定所述归一化后的极坐标。

7.根据权利要求5所述的图像处理方法，其特征在于，所述对归一化后的极坐标进行变换处理，以得到所述映射坐标，包括：

确定所述归一化后的极坐标对应的变换参数，所述变换参数包括时间、角速度及平移速度；

根据所述变换参数对所述归一化后的极坐标进行变换处理，以得到所述映射坐标。

8.根据权利要求7所述的图像处理方法，其特征在于，所述根据所述变换参数对所述归一化后的极坐标进行变换处理，以得到所述映射坐标，包括：

根据所述角速度和时间得到旋转矩阵；

根据所述旋转矩阵和所述归一化后的极坐标得到第一变换位置；

根据所述第一变换位置、平移速度和时间得到第二变换位置；

将所述第二变换位置对应的极坐标确定为所述映射坐标。

9.根据权利要求1至8任一项所述的图像处理方法，其特征在于，根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像，包括：

获取在所述样本图像上经过采样处理的采样像素点及所述采样像素点的像素信息；

将所述采样像素点的像素信息更新至所述目标像素点中，以在所述模型片上生成所述目标像素点对应的目标图像。

10.一种图像处理装置，其特征在于，包括：

划分模块，用于在模型片上划分多个目标区域；

确定模块，用于确定所述多个目标区域中的目标像素点以及所述目标像素点对应的极坐标；

变换模块，用于对所述目标像素点的极坐标进行变换处理，得到映射坐标；

采样模块，用于根据所述映射坐标对样本图像上的像素点进行采样处理，以在所述模型片上生成所述目标像素点对应的目标图像。

11.根据权利要求10所述的图像处理装置，其特征在于，所述图像处理装置还包括：

转换模块，用于在所述模型片中确定出圆心位置，根据所述圆心位置将所述模型片对应的纹理坐标系转换为极坐标系。

12.根据权利要求11所述的图像处理装置，其特征在于，所述划分模块包括：

确定子模块，用于在所述极坐标系中确定出经向分格数量和纬向分格数量；

划分子模块，用于根据所述经向分格数量、纬向分格数量在所述模型片上划分多个目标区域。

13.根据权利要求10所述的图像处理装置，其特征在于，所述变换模块包括：

归一化子模块，用于对所述目标像素点的极坐标进行归一化处理，得到归一化后的极坐标；

变换子模块，用于对所述归一化后的极坐标进行变换处理，以得到所述映射坐标。

14.根据权利要求13所述的图像处理装置，其特征在于，所述变换子模块具体用于：

确定所述归一化后的极坐标对应的变换参数，所述变换参数包括时间、角速度及平移速度；

根据所述变换参数对所述归一化后的极坐标进行变换处理，以得到所述映射坐标。

15.一种电子设备，其特征在于，包括：

存储有可执行程序代码的存储器、与所述存储器耦合的处理器；

所述处理器调用所述存储器中存储的所述可执行程序代码，执行如权利要求1至9任一项所述的图像处理方法中的步骤。

16.一种计算机可读存储介质，其特征在于，所述存储介质存储有多条指令，所述指令适于处理器进行加载，以执行权利要求1至9任一项所述的图像处理方法中的步骤。

Images