CN117671102A - 排线轮廓的绘制方法、装置、电子设备和存储介质 - Google Patents

Abstract

本公开提供了一种排线轮廓的绘制方法、装置、电子设备和存储介质；该方式中，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

Description

排线轮廓的绘制方法、装置、电子设备和存储介质

技术领域

本公开涉及渲染技术领域，尤其是涉及一种排线轮廓的绘制方法、装置、电子设备和存储介质。

背景技术

模型的轮廓描边效果是一种常见的显示效果，现有的轮廓渲染技术通常是复制一个相同的模型，将这个模型的背景剔除后放大，再与原模型重合，从而形成模型的轮廓显示效果。这种方式能够获取的轮廓形式效果有限，难以灵活地获得不同排线形式的轮廓，存在局限性过大的技术问题。

发明内容

有鉴于此，本公开的目的在于提供一种排线轮廓的绘制方法、装置、电子设备和存储介质，以灵活地获得不同的模型排线轮廓。

第一方面，本公开实施例提供了一种排线轮廓的绘制方法，方法包括：响应于针对包含目标对象的场景的渲染指令，得到包含所述目标对象的初始场景图像；对原始空间贴图进行旋转和拉伸，得到第一空间贴图；所述原始空间贴图包括屏幕空间坐标；所述原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；对所述原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；对所述第二空间贴图和所述线条纹理贴图进行叠加处理，得到第三空间贴图；获得目标对象的深度纹理贴图；所述深度纹理贴图用于表征：所述目标对象在所述场景中的深度信息；基于所述第三空间贴图，对所述深度纹理贴图进行采样，得到目标遮罩图；对所述初始场景图像和所述目标遮罩图进行叠加处理，得到目标场景图像；所述目标场景图像包含所述目标对象的排线轮廓。

第二方面，本公开实施例提供了一种排线轮廓的绘制装置，装置包括：场景渲染模块，用于响应于针对包含目标对象的场景的渲染指令，得到包含所述目标对象的初始场景图像；旋转拉伸模块，用于对原始空间贴图进行旋转和拉伸，得到第一空间贴图；所述原始空间贴图包括屏幕空间坐标；所述原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；第一采样模块，用于通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；轮廓扩展模块，用于对所述原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；线条获得模块，用于对所述第二空间贴图和所述线条纹理贴图进行叠加处理，得到第三空间贴图；贴图获取模块，用于获得目标对象的深度纹理贴图；所述深度纹理贴图用于表征：所述目标对象在所述场景中的深度信息；第二采样模块，用于基于所述第三空间贴图，对所述深度纹理贴图进行采样，得到目标遮罩图；融合渲染模块，用于对所述初始场景图像和所述目标遮罩图进行叠加处理，得到目标场景图像；所述目标场景图像包含所述目标对象的排线轮廓。

第三方面，本公开实施例提供了一种电子设备，包括处理器和存储器，存储器存储有能够被处理器执行的机器可执行指令，处理器执行机器可执行指令以实现上述排线轮廓的绘制方法。

第四方面，本公开实施例提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机可执行指令，计算机可执行指令在被处理器调用和执行时，计算机可执行指令促使处理器实现上述排线轮廓的绘制方法。

本公开实施例带来了以下有益效果：

上述排线轮廓的绘制方法、装置、电子设备和存储介质，响应于针对包含目标对象的场景的渲染指令，得到包含所述目标对象的初始场景图像；对原始空间贴图进行旋转和拉伸，得到第一空间贴图；所述原始空间贴图包括屏幕空间坐标；所述原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；对所述原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；对所述第二空间贴图和所述线条纹理贴图进行叠加处理，得到第三空间贴图；获得目标对象的深度纹理贴图；所述深度纹理贴图用于表征：所述目标对象在所述场景中的深度信息；基于所述第三空间贴图，对所述深度纹理贴图进行采样，得到目标遮罩图；对所述初始场景图像和所述目标遮罩图进行叠加处理，得到目标场景图像；所述目标场景图像包含所述目标对象的排线轮廓。该方式中，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

本公开的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本公开而了解。本公开的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

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

图1为本公开实施例中排线轮廓的绘制方法的一个实施例流程图；

图2为本公开实施例中排线轮廓的绘制方法的一个示意图；

图3为本公开实施例中排线轮廓的绘制方法的一个示意图；

图4为本公开实施例中排线轮廓的绘制方法的一个示意图；

图5为本公开实施例中排线轮廓的绘制方法的一个示意图；

图6为本公开实施例中排线轮廓的绘制方法的一个示意图；

图7为本公开实施例中排线轮廓的绘制方法的一个示意图；

图8为本公开实施例中排线轮廓的绘制方法的一个示意图；

