交互方法、交互装置、电子设备及存储介质与流程

本发明涉及计算机图形学技术领域，具体而言，涉及一种交互方法、交互装置、电子设备以及计算机可读存储介质。

背景技术：

随着互联网技术的发展，三维建模技术被广泛应用于游戏建模、电影制作、建筑设计等多种领域。为了使用户在三维场景中拥有更好的体验，需要用户能够与模型进行交互。

目前，用户通过点选的方式与三维场景中的物体进行交互，一般的，进行交互时对模型进行的处理仅限于修改模型本身的材质参数，如选中时将某个模型进行整体高亮，或添加模型轮廓光、模型描边等来表现物体被选中。在这种方案中，难以根据用户的交互操作对模型进行实时的修改，影响用户的交互使用体验。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本发明背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

本发明实施例的目的在于提供一种交互方法、交互装置、电子设备以及计算机可读存储介质，进而至少在一定程度上克服由于相关技术的限制和缺陷而导致无法根据用户的交互操作对模型进行实时的修改，影响用户的交互使用体验的问题。

根据本发明实施例的第一方面，提供了一种交互方法，包括：响应于交互模型上的交互操作，以帧为单位获取所述交互操作的交互位置；根据所述交互位置，获取在所述交互模型上相应的局部坐标点的纹理坐标；基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹；根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果。

在本发明的一些示例实施例中，基于前述方案，根据所述交互位置，获取在所述交互模型上相应的局部坐标点的纹理坐标，包括：获取所述交互位置的屏幕坐标，确定所述屏幕坐标在三维场景的世界坐标系中对应的射线；确定所述射线在所述世界坐标系中与所述交互模型的交点的世界坐标；根据所述交点的世界坐标确定所述交互位置投影在所述交互模型上的局部坐标点；基于所述局部坐标点与对应的三角形面片顶点的纹理坐标的映射关系，确定所述局部坐标点的纹理坐标。

在本发明的一些示例实施例中，基于前述方案，根据所述交点的世界坐标确定所述交互位置投影在所述交互模型上的局部坐标点，包括：根据所述交互模型的世界变换矩阵，确定对应的逆矩阵；基于所述交点的世界坐标和所述逆矩阵，确定所述交互位置投影在所述交互模型上的局部坐标点。

在本发明的一些示例实施例中，基于前述方案，基于所述局部坐标点与对应的三角形面片顶点的纹理坐标的映射关系，确定所述局部坐标点的纹理坐标，包括：获取与所述交点的世界坐标对应的三角形面片顶点的局部坐标和纹理坐标；根据所述三角形面片顶点的局部坐标和纹理坐标确定变换矩阵；基于所述变换矩阵和所述交互模型上的局部坐标点，确定与所述交互模型上的局部坐标点对应的纹理坐标。

在本发明的一些示例实施例中，获取在所述交互模型上相应的局部坐标点的纹理坐标，所述交互方法包括：以帧为单位保存得到的所述局部坐标点的纹理坐标。

在本发明的一些示例实施例中，基于前述方案，基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，包括：基于所述局部坐标点的纹理坐标采用带符号距离场的方式确定所述交互模型的单通道高度贴图上的相应位置；修改所述相应位置上对应像素的颜色。

在本发明的一些示例实施例中，基于前述方案，采用带符号距离场确定所述交互模型的单通道高度贴图上的相应位置，包括：采用带符号距离场以及轴对齐包围盒的方式确定所述交互模型的单通道高度贴图上的相应位置。

在本发明的一些示例实施例中，基于前述方案，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹，包括：基于所述局部坐标点的纹理坐标采用bresenham方式在所述交互模型的单通道高度贴图上生成对应的交互轨迹。

在本发明的一些示例实施例中，基于前述方案，根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果，包括：使用sobel算子将所述单通道高度贴图转换为对应的法线贴图；基于所述法线贴图，使用基于物理的渲染管线对所述交互模型进行绘制，以呈现所述交互操作在所述交互模型上的交互结果。

