CN103745480B

CN103745480B - 一种图片渲染方法及装置

Info

Publication number: CN103745480B
Application number: CN201410038952.2A
Authority: CN
Inventors: 林观勇
Original assignee: Guangzhou Boguan Information Technology Co Ltd
Current assignee: Guangzhou Boguan Information Technology Co Ltd
Priority date: 2014-01-26
Filing date: 2014-01-26
Publication date: 2017-02-15
Anticipated expiration: 2034-01-26
Also published as: CN103745480A

Abstract

本发明的实施方式提供了一种图片渲染方法及装置。例如，该方法可以包括：获取渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分；依据所述渲染命令，确定所述源图片和目标图片的剩余部分；分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。本发明的实施方式通过渲染来实现基于同一个源图片生成不同大小的目标图片。此外，本发明的实施方式还提供了一种图片渲染装置。

Description

一种图片渲染方法及装置

技术领域

本发明的实施方式涉及计算机图形领域，更具体地，本发明的实施方式涉及一种图片渲染方法及装置。

背景技术

本部分旨在为权利要求书中陈述的本发明的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

目前，如果游戏需要用到不同大小的对话框或按钮等图片时，需要游戏开发人员在资源层或用户界面层，按照九宫格的方式将源图片分割成多个不同的子图片，创建大量子图片，然后再根据目标图片的大小组合多个子图片，后续游戏玩家在玩游戏的过程中，对组合得到的目标图片进行渲染。

例如，可以把源图片按照九宫格的方式分割成9块，创建9个独立的子图片，如表1所示。

表1

1	2	3
			4	5	6
7	8	9

然后，再按照目标图片的大小组合一个或多个子图片，生成与源图片不同大小的目标图片，参考表2。

表2

1	2	2	2	3
					4	5	5	5	6
4	5	5	5	6
					7	8	8	8	9

发明内容

但是，在现有技术中，由于需要在资源层或用户界面层，对源图片进行九宫格方式的分割，因此需要将分割的大量子图片都进行保存，后续才能实现不同目标图片的生成。这些大量子图片的保存会浪费大量的系统内存资源，并且在目标图片生成过程中也需要对子图片进行重新组合，使得目标图片的生成过程较为繁琐，这是非常令人烦恼的过程。

为此，非常需要一种改进的方法，以实现从源图片生成大小不同的目标图片时能够节省时间，节省系统内存资源，且提高目标图片的生成效率的目的。

在本上下文中，本发明的实施方式期望提供一种图片渲染方法及装置。

在本发明实施方式的第一方面中，提供了一种图片渲染方法，例如，可以包括：获取渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分；依据所述渲染命令，确定所述源图片和目标图片的剩余部分；分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。

在本发明实施方式的第二方面中，提供了一种图片渲染装置，例如，可以包括：获取模块，配置用于获取渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分；确定模块，配置用于依据所述渲染命令确定所述源图片和目标图片的剩余部分；渲染模块，配置用于分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。

根据本发明实施方式的图片渲染方法及装置，由于在渲染层实现源图片的切割，并且针对源图片的预设部分和剩余部分分别进行渲染，与现有技术相比，无需将源图片在资源层或用户界面层进行切割、保存和重新进行组合，因此，既不会浪费时间，浪费系统内存资源，也能够通过过程的简化来提高图片的生成效率。

附图说明

通过参考附图阅读下文的详细描述，本发明示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本发明的若干实施方式，其中：

图1示意性地示出了一个根据本发明实施方式的图片渲染方法的流程图；

图2示意性地示出了根据本发明实施方式的源图片的预设部分；

图3示意性地示出了根据本发明实施方式的目标图片的预设部分；

图4示意性地示出了一个根据本发明实施方式的源图片；

图5示意性地示出了一个根据本发明实施方式的目标图片；

图6示意性地示出了另一个根据本发明实施方式的源图片；

图7示意性地示出了另一个根据本发明实施方式的目标图片；

图8示意性地示出了一个根据本发明实施方式的图片渲染装置的结构图；

在附图中，相同或对应的标号表示相同或对应的部分。

具体实施方式

下面将参考若干示例性实施方式来描述本发明的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本发明，而并非以任何方式限制本发明的范围。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。

根据本发明的实施方式，提出了一种图片渲染方法及装置。

在本文中，需要理解的是，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

下面参考本发明的若干代表性实施方式，详细阐释本发明的原理和精神。