图9为本公开实施例中排线轮廓的绘制方法的一个示意图；

图10为本公开实施例中排线轮廓的绘制方法的另一个实施例流程图；

图11为本公开实施例中排线轮廓的绘制方法的一个示意图；

图12为本公开实施例提供的一种排线轮廓的绘制装置的示意图；

图13为本公开实施例提供的一种电子设备的示意图。

具体实施方式

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

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

为便于理解，下面对本公开实施例的具体流程进行描述，请参阅图1，本公开实施例中排线轮廓的绘制方法的一个实施例包括：

步骤S10、响应于针对包含目标对象的场景的渲染指令，得到包含目标对象的初始场景图像；

本实施方式中，在触发针对包含目标对象的场景的渲染指令时，对场景进行渲染，得到包含目标对象的初始场景图像。可以理解的是，初始场景图像是场景的初始渲染结果，除了未包含目标对象的排线轮廓之外，其余的材质均渲染完成，本实施方式使得目标对象的排线轮廓的绘制与目标对象的材质渲染分开，目标对象原有的材质得以完全保留，不会丢失，排线轮廓的绘制效果更佳。

步骤S20、对原始空间贴图进行旋转和拉伸，得到第一空间贴图；原始空间贴图包括屏幕空间坐标；原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；

需要说明的是，目标对象是处于场景中的模型，本发明实施例渲染获得的是目标对象的排线轮廓，其中，排线是素描中一种特定排布方式的线条，例如相互平行的线条组成的排线，排线轮廓是一种由排线组成的轮廓。需要说明的是，排线的不同表现形式可以通过排线的绘制方向、宽度、颜色、线条粗细和线条密度等参数控制，本发明实施例可以在渲染过程中灵活改变以上参数，获得不同表现形式的排线轮廓。本步骤中，针对原始空间贴图的旋转方向可以影响最终渲染得到的排线轮廓的绘制方向，例如，假设本步骤将原始空间贴图以中心点为旋转中心，向右旋转30°，那么，最终渲染得到的排线轮廓中的每条线条相对于平行线以线条的中心点为旋转中心，向右旋转30°，具体此处不做限定。对原始空间贴图的拉伸是用于后续将噪点法线贴图中的噪点拉伸为线条，本步骤中，对原始空间贴图进行旋转和拉伸的先后顺序不做限定，先旋转，再拉伸，或先拉伸，再旋转均可。

在一种实施方式中，为了降低排线轮廓的渲染对场景或对象原有材质的渲染影响，本发明实施例的步骤S20-步骤S80是在渲染管线的后处理阶段(Post ProcessingStage)执行，也就是在整个场景已经被渲染为初始场景图像之后执行，因此，在后处理阶段，采用屏幕空间坐标系相较于其它空间坐标系具有更高的处理效率。需要说明的是，原始空间贴图中包含屏幕空间坐标，该屏幕空间坐标的范围是[0,1]，在一种实施方式中，将屏幕空间坐标的坐标值映射到贴图的RG通道，从而获得原始空间贴图，屏幕空间坐标可以以屏幕的任意一个顶点为原点，在一种实施方式中，屏幕空间坐标的原点为屏幕的左下角，屏幕空间坐标的原点映射到贴图的RG通道值分别为0和0(表现为黑色)，屏幕空间坐标的(0,1)坐标值映射到RG通道值分别为0和255(表现为绿色)，屏幕空间坐标的(1,0)坐标值映射到RG通道值分别为255和0(表现为红色)，屏幕空间坐标的(1,1)坐标值映射到RG通道值分别为255和255(表现为黄色)，因此，可见原始空间贴图的左下角为黑色，左上角绿色，右上角为黄色，右下角为红色，其它坐标点为线性插值的色值。可以理解的是，除了RG通道，屏幕空间坐标的坐标值还可以映射到贴图的其它通道，如RB通道、GB通道等，具体此处不做限定。

需要说明的是，在对原始空间贴图进行旋转时，旋转中心和旋转角度均可以自由设定，作为示例而非限定的是，假设本步骤对上述坐标值映射到RG通道的原始空间贴图进行旋转，旋转中心为原始空间贴图的中心点(0.5,0.5)，旋转角度为180°，那么，得到的第一空间贴图表现为：右上角为黑色、右下角为绿色、左下角为黄色、左上角为红色、其它坐标点仍然为线性插值的色值。

本实施方式中，针对逐帧渲染的场景，本发明实施例也同样具有逐帧渲染的实时性，具体的，渲染指令是针对当前帧的场景中的目标对象，所获得的场景对象渲染结果也是当前帧的场景对象渲染结果，使得排线轮廓可以跟随目标对象的形态改变而随之改变，并完全贴合目标对象。