在本发明的一些示例实施例中，基于前述方案，所述交互方法还包括：响应于所述交互操作的结束，将已存储的所述纹理坐标的系列数据进行序列化并上传到服务端。

在本发明的一些示例实施例中，基于前述方案，所述交互方法还包括：响应于清理所有交互轨迹的操作，将所述单通道高度贴图重新恢复为原始的单通道高度贴图。

根据本发明实施例的第二方面，提供了一种交互装置，包括：获取单元，用于响应于交互模型上的交互操作，以帧为单位获取所述交互操作的交互位置；纹理坐标获取单元，用于根据所述交互位置，获取在所述交互模型上相应的局部坐标点的纹理坐标；修改单元，用于基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹；显示单元，用于根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果。

根据本发明的第三方面，提供一种电子设备，包括：处理器；以及存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时实现根据上述任意一项所述的交互方法。

根据本发明的第四方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现根据上述任意一项所述的交互方法。

在本发明的示例实施例中的交互方法，在检测到用户进行交互操作时，以帧为单位获取该交互操作在屏幕上的交互位置投影在交互模型上的局部坐标点；根据获得的局部坐标点以及其对应的三角形面片顶点的纹理坐标的映射关系确定局部坐标点的纹理坐标；根据前一帧与当前帧的局部坐标点的纹理坐标在交互模型的单通道高度贴图上生成对应的交互轨迹；将修改后的单通道高度贴图计算生成法线贴图，根据法线贴图显示交互操作在交互模型上的交互结果。一方面，以帧为单位获取交互操作作用在交互模型上的局部坐标点，能够实时获取用户的交互操作在模型上的作用点；另一方面，基于当前帧与上一帧的局部坐标点的纹理坐标在交互模型的单通道高度贴图上生成对应的交互轨迹，能够实时地记录交互操作在模型上的交互轨迹；再一方面，根据修改后的单通道高度贴图生成法线贴图，通过法线贴图显示交互的效果，能够根据用户的交互操作对模型进行实时修改，提高了场景的真实感以及用户的交互使用体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1示意性示出了根据本发明的一些实施例的交互方法流程的示意图；

图2示意性示出了根据本发明的一些实施例的bresenham画线方法原理的示意图；

图3示意性示出了根据本发明的一些实施例的带符号距离场的原理的示意图；

图4示意性示出了根据本发明的一些实施例的轴对齐包围盒的原理的示意图；

图5示意性示出了根据本发明的一些实施例的sobel卷积因子计算像素颜色的权重表示的示意图；

图6示意性示出了根据本发明的一些实施例的应用法线贴图模型的示意图；

图7示意性示出了根据本发明的一些实施例的用户交互生成的单通道高度贴图的示意图；

图8示意性示出了根据本发明的一些实施例的使用sobel算子将单通道高度贴图转换为法线贴图的示意图；

图9示意性示出了根据本发明的一些实施例的将计算得到的法线贴图与模型原有法线贴图叠加的示意图；

图10示意性示出了根据本发明的一些实施例的加入模型其他贴图进行基于物理的渲染技术计算最终模型绘制效果的示意图；

图11示意性示出了根据本发明的一些实施例的本发明应用于三维场景的示意图；

图12示意性示出了根据本发明的一些实施例的交互装置的示意图；

图13示意性示出了根据本发明的一些实施例的电子设备的计算机系统的结构示意图；

图14示意性示出了根据本发明的一些实施例的计算机可读存储介质的示意图。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本发明将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本发明的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本发明的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本发明的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。

在本示例性实施例中，首先提供了一种交互方法，图1示意性示出了根据本发明的一些实施例的交互方法流程的示意图。参考图1中所示，该交互方法可以包括以下步骤：

步骤s110，响应于交互模型上的交互操作，以帧为单位获取所述交互操作的交互位置；

步骤s120，根据所述交互位置，获取在所述交互模型上相应的局部坐标的纹理坐标；

步骤s130，基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹；

步骤s140，根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果。