发明概述

本发明人发现在现有技术中，为了生成不同大小的目标图片，需要在资源层或用户界面层针对源图片进行九宫格方式的分割，创建大量子图片，并且需要将分割的大量子图片进行保存，以便后续重新组合子图片生成目标图片时能使用。这些必不可少的过程消耗了大量的时间和内存资源，使得目标图片的生成过程较为繁琐。而如果能够避免在资源层或用户界面层创建子图片、保存大量子图片、重新组合子图片从而从源图片生成不同大小的目标图片，那么就会避免不必要的时间和内存资源的消耗，从而简化大小不同的目标图片的生成过程。

在介绍了本发明的基本原理之后，下面具体介绍本发明的各种非限制性实施方式。

应用场景总览

本发明可以应用于游戏的开发和使用中。以2D游戏为例，可能有很多场景，在不同的场景中需要向玩家展示出不同的游戏界面，而这些游戏界面中可能包括不同大小的滚动条或者按钮等图片。前期开发人员在开发这些不同大小的滚动条或者按钮等图片的时候，就可以基于源图片的大小及其预设属性，以及需要生成的目标图片的大小，组合成渲染命令。当玩游戏的玩家用户下载了该游戏软件之后，在玩游戏的过程中，游戏界面上的滚动条或者按钮等即是按照本发明的实施方式所生成的目标图片。

示例性方法

需要注意的是，上述应用场景仅是为了便于理解本发明的精神和原理而示出，本发明的实施方式在此方面不受任何限制。相反，本发明的实施方式可以应用于适用的任何场景。下面参考附图来描述根据本发明示例性实施方式的图片渲染方法。

例如，参见图1，为根据本发明实施例的一种图片渲染方法流程示意图。如图1所示，本发明一种可能的实施方式可以包括：

S101、获取渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分。

根据本发明的一个实施方式，所述源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性可以从游戏开发人员组合成的渲染命令中获取，其中所述预设属性用于示意所述源图片和目标图片的预设部分。开发人员可以预先设置好源图片和目标图片的预设属性，图片的预设部分和除了预设部分之外的剩余部分是采用不同的方式进行渲染的。

除了预设属性之外，还需要源图片的大小信息和目标图片的大小信息，这样后续可以计算出源图片和目标图片的剩余部分的大小，以将源图片渲染为目标图片。

在本发明的不同的实施方式中，开发人员还可以将位置信息置入渲染命令中，这个位置信息可以表示渲染的目标图片在游戏界面上占据的位置。此时，在步骤S101，还从渲染命令中获取到位置信息。例如，获取到一个横坐标X值和一个纵坐标Y值，那么，后续在渲染目标图片的时候就可以将目标图片渲染到游戏界面中X和Y值所表示的位置上。

可以理解的是，在本发明的实施方式中，需要在渲染层按照九宫格的方式对源图片进行切割，这种切割不同于现有技术，在本发明的实施方式中，源图片物理上并没有进行切割，因此也不需要保存由于切割源图片而产生的大量子图片。

参考图2所示，切割之后的源图片共有1、2、……、9共9个部分，其中的(pw1，ph1)即是源图片中的“1”部分，其中的(pw2，ph1)即是源图片中的“3”部分，其中的(pw1，ph2)即是源图片中的“7”部分，以及其中的(pw2，ph2)即是源图片中的“9”部分，这四个部分即是本发明的实施方式中源图片的预设属性示意出的源图片的预设部分。也就是说，“pw1、pw2、ph1、ph2”就是预设属性。

同时参考图3所示，对于目标图片，也需要按照源图片切割的方式进行切割，切割之后的目标图片也有1、2、……、9共9个部分，图3中的(PW1，PH1)即是目标图片中的“1”部分，与源图片中的(pw1，ph1)部分大小相同，图3中的(PW2，PH1)即是目标图片中的“3”部分，与源图片中的(pw2，ph1)部分大小相同，图3中的(PW1，PH2)即是目标图片中的“7”部分，与源图片中的(pw1，ph2)部分大小相同，以及图3中的(PW2，PH2)即是目标图片中的“9”部分，与源图片中的(pw2，ph2)部分大小相同。这四个部分即是本发明的实施方式中目标图片的预设属性示意出的目标图片的预设部分。

S102、依据所述渲染命令，确定所述源图片和目标图片的剩余部分。

