CN109829963B - 一种图像绘制方法及装置、计算设备和存储介质 - Google Patents

Abstract

本申请提供一种图像绘制方法及装置、计算设备和存储介质，其中，所述方法包括：调整所述原始场景贴图的分辨率，生成对应的第一场景贴图；根据显示要求将所述第一场景贴图进行缩放，得到第二场景贴图，并根据所述第二场景贴图生成空间场景；根据所述界面控件与所述第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中。从而保证界面控件绘制的清晰度，不会像现有技术那样产生界面控件显示模糊的问题，提升用户的体验。

Description

一种图像绘制方法及装置、计算设备和存储介质

技术领域

本申请涉及互联网技术领域，特别涉及一种图像绘制方法及装置、计算设备和存储介质。

背景技术

在三维空间场景中的图像绘制的过程中，例如动画制作领域，在绘制三维场景的场景贴图时，场景贴图尺寸可自定义。假若原有场景贴图为高分辨率的图片，但是用于显示的终端屏幕尺寸较小，则没有必要使用原场景贴图那么高的分辨率，适当降低分辨率并不会影响视觉效果。因此，在进行绘制场景贴图时，使用降低分辨率的方式来降低场景贴图的精度，同时也会减小终端加载过程中的数据处理量。

现有技术中，一般会对整个场景贴图中一般会包括界面控件，例如界面文字。在对整个场景贴图进行调整时，会带来一个问题：用户对于3D画面场景物件的精度损失的忍受度较高，但对于界面控件的精度损失忍受度较低，尤其是涉及到界面文字的显示，精度下调之后可能会产生糊化的效果，这种显示效果是令人难以接受的，从而降低用户的体验效果。

发明内容

有鉴于此，本申请实施例提供了一种图像绘制方法及装置、计算设备和存储介质，以解决现有技术中存在的技术缺陷。

本申请实施例公开了一种图像绘制方法，所述图像包括原始场景贴图和界面控件；所述方法包括：

调整所述原始场景贴图的分辨率，生成对应的第一场景贴图；

根据显示要求将所述第一场景贴图进行缩放，得到第二场景贴图，并根据所述第二场景贴图生成空间场景；

根据所述界面控件与所述第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中。

可选地，根据所述界面控件与所述第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中，包括：

确定所述界面控件与所述第二场景贴图的结合锚点，计算所述结合锚点在所述空间场景中进行投影得到投影锚点，得到所述投影锚点在所述空间场景中的深度值；

根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件。

可选地，调整原始场景贴图的分辨率，生成对应的第一场景贴图，包括：

对所述原始场景贴图进行缩小，降低所述原始场景贴图的分辨率，生成对应的第一场景贴图。

可选地，根据显示要求将第一场景贴图进行缩放得到第二场景贴图，包括：

根据显示要求将所述第一场景贴图进行等比例缩放，得到第二场景贴图。

可选地，根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件，包括：

获取所述空间场景的其他位置的深度值；

将所述投影锚点在所述空间场景中的深度值与所述空间场景的其他位置的深度值进行比较，确定所述界面控件与所述空间场景的位置关系；

根据所述界面控件与所述空间场景的位置关系，在所述投影锚点处绘制所述界面控件。

本申请实施例公开了一种图像绘制装置，所述图像包括原始场景贴图和界面控件；所述装置包括：

场景贴图生成模块，被配置为调整所述原始场景贴图的分辨率，生成对应的第一场景贴图；

空间场景生成模块，被配置为根据显示要求将所述第一场景贴图进行缩放，得到第二场景贴图，并根据所述第二场景贴图生成空间场景；

绘制模块，被配置为根据所述界面控件与所述第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中。

可选地，所述绘制模块具体被配置为：确定所述界面控件与所述第二场景贴图的结合锚点，计算所述结合锚点在所述空间场景中进行投影得到投影锚点，得到所述投影锚点在所述空间场景中的深度值；

根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件。

可选地，所述场景贴图生成模块具体被配置为：对所述原始场景贴图进行缩小，降低所述原始场景贴图的分辨率，生成对应的第一场景贴图。

可选地，所述空间场景生成模块具体被配置为：根据显示要求将所述第一场景贴图进行等比例缩放，得到第二场景贴图。

可选地，所述绘制模块根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件，具体被配置为：

获取所述空间场景的其他位置的深度值；

将所述投影锚点在所述空间场景中的深度值与所述空间场景的其他位置的深度值进行比较，确定所述界面控件与所述空间场景的位置关系；