根据本示例性实施例中的交互方法，一方面，以帧为单位获取交互操作作用在交互模型上的局部坐标点，能够实时获取用户交互操作在模型上的作用点；另一方面，基于当前帧与上一帧的局部坐标点的纹理坐标在交互模型的单通道高度贴图上生成对应的交互轨迹，能够实时地记录交互操作在模型上的交互轨迹；再一方面，根据修改后的单通道高度贴图生成法线贴图，通过法线贴图显示交互的效果，能够根据用户的交互操作对模型进行实时修改，提高了场景的真实感以及用户的交互使用体验。

下面，将对本示例性实施例中的交互方法进行进一步的说明。

在步骤s110中，响应于交互模型上的交互操作，以帧为单位获取所述交互操作的交互位置。

在本发明的一种示例实施例中，在检测到用户进行交互操作时，检测该交互操作在屏幕上的交互位置，例如当用户使用手指进行拖动操作时，手指在屏幕上的拖动轨迹即为用户在屏幕上的交互位置，以帧为单位获取该交互位置的信息，并根据该交互位置确定其投影在交互模型上的局部坐标点。

在本发明的一种示例实施例中，根据用户在屏幕上的交互位置确定该交互位置对应的屏幕坐标，该屏幕坐标是将终端设备的屏幕作为有边界的平面预先设置的坐标，根据交互位置的屏幕坐标计算确定该交互位置在三维场景中的世界坐标中对应的射线。通过射线检测(raycast)，获取世界坐标中第一个与射线相交的模型以及射线与模型表面相交的交点，并获得该交点所在局部坐标对应的三角形面片的信息以及交点的世界坐标pworld，该三角形面片是指三维建模软件中构成不规则物体模型的面，即不规则物体模型是由大量的三角形面片连接构成的。

进一步地，预计算交互模型的世界变换矩阵mworld，根据模型的世界变换矩阵mworld，计算对应的逆矩阵minverse，根据世界变换矩阵mworld以及逆矩阵minverse，计算交点的世界坐标pworld在模型的局部坐标点plocal，计算关系如式(1)：

plocal＝pworld×minverse(1)

其中，plocal为与射线和模型的交点的世界坐标对应的模型上的局部坐标，pworld为射线与模型相交的交点的世界坐标，minverse为模型的世界变化矩阵mworld的逆矩阵。

在步骤s120中，根据所述交互位置，获取在所述交互模型上相应的局部坐标点的纹理坐标。

在本发明的一种示例实施例中，获取与交点的世界坐标对应的相交三角形面片顶点的局部坐标和纹理坐标(uv坐标)信息，根据三角形面片顶点的局部坐标和纹理坐标计算变换矩阵muv，基于变换矩阵muv和交互模型上的局部坐标点，计算与交互模型上的局部坐标点对应的纹理坐标puv，计算关系如下式(2)：

puv＝muv×plocal(2)

其中，puv为交互模型的局部坐标点对应的纹理坐标，muv为坐标变换矩阵，plocal为为交互模型的局部坐标点的坐标。

在步骤s130中，基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹。

在本发明的一种示例实施例中，预先为该交互模型的材质通道初始化一张白色单通道高度贴图(heightmap)，此处将该单通道高度贴图的高度归一化为0-1，其中，1代表白色，0代表黑色，白色单通道高度贴图表示全图为最高点，交互时只能向物体内部进行雕刻即下凹，黑色单通道高度贴图表示全图为最低点，交互时只能向物体外部进行雕刻即上凸。根据步骤s120中计算局部坐标点对应的纹理坐标的方法，计算当前帧纹理坐标puv1，并获取上一帧的纹理坐标puv2，根据获取的纹理坐标puv1以及puv2在单通道高度贴图上绘制线段(puv1，puv2)。