在一种实施方式中，可以定义二维向量对原始空间贴图进行拉伸，其中，二维向量用于指示排线线条的线条粗细和线条密度，还可以通过不同的二维向量对原始空间贴图进行不止一次的拉伸，以获得更符合需求的排线线条。

步骤S30、通过第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；

本实施方式中，噪点法线贴图是一种表现为噪点的法线贴图，作为示例而非限定的是，图2是一种噪点法线贴图的示意图，由该示意图可以看出，噪点法线贴图上布满噪点，经过旋转和拉伸的原始空间贴图(即第一空间贴图)对噪点法线贴图进行采样，可以使噪点法线贴图中的噪点拉伸为特定倾斜角度的线条，其中，特定倾斜角度与原始空间贴图的旋转角度相同，从而获得线条纹理贴图，线条纹理贴图是一种带噪点拉伸效果的纹理贴图。作为示例而非限定的是，如果通过未进行拉伸，只进行旋转的原始空间贴图对图2所示的噪点法线贴图进行采样，得到的采样结果如图3所示，而如果通过第一空间贴图对图2所示的噪点法线贴图进行采样，得到的采样结果则如图4所示，即为带噪点拉伸效果的线条纹理贴图。需要说明的是，由于所有法线的指向都偏向z轴(0,0,1)，因此，噪点法线贴图也是一种偏蓝色调的贴图，也就是图2、3和4的色调均为偏蓝色调(图中为表示)。在一种实施方式中，为了简化数据，在步骤S20之后，还可以只取线条纹理贴图RG通道的色值，B通道的色值设置为0，以便于与表征屏幕空间坐标的贴图(包括但不限于原始空间贴图、第一空间贴图、第二空间贴图和第三空间贴图)进行计算，提高渲染效率。

步骤S40、对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；

本步骤中，为了获得相对于目标对象向外扩、且有一定宽度的排线轮廓，将原始空间贴图中的每个像素向至少两个方向偏移，从而得到第二空间贴图，针对原始空间贴图的偏移程度用于指示排线轮廓的宽度，也就是第二空间贴图中的像素偏移程度指示最终渲染得到的排线轮廓的宽度。需要说明的是，偏移的方向代表了轮廓的扩张方向，可以向任意至少两个不同的方向偏移，具体此处不做限定。

步骤S50、对第二空间贴图和线条纹理贴图进行叠加处理，得到第三空间贴图；

本实施方式中，将第二空间贴图和线条纹理贴图叠加，即可得到包含线条纹理的第三空间贴图，其中，第三空间贴图中的线条具有以上设定的多种属性，包括绘制方向(由原始空间贴图的旋转方向指示)、宽度(由原始空间贴图的偏移程度指示)、线条粗细和线条密度(由拉伸任一空间贴图时使用的二维向量指示)，使得排线轮廓可以渲染为任意样式，灵活性强。

作为示例而非限定的是，图5所示为一种第三空间贴图的示意图，由图5可见，第三空间贴图带有线条纹理，并且是具有以上设定的多种属性的线条纹理，与最终渲染结果中的排线轮廓效果相近。需要说明的是，如果原始空间贴图为屏幕空间坐标值映射到RG通道的颜色贴图，那么，图5也表现为RG通道的颜色(图中未示出)。

步骤S60、获得目标对象的深度纹理贴图；深度纹理贴图用于表征：目标对象在场景中的深度信息；

本实施方式中，由于目标对象处于3D的场景中，存在对应的深度信息，对象的深度信息通常在渲染管线的后处理阶段之前已经被以贴图的数据格式记录在帧缓冲(Framebuffer)区，在需要的时候，直接从帧缓冲区读取目标对象的深度纹理贴图即可，无需重复生成。

步骤S70、基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图；

本实施方式中，通过第三空间贴图对深度纹理贴图进行采样，即可获得带目标对象排线轮廓和遮罩的目标遮罩图。作为示例而非限定的是，图6所示为一种人型模型目标对象的目标遮罩图，由该图可以看出，目标遮罩图人型遮罩的外围显示有排线轮廓，且为黑白色图像，便于后续与场景进行融合渲染。

在一种实施方式中，为了获得目标对象与排线轮廓的色值不同的目标遮罩图，本步骤还可以通过第三空间贴图和原始空间贴图分别对深度纹理贴图进行采样，获得目标对象的对象遮罩图、以及目标对象与排线轮廓结合的整体遮罩图，再根据对象遮罩图，将整体遮罩图中目标对象的遮罩剔除(色值设为0)，得到目标遮罩图。作为示例而非限定的是，图7为一种对象遮罩图的示意图，根据图7，将图6中的对象遮罩部分的色值设置为0，即可得到图8所示的目标遮罩图。图8中除了排线轮廓之外均为黑色(色值为0)，便于与场景中目标对象的原始色彩叠加，排线轮廓也因此与目标对象完全贴合，渲染效果更佳。