根据所述界面控件与所述空间场景的位置关系，在所述投影锚点处绘制所述界面控件。

本申请实施例公开了一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行所述指令时实现如上所述图像绘制方法的步骤。

本申请实施例公开了一种计算机可读存储介质，其存储有计算机指令，该指令被处理器执行时实如上所述图像绘制方法的步骤。

本申请提供的图像绘制方法及装置，通过将图像的原始场景贴图和界面控件分开绘制，先根据原始场景贴图生成对应的第一场景贴图，将所述第一场景贴图进行缩放得到第二场景贴图，并根据第二场景贴图生成空间场景，再根据界面控件与第二场景贴图的结合锚点将界面控件绘制于空间场景中，从而保证界面控件绘制的清晰度，不会像现有技术那样产生界面控件显示模糊的问题，提升用户的体验。

并且，通过获取空间场景的其他位置的深度值，将投影锚点在空间场景中的深度值与空间场景的其他位置的深度值进行比较，确定界面控件与空间场景的位置关系，保证界面控件在空间场景中的精确显示。

附图说明

图1是本申请实施例的计算设备的结构示意图；

图2是本申请实施例的图像绘制方法的流程示意图；

图3是本申请实施例的图像绘制方法的流程示意图；

图4是本申请实施例的图像绘制方法的流程示意图；

图5是本申请实施例的图像绘制方法的绘制效果示意图；

图6是本申请实施例的图像绘制装置的流程示意图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。

在本说明书一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本说明书一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本说明书一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

在本申请中，提供了一种图像绘制方法及装置、计算设备和存储介质，在下面的实施例中逐一进行详细说明。

图1是示出了根据本说明书一实施例的计算设备100的结构框图。该计算设备100的部件包括但不限于存储器110和处理器120。处理器120与存储器110通过总线130相连接，数据库150用于保存数据。

计算设备100还包括接入设备140，接入设备140使得计算设备100能够经由一个或多个网络160通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备140可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC))中的一个或多个，诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口，等等。

在本说明书的一个实施例中，计算设备100的上述部件以及图1中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图1所示的计算设备结构框图仅仅是出于示例的目的，而不是对本说明书范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。

计算设备100可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备100还可以是移动式或静止式的服务器。

其中，处理器120可以执行图2所示方法中的步骤。图2是示出了根据本申请一实施例的图像绘制方法的示意性流程图。

本实施例中，图像包括原始场景贴图和界面控件。界面控件可以包括多种，例如界面文字，界面图标等。

本申请实施例的图像绘制方法包括下述步骤202～206：

202、调整所述原始场景贴图的分辨率，生成对应的第一场景贴图。

具体地，在一种实际应用中，步骤202包括：对所述原始场景贴图进行缩小，降低所述原始场景贴图的分辨率，生成对应的第一场景贴图。

204、根据显示要求将所述第一场景贴图进行缩放，得到第二场景贴图，并根据所述第二场景贴图生成空间场景。

具体地，可以根据显示要求将所述第一场景贴图进行等比例缩放，得到第二场景贴图。显示要求可以为显示终端的屏幕尺寸要求，例如一种屏幕尺寸为4.5英寸，屏幕长宽比例为4:3。

在进行第一场景贴图的缩放后，第一场景贴图中的画面元素点的深度值也会随之缩放。此种情形下，如果直接将界面控件置于空间场景中，界面控件与原有贴图中的画面之间的位置关系就会失真，导致不匹配的情况出现。

具体地，空间场景包括两部分，颜色和深度值，分别使用缓冲器Buffer进行存储。在生成空间场景的过程中，可以获得场景中各个画面元素点的深度值。

其中，以游戏中的场景为例，第二场景贴图生成的空间场景为游戏场景，界面控件为界面文字，该界面文字的空间锚点应该是与界面文字相关联的虚拟人物的头顶处。

具体地，界面控件与原有贴图中的画面之间的位置关系包括多种，例如遮挡关系、重叠关系、上下位置关系、光线表现关系等。

206、根据所述界面控件与所述第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中。

具体地，参见图3，步骤206包括：

302、确定所述界面控件与所述第二场景贴图的结合锚点，计算所述结合锚点在所述空间场景中进行投影得到投影锚点，得到所述投影锚点在所述空间场景中的深度值。

其中，对于投影锚点在空间场景中的深度值，可以通过空间反投影来计算得到。