在本发明的一种示例实施例中，根据当前帧与上一帧的所述局部坐标点的纹理坐标采用bresenham画线方法在交互模型的单通道高度贴图上生成对应的交互轨迹。该bresenham画线方法是由bresenham提出的一种精确有效的光栅线生成算法，该算法仅使用增量整数计算，例如参考图2所示，在x的遍历范围内，根据斜率调整y的值，不需要浮点计算，但是该方法生成的线条锯齿较多。

在本发明的另一种示例实施例中，根据当前帧与上一帧的局部坐标点的局部坐标点的纹理坐标采用带符号距离场(signeddistancefunction，sdf)方式来确定交互模型的单通道高度贴图上的交互区域，通过更改交互区域上对应像素的颜色以生成对应的交互轨迹，例如将纹理坐标对应的区域改为黑色。通过采用带符号距离场，能够使用户的交互轨迹更平滑。

参考图3所示，以一个圆的sdf为例，在图3左图的圆中，每个像素位置的sdf值代表了到圆这个边界的距离，圆内部的sdf值为负，圆外部的sdf值为正。图3中右图显示了该圆的符号距离场在2d中的分布，其圆形边界上为均匀过渡，能够使得在单通道高度贴图即heightmap画线更平滑，具有抗锯齿的作用。

进一步地，还可以结合sdf以及线段(puv1，puv2)的轴对齐包围盒(axisalignedboundingbox，aabb)的方式来用cpu模拟gpu光栅化时的超采样(supersampling)过程，确定交互模型的单通道高度贴图上的交互区域，通过更改交互区域上对应像素的颜色以生成对应的交互轨迹。通过轴对齐包围盒的方式，只需要更新单通道高度贴图纹理上aabb内部的像素颜色，从而能够减少每帧的像素计算量，提高系统的计算效率。

参考图4所示，由于在每一帧的时间内例如0.033s，用户交互轨迹可移动的距离往往较短，假设用户交互位置由a已到了b，那么只需要更新heightmap纹理上aabb内部的像素颜色就可以结束该帧的计算，与整个纹理的重计算相比较，可以减少大量的计算。

在步骤s140中，根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果。

在本发明的一种示例实施例中，在gpu中使用sobel算子(sobeloperator)将根据用户的交互位置更改后的单通道高度贴图转换为对应的法线贴图，该sobel算子主要用于边缘检测，是一种离散性差分算子，用来运算图像亮度函数的灰度近似值。在使用sobel卷积因子在计算每个像素的颜色时，需要采样该像素位置周围九个像素点的颜色，权重表示参考图5所示，详细的计算公式如式(3)、式(4)所示：

gx＝(-1)×f(x-1,y-1)+0*f(x,y-1)+1*f(x+1,y-1)

+(-2)*f(x-1,y)+0*f(x,y)+2*f(x+1,y)

+(-1)*f(x-1,y+1)+0*f(x,y+1)+1*f(x+1,y+1)

＝[f(x+1,y-1)+2*f(x+1,y)+f(x+1,y+1)]-[f(x-1,y-1)+2*f(x-1,y)+f(x-1,y+1)](3)

gy＝1×f(x-1,y-1)+2*f(x,y-1)+1*f(x+1,y-1)

+0*f(x-1,y)+0*f(x,y)+0*f(x+1,y)

+(-1)*f(x-1,y+1)+(-2)*f(x,y+1)+(-1)*f(x+1,y+1)

＝[f(x+1,y-1)+2*f(x,y-1)+f(x+1,y-1)]-[f(x-1,y+1)+2*f(x,y+1)+f(x+1,y+1)](4)

其中，f(x,y)表示(x,y)点的单通道高度贴图的颜色，而gx，gy则表示计算得到的(x,y)处的法线贴图的颜色值。根据计算得到的法线贴图，使用原有的pbr(physicallybasedrendering，基于物理的渲染)管线对交互模型进行绘制，以显示交互操作在交互模型上的交互结果。例如参考图6所示，图6示意性示出了根据本发明的一些实施例的应用法线贴图模型的示意图，可以观察到经过法线贴图的修改，模型表面的凹凸感更加接近于现实，提升了模型的真实感。