步骤S80、对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像；目标场景图像包含目标对象的排线轮廓。

本实施方式中，获得目标遮罩图之后，将目标遮罩图与初始场景图像叠加，即可得到目标对象带排线轮廓的场景对象渲染结果，也就是整个场景的目标场景图像，目标场景图像中的目标对象含有排线轮廓。作为示例而非限定的是，图9所示为一种带排线轮廓的目标场景图像的示意图，由图9可见，人型模型的自身材质完整保留，围绕有排线轮廓，排线具有以上设定的多种属性，可见本发明具有渲染方式灵活、渲染效果佳等方面的优势。

上述实施方式提供的排线轮廓的绘制方法，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

请参阅图10，本公开实施例中排线轮廓的绘制方法的另一个实施例包括：

步骤S1001、响应于针对包含目标对象的场景的渲染指令，得到包含目标对象的初始场景图像；

该步骤S1001的执行过程与步骤S10的执行过程相似，具体此处不再赘述。

步骤S1002、对原始空间贴图进行旋转和拉伸，得到第一空间贴图；原始空间贴图包括屏幕空间坐标；原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；

在一种实施方式中，步骤S1002包括：以原始空间贴图的任一坐标点为旋转中心，对原始空间贴图进行预设角度的旋转，得到旋转空间贴图；预设角度用于指示轮廓排线的倾斜角度；将旋转空间贴图与预设第一向量相乘，得到第一空间贴图；预设第一向量用于指示排线轮廓的线条粗细和线条密度。本实施方式中，首先将原始空间贴图绕任一坐标点旋转预设角度，得到旋转空间贴图，再将旋转空间贴图与预设第一向量相乘，以拉伸上述的旋转空间贴图，得到第一空间贴图，其中，预设第一向量为二维向量，将旋转空间贴图中各个像素的U坐标值和V坐标值分别与二维向量相乘，即可获得具有拉伸效果的第一空间贴图。可以理解的是，不同的二维向量与旋转空间贴图相乘，可以在后续获得不同线条粗细和不同线条密度的排线轮廓，通过改变预设第一向量，即可影响最终渲染得到的排线轮廓的线条粗细和线条密度。需要说明的是，对预设角度可以影响最终渲染得到的排线轮廓的倾斜角度，使得最终渲染得到的排线轮廓不仅限于平行线，还可以是任意倾斜角度的斜线，更接近于真实的排线效果。

步骤S1003、通过第一空间贴图对预设的噪点法线贴图进行采样，得到初始的线条纹理贴图；

本实施方式中，由于第一空间贴图是经过旋转和拉伸处理的屏幕空间坐标图，因此，通过第一空间贴图采样预设的噪点法线贴图，即可获得初始的线条纹理贴图，初始的线条纹理贴图已经具有噪点拉伸效果，如图4所示可以是一种初始的线条纹理贴图，在一种实施方式中，还可以对初始的线条纹理贴图进行进一步的拉伸和/或旋转，以调整排线轮廓的倾斜角度、线条粗细以及线条密度。

步骤S1004、将初始的线条纹理贴图与预设第二向量相乘，得到线条纹理贴图；预设第二向量用于指示排线轮廓的线条粗细和线条密度；

本步骤中，为了进一步地提高排线轮廓的线条粗细和线条密度，还可以将初始的线条纹理贴图与预设的第二向量相乘，以获得线条更粗、密度更大的排线轮廓。需要说明的是，预设第二向量可以与初始的线条纹理贴图进行不止一次的相乘，每次相乘均可以提高排线轮廓的线条粗细和线条密度，具体此处不做限定。作为示例而非限定的是，假设图4为一种初始的线条纹理贴图，那么，图11所示即为本实施方式中一种初始的线条纹理贴图与预设第二向量相乘之后得到的带噪点拉伸效果的线条纹理贴图，对比图4和图11可以看出，图11中的线条较图4更粗，线条密度也更大。

步骤S1005、对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；

在一种实施方式中，步骤S1005包括：对原始空间贴图进行至少两个方向的预设偏移值偏移，得到第二空间贴图；至少两个方向中的方向两两相向；预设偏移值用于指示排线轮廓的宽度。本实施方式中，在对原始空间贴图进行多个方向的偏移时，至少进行2个方向同一预设偏移值的偏移，以获得第二空间贴图，其中，至少两个方向中的方向两两相向，例如，假设其中一个方向用二维向量表示为(0,1)，那么，与该方向相向的二维向量表示为(0,-1)，偏移的方向个数为2的倍数，如2、4、6、8等，具体此处不做限定。预设偏移值的大小就是最终渲染得到的排线轮廓的宽度，使得排线轮廓可以被渲染为不同的属性，灵活度高。