对于结合锚点，为界面控件与第二场景贴图中的画面之间的逻辑结合点，例如界面文字，该界面文字与第二场景贴图的结合锚点应该是与界面文字相关联的虚拟人物的头顶处。例如NPC(Non-Player Character，非玩家角色)的指引信息，指示“前面请往右走”等。

对于二维的第二场景贴图，需要生成对应的空间场景，才能形成游戏中的三维空间。所以，在确定了界面文字与第二场景贴图的结合锚点后，还需要确定该结合锚点在空间场景中的深度值，才能在后续步骤中将界面文字准确地放置于空间场景中。

304、根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件。

具体地，参见图4，步骤304包括下述步骤3042～3046：

3042、获取所述空间场景的其他位置的深度值。

具体地，空间场景包括两部分，颜色和深度值，分别使用缓冲器Buffer进行存储。在生成空间场景的过程中，可以获得场景中各个画面元素点的深度值。

3044、将所述投影锚点在所述空间场景中的深度值与所述空间场景的其他位置的深度值进行比较，确定所述界面控件与所述空间场景的位置关系。

3046、根据所述界面控件与所述空间场景的位置关系，在所述投影锚点处绘制所述界面控件。

其中，界面控件与空间场景的位置关系包括：遮挡关系、光线表现关系等。

本申请提供的图像绘制方法，通过将图像的原始场景贴图和界面控件分开绘制，先根据原始场景贴图生成对应的第一场景贴图，将所述第一场景贴图进行缩放得到第二场景贴图，并根据第二场景贴图生成空间场景，再根据界面控件与第二场景贴图的结合锚点将界面控件绘制于空间场景中，从而保证界面控件绘制的清晰度，不会像现有技术那样产生界面控件显示模糊的问题，提升用户的体验。

并且，通过获取空间场景的其他位置的深度值，将投影锚点在空间场景中的深度值与空间场景的其他位置的深度值进行比较，确定界面控件与空间场景的位置关系，保证界面控件在空间场景中的精确显示。

图5示出了利用本实施例中的图像绘制方法绘制的图像。参见图5，空间场景501由第二场景贴图502生成。界面控件503为游戏中的界面文字；界面控件503与游戏中的画面504锚合，例如可以为游戏中的人物504。

具体步骤包括：

1)根据显示要求将第一场景贴图进行等比例缩放，得到第二场景贴图502。

2)根据所述第二场景贴图502生成空间场景501。

3)确定界面控件503与第二场景贴图502中的画面504的结合锚点，计算所述结合锚点在空间场景501中进行投影得到投影锚点，得到投影锚点在空间场景501中的深度值。

4)获取空间场景501的其他位置的深度值。

5)将所述投影锚点在空间场景501中的深度值与空间场景501的其他位置的深度值进行比较，确定所述界面控件503与所述空间场景501的位置关系。

6)根据界面控件503与空间场景501的位置关系，在投影锚点处绘制界面控件503。

通过本实施例的图像绘制方法，可以确定界面控件与空间场景的位置关系，保证界面控件在空间场景中的精确显示。

本申请实施例公开了一种图像绘制装置，参见图6，所述装置包括：

场景贴图生成模块602，被配置为调整所述原始场景贴图的分辨率，生成对应的第一场景贴图；

空间场景生成模块604，被配置为根据显示要求将所述第一场景贴图进行缩放，得到第二场景贴图，并根据所述第二场景贴图生成空间场景；

绘制模块606，被配置为根据所述界面控件与所述第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中。

可选地，绘制模块606具体被配置为：确定所述界面控件与所述第二场景贴图的结合锚点，计算所述结合锚点在所述空间场景中进行投影得到投影锚点，得到所述投影锚点在所述空间场景中的深度值；根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件。

可选地，场景贴图生成模块602具体被配置为：对所述原始场景贴图进行缩小，降低所述原始场景贴图的分辨率，生成对应的第一场景贴图。

可选地，空间场景生成模块604具体被配置为：根据显示要求将所述第一场景贴图进行等比例缩放，得到第二场景贴图。

可选地，绘制模块606根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件，具体被配置为：

获取所述空间场景的其他位置的深度值；

将所述投影锚点在所述空间场景中的深度值与所述空间场景的其他位置的深度值进行比较，确定所述界面控件与所述空间场景的位置关系；

根据所述界面控件与所述空间场景的位置关系，在所述投影锚点处绘制所述界面控件。