需要说明的是，上述步骤可以一部分在cpu中执行，一部分在gpu中执行，也可以全部在gpu中执行，本发明对此不进行特殊限定。

参考图7所示，图7是根据用户的交互轨迹对单通道高度贴图进行修改后的示意图；参考图8所示，图8中是将图7得到的根据用户交互轨迹更改的单通道高度贴图经过sobel算子转化为法线贴图；参考图9所示，图9是将图8计算得到的法线贴图与模型原有的法线贴图进行叠加得到的；参考图10所示，给图9得到的叠加的法线贴图加入模型的其他贴图例如颜色贴图(albedomap)和混合贴图(mixmap)，然后进行pbr计算得到图10，图10为最终的模型绘制效果；参考图11所示，图11是将本发明的示例实施例应用于三维场景，与三维场景中的“沙地”进行交互的效果示意图。

进一步地，在本发明的一种示例实施例中，当检测到用户停止拖动操作，即不需要再进行纹理修改时，此时将得到的纹理坐标的系列数据例如(puv1，puv2，puv3……)进行序列化并上传到服务端或者以文件形式存储在本地，对用户的交互结果进行保存，使得在下次进入场景时依然能够看到上次的交互结果。

与对整个图像的保存相比，本发明的示例实施例采用轨迹保存的方法，保存的轨迹是每帧记录一次的用户拖动轨迹，例如该轨迹的形式为[<0.1，0.2><0.3，0.2><0.4，0.3>……<-1，-1>]，记录了每个点在图上的纹理坐标<x，y>位置，x，y的范围均可以为0至1，<-1，-1>表示一笔结束。该方法能够以较少的内存资源保存比较复杂的交互结果，能够做到完整的存储和效果同步。例如对于512*512的贴图，以轨迹保存的方法可以节省99％以上的空间占用。

此外，在本发明的一种示例实施例中，在检测到用户执行清理所有交互轨迹的操作指令时，将根据用户交互轨迹更改后单通道高度贴图重新恢复为原始的白色单通道高度贴图，即令该单通道高度贴图全图的高度恢复为1，还原根据用户交互轨迹修改的区域。

进一步的，上述步骤中初始化的白色单通道高度贴图，完成的用户交互以例如雕刻或沙地作画等使模型表面凹陷的交互为主。如果需要使模型表面凸起，则需要预计算生成黑色的单通道高度贴图，在进行交互时，将用户交互轨迹对应的纹理坐标处改为白色。

需要说明的是，尽管在附图中以特定顺序描述了本发明中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

此外，在本示例实施例中，还提供了一种交互装置。参照图12所示，该交互装置包括：获取单元1210、纹理坐标获取单元1220、修改单元1230以及显示单元1240。其中：获取单元1210用于响应于交互模型上的交互操作，以帧为单位获取所述交互操作的交互位置；纹理坐标获取单元1220用于根据所述交互位置，获取在所述交互模型上相应的局部坐标点的纹理坐标；修改单元1230用于基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹；显示单元1240用于根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果。

在本发明的一种示例性实施例中，基于前述方案，纹理坐标获取单元1220包括：屏幕坐标获取单元，用于获取所述交互位置的屏幕坐标，确定所述屏幕坐标在三维场景的世界坐标系中对应的射线；世界坐标确定单元，用于确定所述射线在所述世界坐标系中与所述交互模型的交点的世界坐标；局部坐标点确定单元，用于根据所述交点的世界坐标确定所述交互位置投影在所述交互模型上的局部坐标点；纹理坐标确定单元，用于基于所述局部坐标点与对应的三角形面片顶点的纹理坐标的映射关系，确定所述局部坐标点的纹理坐标。

在本发明的一种示例性实施例中，基于前述方案，局部坐标点确定单元被配置为：根据所述交互模型的世界变换矩阵，确定对应的逆矩阵；基于所述交点的世界坐标和所述逆矩阵，确定所述交互位置投影在所述交互模型上的局部坐标点。