在步骤S101获取到渲染命令之后，即可以依据源图片和目标图片的大小信息，以及源图片和目标图片的预设部分的大小，计算出源图片和目标图片的剩余部分。具体的，可以从所述源图片减去所述源图片的预设部分，获得所述源图片的剩余部分，以及，可以从所述目标图片减去所述目标图片的预设部分，获得所述目标图片的剩余部分。

例如，对于图2来讲，源图片的预设部分即是“1、3、7、9”这四个部分，那么很显然，源图片的剩余部分即是“2、4、5、6、8”这五个部分。而对于图3来讲，目标图片的预设部分相应的也是“1、3、7、9”这四个部分，目标图片的剩余部分也相应的是“2、4、5、6、8”这五个部分。

当然，本领域技术人员也可以根据需求或者应用场景来设置不同的预设部分，例如，将“2、5、8”设置为预设部分。

S103、分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。

在本发明的实施方式中，需要将源图片的预设部分和剩余部分按照不同的渲染方式渲染为目标图片的预设部分和剩余部分。具体地，将源图片的预设部分分别拷贝渲染至所述目标图片的对应预设部分；将源图片的剩余部分分别平铺渲染至所述目标图片的对应剩余部分。例如，需要把图2所示意的源图片的预设部分(1、3、7、9)拷贝渲染到图3所示意的目标图片的对应预设部分(1、3、7、9)，把图2所示意的源图片的剩余部分(2、4、5、6、8)以平铺渲染的方式填充到图3所示意的目标图片的对应剩余部分(2、4、5、6、8)中。

其中，拷贝渲染是指把图片完全不做修改拷贝到目标区域，只拷贝一次。平铺渲染是指把图片首尾连接拷贝到目标区域，直到填满目标区域。

如前所述，图2所示的源图片的(pw1、pw2、ph1、ph2)或者图3所示的目标图片的(PW1、PW2、PH1、PH2)即是源图片和目标图片两者的预设属性。两者的预设属性确定的预设部分的大小可以相同，也可以不相同。例如，目标图片的预设部分的大小可以是源图片的对应预设部分的大小的2倍。根据本发明的一个实施方式，默认情况下，源图片的预设部分与目标图片的预设部分大小完全相同，在这种情况下，不需要输入目标图片的预设属性。本领域技术人员可以预先定义源图片和目标图片的预设部分，即预先设置好源图片和目标图片中的哪些部分是预设部分，并可以选择将定义好的预设属性保存在配置表中，那后续就可以直接从配置表中获取到源图片和目标图片的预设属性，这样就避免每一次进行渲染命令的组合时都需要定义源图片和目标图片预设属性。

需要说明的是，当预设属性保存在配置表中的时候，需要从所述配置表中读取到对应的源图片和目标图片的预设属性，再将所述源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性组合成渲染命令，从而可以执行S101中获取渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性的步骤。

在本发明的实施方式中，同一张源图片也可以定义多个预设属性，在渲染目标图片的时候就可以使用不同的预设属性生成不同的目标图片。具体的，可以通过为pw1、pw2、ph1和ph2设置不同的值，从而实现多个预设属性的设置。相应地，在组合成渲染命令的时候，开发人员还需要指定本次从源图片渲染成目标图片的过程中需要使用哪一个预设属性，例如开发人员在输入源图片的时候同时输入预设属性的索引，从而可以定位到源图片的某一个预设属性。可以理解的是，开发人员还可以对配置表中保存的源图片的预设属性进行修改。例如，可以删除某一张源图片的多个预设属性的某一个或者某几个，也可以针对某一张源图片增加其预设属性，等等。如参考图4所示，如果将预设部分的pw1和pw2的值设置为零，那么就会生成如图5所示的目标图片。而如参考图6所示，如果预设部分为两列竖线之间的区域，那么就会生成如图7所示的目标图片。当然，图4～7只是非常具体的例子，本发明的实施方式并不受其限定。

此外，需要说明的是，源图片及其预设属性确定之后，如果需要生成较大的目标图片，则计算出的目标图片的剩余部分比源图片的剩余部分更大即可实现，而如果需要生成较小的目标图片，则计算出的目标图片的剩余部分比源图片的剩余部分更小即可实现，目标图片的剩余部分最小为零，此时目标图片最小，此时目标图片的大小与源图片的预设部分的大小相同，即是源图片中的1、3、7和9共四个部分的总和。