步骤S1006、对第二空间贴图和线条纹理贴图进行叠加处理，得到第三空间贴图；

本实施方式中，第二空间贴图与线条纹理贴图叠加，即可获得带线条纹理的第三空间贴图。

步骤S1007、获得目标对象的深度纹理贴图；深度纹理贴图用于表征：目标对象在场景中的深度信息；

在一种实施方式中，步骤S1007包括：通过预设的虚拟摄像机获取目标对象的深度信息；深度信息用于指示目标对象与虚拟摄像机之间的距离；对深度信息进行归一化处理，得到目标对象的深度纹理贴图。可以理解的是，由于目标对象处于场景中，与预设的虚拟摄像机存在一定的距离，而目标对象与虚拟摄像机之间的距离，即是目标对象在场景中的深度，深度纹理贴图即是用于存储目标对象在场景中的深度信息的贴图。需要说明的是，在渲染管线中，目标对象距离虚拟摄像机的距离可以记录在帧缓冲区中，以便于在渲染管线的后处理阶段，将深度信息用于排线轮廓的渲染。本实施方式中，通过预设的场景捕获组件，可以捕获虚拟摄像机与目标对象之间的距离，得到目标对象的深度信息，再将深度信息归一化到[0,1]的范围内，并存储为贴图，从而得到目标对象的深度纹理贴图。在一种实施方式中，深度纹理贴图存储为帧缓冲区中的渲染目标(Render Target)，渲染目标是一种可以在游戏运行中实时写入和采样的纹理贴图，能够提高排线轮廓渲染的实时性。

步骤S1008、基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图；

在一种实施方式中，步骤S1008包括：通过第三空间贴图对深度纹理贴图进行采样，得到带排线轮廓的第一遮罩图；通过原始空间贴图对深度纹理贴图进行采样，得到目标对象的第二遮罩图；第二遮罩图中目标对象的遮罩与第一遮罩图中目标对象的遮罩的色值相同；对第一遮罩图和第二遮罩图进行差值计算，得到目标遮罩图；目标遮罩图包括目标对象的排线轮廓。

本实施方式中，通过第三空间贴图采样深度纹理贴图，可以得到带排线轮廓的第一遮罩图，如图6所示即为一种第一遮罩图的示意图，再通过原始空间贴图采样深度纹理贴图，可以得到与目标对象形体相吻合的第二遮罩图，如图7所示即为一种第二遮罩图的示意图，将第一遮罩图和第二遮罩图中的每个像素进行差值计算，即可得到仅保留排线轮廓色值的目标遮罩图，如图8所示即为一种目标遮罩图。

步骤S1009、对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像；目标场景图像包含目标对象的排线轮廓。

在一种实施方式中，步骤S1007包括：将目标遮罩图设置为指定色值，得到指定色值的目标遮罩图；指定色值用于指示排线轮廓的颜色；对指定色值的目标遮罩图与初始场景图像进行叠加处理，得到目标场景图像。本实施方式中，在将目标遮罩图融合到场景中时，可以先将目标遮罩图与指定色值相乘，以获得排线轮廓为指定色值的目标遮罩图，再将指定色值的目标遮罩图融合到场景渲染后的初始场景图像中，从而得到带排线轮廓的场景对象渲染结果。需要说明的是，初始场景图像为场景在渲染管线的后处理阶段之前的渲染结果，整个场景已经被渲染到一个单独的图像时，也就是初始场景图像，本发明实施例渲染得到的排线轮廓是一种在后处理阶段的特效，渲染方式更简单。在一种实施方式中，可以通过Alpha通道将目标遮罩图与场景进行融合渲染，得到带排线轮廓的场景对象渲染结果。

上述实施方式提供的排线轮廓的绘制方法，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

对应于上述方法实施例，参见图12所示的一种排线轮廓的绘制装置的示意图，该装置包括：场景渲染模块1210，用于响应于针对包含目标对象的场景的渲染指令，得到包含目标对象的初始场景图像；旋转拉伸模块1220，用于对原始空间贴图进行旋转和拉伸，得到第一空间贴图；原始空间贴图包括屏幕空间坐标；原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；第一采样模块1230，用于通过第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；轮廓扩展模块1240，用于对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；线条获得模块1250，用于对第二空间贴图和线条纹理贴图进行叠加处理，得到第三空间贴图；贴图获取模块1260，用于获得目标对象的深度纹理贴图；深度纹理贴图用于表征：目标对象在场景中的深度信息；第二采样模块1270，用于基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图；融合渲染模块1280，用于对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像；目标场景图像包含目标对象的排线轮廓。