在本发明的一种示例性实施例中，基于前述方案，纹理坐标确定单元被配置为：获取与所述交点的世界坐标对应的相交三角形面片顶点的局部坐标和纹理坐标；根据所述三角形面片顶点的局部坐标和纹理坐标确定变换矩阵；基于所述变换矩阵和所述交互模型上的局部坐标点，确定与所述交互模型上的局部坐标点对应的纹理坐标。

在本发明的一种示例性实施例中，基于前述方案，修改单元1230包括：交互区域确定单元，用于基于所述局部坐标点的纹理坐标采用带符号距离场的方式确定所述交互模型的单通道高度贴图上的相应位置；更改单元，用于修改所述相应位置上对应像素的颜色。

在本发明的一种示例性实施例中，基于前述方案，交互区域确定单元被配置为：采用带符号距离场以及轴对齐包围盒的方式确定所述交互模型的单通道高度贴图上的交互区域。

在本发明的一种示例性实施例中，基于前述方案，修改单元1230被配置为：基于所述局部坐标点的纹理坐标采用bresenham方式在所述交互模型的单通道高度贴图上生成对应的交互轨迹。

在本发明的一种示例性实施例中，基于前述方案，显示单元1240被配置为：使用sobel算子将所述单通道高度贴图转换为对应的法线贴图；基于所述法线贴图，使用基于物理的渲染管线对所述交互模型进行绘制，以显示所述交互操作在所述交互模型上的交互结果。

在本发明的一种示例性实施例中，基于前述方案，所述交互装置被配置为：响应于所述交互操作的结束，将已存储的所述纹理坐标的系列数据进行序列化并上传到服务端。

在本发明的一种示例性实施例中，基于前述方案，所述交互装置被配置为：响应于清理所有交互轨迹的操作，将所述单通道高度贴图重新恢复为原始的单通道高度贴图。

上述中交互装置各模块的具体细节已经在对应的交互方法中进行了详细的描述，因此此处不再赘述。

应当注意，尽管在上文详细描述中提及了交互装置的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

此外，在本公开的示例性实施例中，还提供了一种能够实现上述交互方法的电子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施例、完全的软件实施例(包括固件、微代码等)，或硬件和软件方面结合的实施例，这里可以统称为“电路”、“模块”或“系统”。

下面参照图13来描述根据本发明的这种实施例的电子设备1300。图13所示的电子设备1300仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图13所示，电子设备1300以通用计算设备的形式表现。电子设备1300的组件可以包括但不限于：上述至少一个处理单元1310、上述至少一个存储单元1320、连接不同系统组件(包括存储单元1320和处理单元1310)的总线1330、显示单元1340。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元1310执行，使得所述处理单元1310执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。例如，所述处理单元1310可以执行如图1中所示的步骤s110，响应于交互模型上的交互操作，以帧为单位获取所述交互操作的交互位置；步骤s120，根据所述交互位置，获取在所述交互模型上相应的局部坐标点的纹理坐标；步骤s130，基于所述局部坐标点的纹理坐标修改所述交互模型的单通道高度贴图上相应位置的颜色，以在所述交互模型的单通道高度贴图上生成相应的交互轨迹；步骤s140，根据生成所述交互轨迹的所述单通道高度贴图，获取对应的法线贴图，以呈现所述交互操作在所述交互模型上的交互结果。

存储单元1320可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)1321和/或高速缓存存储单元1322，还可以进一步包括只读存储单元(rom)1323。

存储单元1320还可以包括具有一组(至少一个)程序模块1325的程序/实用工具1324，这样的程序模块1325包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线1330可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备1300也可以与一个或多个外部设备1370(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1300交互的设备通信，和/或与使得该电子设备1300能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口1350进行。并且，电子设备1300还可以通过网络适配器1360与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器1360通过总线1330与电子设备1300的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1300使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施例的页面切换方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质1400，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施例中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。

参考图14所示，描述了根据本发明的实施例的用于实现上述交互方法的程序产品1400，其可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、c++等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(lan)或广域网(wan)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本公开实施例的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。