可见，因为本发明的实施方式中的预设部分的大小是可以预先定义的，因此通过分别针对源图片的预设部分和剩余部分进行渲染，就可以实现不同大小的目标图片渲染。并且本发明的实施方式无需在资源层或者用户界面层将源图片进行切割、保存和重新进行组合，因此，既不会浪费时间，节省系统内存资源，并且也能够通过过程的简化来提高图片的生成效率。

示例性设备

在介绍了本发明示例性实施方式的方法之后，接下来，参考图8对根据本发明示例性实施方式的图片渲染装置进行介绍。

例如，参见图8，为根据本发明实施例的一种图片渲染装置结构示意图。如图8所示，该装置可以包括：

获取模块801，配置用于获取渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分；

确定模块802，配置用于依据所述渲染命令确定所述源图片和目标图片的剩余部分；

渲染模块803，配置用于分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。

其中，渲染模块803可以包括：拷贝渲染子模块，配置用于将源图片的预设部分分别拷贝渲染至所述目标图片的预设部分；以及，平铺渲染子模块，配置用于将源图片的剩余部分分别平铺渲染至所述目标图片的剩余部分。

其中，所述确定模块802具体可以包括：第一处理子模块，配置用于从所述源图片减去所述源图片的预设部分，获得所述源图片的剩余部分；以及，第二处理子模块，配置用于从所述目标图片减去所述目标图片的预设部分，获得所述目标图片的剩余部分。

其中，所述源图片的预设属性所示意的源图片和目标图片的预设部分对应设置有多个。

还可以有一种装置，所述装置可以包括：读取模块，配置用于从配置表中读取对应的源图片和目标图片的预设属性；以及，组合模块，配置用于将源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性组合成渲染命令。该装置可以例如在开发人员开发游戏时，在预设属性保存在配置表中的情况下使用。

可见，由于在渲染层实现源图片的切割，并且针对源图片的预设部分和剩余部分分别进行渲染，不仅可以实现不同大小的目标图片的渲染，并且本发明的实施方式无需将源图片在资源层或者用户界面层进行切割、保存子图片和重新进行组合，因此，既不会浪费时间，节省系统内存资源，并且也能够通过过程的简化来提高图片的生成效率。

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

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

虽然已经参考若干具体实施方式描述了本发明的精神和原理，但是应该理解，本发明并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本发明旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims

1.一种图片渲染方法，包括：

获取开发人员预先组合的渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分；

依据所述渲染命令，确定所述源图片和目标图片的剩余部分；所述依据所述渲染命令，确定所述源图片和目标图片的剩余部分，包括：从所述源图片减去所述源图片的预设部分，从而确定所述源图片的剩余部分；从所述目标图片减去所述目标图片的预设部分，从而确定所述目标图片的剩余部分；

分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。

2.根据权利要求1所述的方法，其中，所述分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片，包括：

将源图片的预设部分分别拷贝渲染至所述目标图片的预设部分；

将源图片的剩余部分分别平铺渲染至所述目标图片的剩余部分。

3.根据权利要求1～2任意一项所述的方法，其中，所述预设属性所示意的源图片和目标图片的预设部分对应设置有多个。

4.一种图片渲染装置，包括：

获取模块，配置用于获取开发人员预先组合的渲染命令中包括的源图片的大小信息、目标图片的大小信息、源图片和目标图片的预设属性，所述预设属性用于示意所述源图片和目标图片的预设部分；

确定模块，配置用于依据所述渲染命令确定所述源图片和目标图片的剩余部分；所述确定模块包括：第一处理子模块，配置用于从所述源图片减去所述源图片的预设部分，从而确定所述源图片的剩余部分；第二处理子模块，配置用于从所述目标图片减去所述目标图片的预设部分，从而确定所述目标图片的剩余部分；

渲染模块，配置用于分别依据所述源图片的预设部分和剩余部分，以及所述目标图片的预设部分和剩余部分，将源图片渲染为目标图片。

5.根据权利要求4所述的装置，其中，所述渲染模块包括：

拷贝渲染子模块，配置用于将源图片的预设部分分别拷贝渲染至所述目标图片的预设部分；

平铺渲染子模块，配置用于将源图片的剩余部分分别平铺渲染至所述目标图片的剩余部分。

6.根据权利要求4～5任意一项所述的装置，其中，所述预设属性所示意的源图片和目标图片的预设部分对应设置有多个。