上述排线轮廓的绘制装置，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

可选的，上述旋转拉伸模块1220具体用于：以原始空间贴图的任一坐标点为旋转中心，对原始空间贴图进行预设角度的旋转，得到旋转空间贴图；预设角度用于指示轮廓排线的倾斜角度；将旋转空间贴图与预设第一向量相乘，得到第一空间贴图；预设第一向量用于指示排线轮廓的线条粗细和线条密度。

可选的，上述第一采样模块1230具体用于：通过第一空间贴图对预设的噪点法线贴图进行采样，得到初始的线条纹理贴图；将初始的线条纹理贴图与预设第二向量相乘，得到线条纹理贴图；预设第二向量用于指示排线轮廓的线条粗细和线条密度。

可选的，轮廓扩展模块1240具体用于：对原始空间贴图进行至少两个方向的预设偏移值偏移，得到第二空间贴图；至少两个方向中的方向两两相向；预设偏移值用于指示排线轮廓的宽度。

可选的，上述第二采样模块1270具体用于：通过第三空间贴图对深度纹理贴图进行采样，得到带排线轮廓的第一遮罩图；通过原始空间贴图对深度纹理贴图进行采样，得到目标对象的第二遮罩图；第二遮罩图中目标对象的遮罩与第一遮罩图中目标对象的遮罩的色值相同；对第一遮罩图和第二遮罩图进行差值计算，得到目标遮罩图；目标遮罩图包括目标对象的排线轮廓。

可选的，上述融合渲染模块1280具体用于：将目标遮罩图设置为指定色值，得到指定色值的目标遮罩图；指定色值用于指示排线轮廓的颜色；对指定色值的目标遮罩图与初始场景图像进行叠加处理，得到目标场景图像。

可选的，上述场景渲染模块1210具体用于：通过预设的虚拟摄像机获取目标对象的深度信息；深度信息用于指示目标对象与虚拟摄像机之间的距离；对深度信息进行归一化处理，得到目标对象的深度纹理贴图。

本实施例还提供一种电子设备，包括处理器和存储器，存储器存储有能够被处理器执行的机器可执行指令，处理器执行机器可执行指令以实现上述排线轮廓的绘制方法。该电子设备可以是服务器，也可以是终端设备。

参见图13所示，该电子设备包括处理器1300和存储器1301，该存储器1301存储有能够被处理器1300执行的机器可执行指令，该处理器1300执行机器可执行指令以实现上述排线轮廓的绘制方法。

进一步地，图13所示的电子设备还包括总线1302和通信接口1303，处理器1300、通信接口1303和存储器1301通过总线1302连接。