本申请提供的图像绘制装置，通过将图像的原始场景贴图和界面控件分开绘制，先根据原始场景贴图生成对应的第一场景贴图，将所述第一场景贴图进行缩放得到第二场景贴图，并根据第二场景贴图生成空间场景，再根据界面控件与第二场景贴图的结合锚点将界面控件绘制于空间场景中，从而保证界面控件绘制的清晰度，不会像现有技术那样产生界面控件显示模糊的问题，提升用户的体验。

并且，通过获取空间场景的其他位置的深度值，将投影锚点在空间场景中的深度值与空间场景的其他位置的深度值进行比较，确定界面控件与空间场景的位置关系，保证界面控件在空间场景中的精确显示。

本申请一实施例还提供一种计算机可读存储介质，其存储有计算机指令，该指令被处理器执行时实现如前所述图像绘制方法的步骤。

上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的图像绘制方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述图像绘制方法的技术方案的描述。

所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。

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

以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本说明书的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本申请的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。

Claims (8)

1.一种图像绘制方法，其特征在于，所述图像包括第一分辨率的原始场景贴图和界面控件；

所述方法包括：

调整所述原始场景贴图的分辨率，生成第二分辨率的第一场景贴图；

根据显示要求将所述第一场景贴图进行缩放，得到第三分辨率的第二场景贴图，并根据所述第二场景贴图生成空间场景，其中所述第一分辨率大于第三分辨率；

根据所述第一分辨率的界面控件与所述第三分辨率的第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中，具体包括，确定所述界面控件与所述第二场景贴图的结合锚点，计算所述结合锚点在所述空间场景中进行投影得到投影锚点，得到所述投影锚点在所述空间场景中的深度值；

根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件，具体包括：获取所述空间场景的其他位置的深度值；将所述投影锚点在所述空间场景中的深度值与所述空间场景的其他位置的深度值进行比较，确定所述界面控件与所述空间场景的位置关系；根据所述界面控件与所述空间场景的位置关系，在所述投影锚点处绘制所述界面控件，其中，所述界面控件与所述空间场景的位置关系至少包括光线表现关系。

2.如权利要求1所述的图像绘制方法，其特征在于，调整所述原始场景贴图的分辨率，生成对应的第一场景贴图，包括：

对所述原始场景贴图进行缩小，降低所述原始场景贴图的分辨率，生成对应的第一场景贴图。

3.如权利要求1所述的图像绘制方法，其特征在于，根据显示要求将所述第一场景贴图进行缩放，得到第二场景贴图，包括：

根据显示要求将所述第一场景贴图进行等比例缩放，得到第二场景贴图。

4.一种图像绘制装置，其特征在于，所述图像包括第一分辨率的原始场景贴图和界面控件；

所述装置包括：

场景贴图生成模块，被配置为调整所述原始场景贴图的分辨率，生成第二分辨率的第一场景贴图；

空间场景生成模块，被配置为根据显示要求将所述第一场景贴图进行缩放，得到第三分辨率的第二场景贴图，并根据所述第二场景贴图生成空间场景，其中所述第一分辨率大于第三分辨率；

绘制模块，被配置为根据所述第一分辨率的界面控件与所述第三分辨率的第二场景贴图的结合锚点，将所述界面控件绘制于所述空间场景中，所述绘制模块具体被配置为：确定所述界面控件与所述第二场景贴图的结合锚点，计算所述结合锚点在所述空间场景中进行投影得到投影锚点，得到所述投影锚点在所述空间场景中的深度值；根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件；

所述绘制模块根据所述投影锚点和所述投影锚点在所述空间场景中的深度值，绘制所述界面控件，具体被配置为：获取所述空间场景的其他位置的深度值；将所述投影锚点在所述空间场景中的深度值与所述空间场景的其他位置的深度值进行比较，确定所述界面控件与所述空间场景的位置关系在所述投影锚点处绘制所述界面控件，其中，所述界面控件与所述空间场景的位置关系至少包括光线表现关系。

5.如权利要求4所述的图像绘制装置，其特征在于，所述场景贴图生成模块具体被配置为：对所述原始场景贴图进行缩小，降低所述原始场景贴图的分辨率，生成对应的第一场景贴图。

6.如权利要求4所述的图像绘制装置，其特征在于，所述空间场景生成模块具体被配置为：根据显示要求将所述第一场景贴图进行等比例缩放，得到第二场景贴图。

7.一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，其特征在于，所述处理器执行所述指令时实现权利要求1-3任意一项所述图像绘制方法的步骤。

8.一种计算机可读存储介质，其存储有计算机指令，其特征在于，该指令被处理器执行时实现权利要求1- 3任意一项所述图像绘制方法的步骤。