其中，存储器1301可能包含高速随机存取存储器(RAM，Random Access Memory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口1303(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。总线1302可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图13中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

处理器1300可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器1300中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器1300可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DigitalSignal Processor，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本公开实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器1301，处理器1300读取存储器1301中的信息，结合其硬件完成前述实施例的方法的步骤，例如：

响应于针对包含目标对象的场景的渲染指令，得到包含目标对象的初始场景图像；对原始空间贴图进行旋转和拉伸，得到第一空间贴图；原始空间贴图包括屏幕空间坐标；原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；通过第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；对第二空间贴图和线条纹理贴图进行叠加处理，得到第三空间贴图；获得目标对象的深度纹理贴图；深度纹理贴图用于表征：目标对象在场景中的深度信息；基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图；对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像；目标场景图像包含目标对象的排线轮廓。

该方式中，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

可选的，对原始空间贴图进行旋转和拉伸，得到第一空间贴图，包括：以原始空间贴图的任一坐标点为旋转中心，对原始空间贴图进行预设角度的旋转，得到旋转空间贴图；预设角度用于指示轮廓排线的倾斜角度；将旋转空间贴图与预设第一向量相乘，得到第一空间贴图；预设第一向量用于指示排线轮廓的线条粗细和线条密度。

可选的，通过第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图，包括：通过第一空间贴图对预设的噪点法线贴图进行采样，得到初始的线条纹理贴图；将初始的线条纹理贴图与预设第二向量相乘，得到线条纹理贴图；预设第二向量用于指示排线轮廓的线条粗细和线条密度。

可选的，对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图，包括：对原始空间贴图进行至少两个方向的预设偏移值偏移，得到第二空间贴图；至少两个方向中的方向两两相向；预设偏移值用于指示排线轮廓的宽度。

可选的，基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图，包括：通过第三空间贴图对深度纹理贴图进行采样，得到带排线轮廓的第一遮罩图；通过原始空间贴图对深度纹理贴图进行采样，得到目标对象的第二遮罩图；第二遮罩图中目标对象的遮罩与第一遮罩图中目标对象的遮罩的色值相同；对第一遮罩图和第二遮罩图进行差值计算，得到目标遮罩图；目标遮罩图包括目标对象的排线轮廓。

可选的，对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像，包括：将目标遮罩图设置为指定色值，得到指定色值的目标遮罩图；指定色值用于指示排线轮廓的颜色；对指定色值的目标遮罩图与初始场景图像进行叠加处理，得到目标场景图像。

可选的，获得目标对象的深度纹理贴图，包括：通过预设的虚拟摄像机获取目标对象的深度信息；深度信息用于指示目标对象与虚拟摄像机之间的距离；对深度信息进行归一化处理，得到目标对象的深度纹理贴图。

本实施例还提供一种计算机可读存储介质，计算机可读存储介质存储有计算机可执行指令，计算机可执行指令在被处理器调用和执行时，计算机可执行指令促使处理器实现上述排线轮廓的绘制方法，例如：

响应于针对包含目标对象的场景的渲染指令，得到包含目标对象的初始场景图像；对原始空间贴图进行旋转和拉伸，得到第一空间贴图；原始空间贴图包括屏幕空间坐标；原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；通过第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；对第二空间贴图和线条纹理贴图进行叠加处理，得到第三空间贴图；获得目标对象的深度纹理贴图；深度纹理贴图用于表征：目标对象在场景中的深度信息；基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图；对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像；目标场景图像包含目标对象的排线轮廓。

该方式中，通过对屏幕空间坐标指示的空间贴图进行旋转、拉伸、偏移等变换，控制所要获得的排线轮廓的绘制方向、宽度等属性，通过采样噪点法线贴图，获得带线条纹理的空间贴图，通过该空间贴图采样包含目标对象深度信息的纹理贴图，即可获得目标对象的排线轮廓遮罩，将遮罩融合叠加到已经渲染好的场景图像中，即可得到包含目标对象的排线轮廓的场景图像，排线轮廓的属性可以通过上述属性自由设定，可以灵活地获得不同的模型排线轮廓。

可选的，对原始空间贴图进行旋转和拉伸，得到第一空间贴图，包括：以原始空间贴图的任一坐标点为旋转中心，对原始空间贴图进行预设角度的旋转，得到旋转空间贴图；预设角度用于指示轮廓排线的倾斜角度；将旋转空间贴图与预设第一向量相乘，得到第一空间贴图；预设第一向量用于指示排线轮廓的线条粗细和线条密度。

可选的，通过第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图，包括：通过第一空间贴图对预设的噪点法线贴图进行采样，得到初始的线条纹理贴图；将初始的线条纹理贴图与预设第二向量相乘，得到线条纹理贴图；预设第二向量用于指示排线轮廓的线条粗细和线条密度。

可选的，对原始空间贴图进行至少两个方向的偏移，得到第二空间贴图，包括：对原始空间贴图进行至少两个方向的预设偏移值偏移，得到第二空间贴图；至少两个方向中的方向两两相向；预设偏移值用于指示排线轮廓的宽度。

可选的，基于第三空间贴图，对深度纹理贴图进行采样，得到目标遮罩图，包括：通过第三空间贴图对深度纹理贴图进行采样，得到带排线轮廓的第一遮罩图；通过原始空间贴图对深度纹理贴图进行采样，得到目标对象的第二遮罩图；第二遮罩图中目标对象的遮罩与第一遮罩图中目标对象的遮罩的色值相同；对第一遮罩图和第二遮罩图进行差值计算，得到目标遮罩图；目标遮罩图包括目标对象的排线轮廓。

可选的，对初始场景图像和目标遮罩图进行叠加处理，得到目标场景图像，包括：将目标遮罩图设置为指定色值，得到指定色值的目标遮罩图；指定色值用于指示排线轮廓的颜色；对指定色值的目标遮罩图与初始场景图像进行叠加处理，得到目标场景图像。

可选的，获得目标对象的深度纹理贴图，包括：通过预设的虚拟摄像机获取目标对象的深度信息；深度信息用于指示目标对象与虚拟摄像机之间的距离；对深度信息进行归一化处理，得到目标对象的深度纹理贴图。

本公开实施例所提供的排线轮廓的绘制方法、装置、电子设备及存储介质的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

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

另外，在本公开实施例的描述中，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域技术人员而言，可以具体情况理解上述术语在本公开中的具体含义。

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

在本公开的描述中，需要说明的是，术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本公开和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本公开的限制。此外，术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。

最后应说明的是：以上实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种排线轮廓的绘制方法，其特征在于，所述方法包括：

响应于针对包含目标对象的场景的渲染指令，得到包含所述目标对象的初始场景图像；

对原始空间贴图进行旋转和拉伸，得到第一空间贴图；所述原始空间贴图包括屏幕空间坐标；所述原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；

通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；

对所述原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；

对所述第二空间贴图和所述线条纹理贴图进行叠加处理，得到第三空间贴图；

获得目标对象的深度纹理贴图；所述深度纹理贴图用于表征：所述目标对象在所述场景中的深度信息；

基于所述第三空间贴图，对所述深度纹理贴图进行采样，得到目标遮罩图；

对所述初始场景图像和所述目标遮罩图进行叠加处理，得到目标场景图像；所述目标场景图像包含所述目标对象的排线轮廓。

2.根据权利要求1所述的方法，其特征在于，所述对原始空间贴图进行旋转和拉伸，得到第一空间贴图，包括：

以原始空间贴图的任一坐标点为旋转中心，对所述原始空间贴图进行预设角度的旋转，得到旋转空间贴图；所述预设角度用于指示轮廓排线的倾斜角度；

将所述旋转空间贴图与预设第一向量相乘，得到第一空间贴图；所述预设第一向量用于指示排线轮廓的线条粗细和线条密度。

3.根据权利要求1所述的方法，其特征在于，所述通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图，包括：

通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到初始的线条纹理贴图；

将所述初始的线条纹理贴图与预设第二向量相乘，得到线条纹理贴图；所述预设第二向量用于指示排线轮廓的线条粗细和线条密度。

4.根据权利要求1所述的方法，其特征在于，所述对所述原始空间贴图进行至少两个方向的偏移，得到第二空间贴图，包括：

对所述原始空间贴图进行至少两个方向的预设偏移值偏移，得到第二空间贴图；所述至少两个方向中的方向两两相向；所述预设偏移值用于指示排线轮廓的宽度。

5.根据权利要求1所述的方法，其特征在于，所述基于所述第三空间贴图，对所述深度纹理贴图进行采样，得到目标遮罩图，包括：

通过所述第三空间贴图对所述深度纹理贴图进行采样，得到带排线轮廓的第一遮罩图；

通过所述原始空间贴图对所述深度纹理贴图进行采样，得到所述目标对象的第二遮罩图；所述第二遮罩图中所述目标对象的遮罩与所述第一遮罩图中所述目标对象的遮罩的色值相同；

对所述第一遮罩图和所述第二遮罩图进行差值计算，得到目标遮罩图；所述目标遮罩图包括所述目标对象的排线轮廓。

6.根据权利要求1所述的方法，其特征在于，所述对所述初始场景图像和所述目标遮罩图进行叠加处理，得到目标场景图像，包括：

将所述目标遮罩图设置为指定色值，得到指定色值的目标遮罩图；所述指定色值用于指示排线轮廓的颜色；

对所述指定色值的目标遮罩图与所述初始场景图像进行叠加处理，得到目标场景图像。

7.根据权利要求1所述的方法，其特征在于，所述获得目标对象的深度纹理贴图，包括：

通过预设的虚拟摄像机获取目标对象的深度信息；所述深度信息用于指示目标对象与所述虚拟摄像机之间的距离；

对所述深度信息进行归一化处理，得到所述目标对象的深度纹理贴图。

8.一种排线轮廓的绘制装置，其特征在于，所述装置包括：

场景渲染模块，用于响应于针对包含目标对象的场景的渲染指令，得到包含所述目标对象的初始场景图像；

旋转拉伸模块，用于对原始空间贴图进行旋转和拉伸，得到第一空间贴图；所述原始空间贴图包括屏幕空间坐标；所述原始空间贴图的旋转方向用于指示排线轮廓的排线绘制方向；

第一采样模块，用于通过所述第一空间贴图对预设的噪点法线贴图进行采样，得到线条纹理贴图；

轮廓扩展模块，用于对所述原始空间贴图进行至少两个方向的偏移，得到第二空间贴图；

线条获得模块，用于对所述第二空间贴图和所述线条纹理贴图进行叠加处理，得到第三空间贴图；

贴图获取模块，用于获得目标对象的深度纹理贴图；所述深度纹理贴图用于表征：所述目标对象在所述场景中的深度信息；

第二采样模块，用于基于所述第三空间贴图，对所述深度纹理贴图进行采样，得到目标遮罩图；

融合渲染模块，用于对所述初始场景图像和所述目标遮罩图进行叠加处理，得到目标场景图像；所述目标场景图像包含所述目标对象的排线轮廓。

9.一种电子设备，其特征在于，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的机器可执行指令，所述处理器执行所述机器可执行指令以实现权利要求1-7任一项所述的排线轮廓的绘制方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令在被处理器调用和执行时，所述计算机可执行指令促使所述处理器实现权利要求1-7任一项所述的排线轮廓的绘制方法。