CN101436304B - 一种生成三维互动界面的方法及其装置 - Google Patents

Abstract

本发明公开了一种生成三维互动界面的方法及其装置，该方法包括步骤：获取三维互动界面上的图素在显示界面上的位置坐标，三维互动界面上的图素包括背景层图素、互动层图素和遮挡层图素；获取预先绘制的背景层图素、互动层图素及遮挡层图素；根据位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上。本发明生成三维互动界面的方法，只需获取各个预先绘制的简单的二维图素及各个图素在显示界面上的位置坐标，不需要用专业的三维绘图技术即可生成三维互动界面，实现比较简单；且用户需要修改三维互动界面的时候，只需修改互动层图素或背景层图素或遮挡层图素，不需要利用三维绘图软件去修改相应的整体三维模型，简单方便。

Description

一种生成三维互动界面的方法及其装置

技术领域

本发明涉及图像处理技术领域，特别涉及一种生成三维互动界面的方法及其装置。

背景技术

现有技术的三维互动界面(比如游戏界面)一般是根据实际需要的三维互动界面运用专用的三维建模软件建立相应的模型，然后将模型通过复杂的矩阵变换渲染到计算机的显示器上，可见现有技术的三维互动界面的实现需要很强的三维专业技术才能实现，实现起来比较复杂；另外如果想要修改三维互动界面时，还需要用软件去修改相应的模型，操作比较复杂。

发明内容

本发明提供了一种生成三维互动界面的方法及其装置，其实现比较简单，不需要很强的三维专业技术就能实现。

本发明的技术方案是：一种生成三维互动界面的方法，包括步骤：

获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括预先绘制的背景层图素、互动层图素和遮挡层图素；所述三维互动界面包括三层，从下到上依次为第一层、第二层、第三层；所述背景层图素位于所述第一层，所述互动层图素位于所述第二层，所述遮挡层图素位于所述第三层；所述第二层包括所述三维互动界面上的互动区域，所述互动区域包括操作区域和非操作区域，所述遮挡层图素用于遮挡所述非操作区域；

获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；

根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上；

当检测到用户修改所述显示界面上的图素的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的图素。

本发明的生成三维互动界面的装置，包括：

获取模块，用于获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括预先绘制的背景层图素、互动层图素和遮挡层图素；及获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；所述三维互动界面包括三层，从下到上依次为第一层、第二层、第三层；所述背景层图素位于所述第一层，所述互动层图素位于所述第二层，所述遮挡层图素位于所述第三层；所述第二层包括所述三维互动界面上的互动区域，所述互动区域包括操作区域和非操作区域，所述遮挡层图素用于遮挡所述非操作区域；

渲染模块，用于根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上。

修改模块，当检测到用户修改所述显示界面上的图素的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的图素。

本发明的生成三维互动界面的方法及其装置，通过获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括预先绘制的背景层图素、互动层图素和遮挡层图素；及获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；之后根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上。由此可见本发明生成三维互动界面的方法，只需获取预先绘制好的各个简单的二维图素及各个图素在显示界面的位置坐标，不需要专业的三维绘图技术即可实现三维互动界面，实现比较简单；且用户需要修改三维互动界面的时候，只需修改互动层图素或背景层图素或遮挡层图素，不需要利用三维绘图软件去修改相应的整体三维模型，实现相对比较简单。

附图说明

图1是本发明生成三维互动界面的方法的流程图；

图2是本发明生成三维互动界面的装置一实施例的方框图；

图3是本发明生成三维互动界面的装置一实施例的方框图；

图4是本发明实施例三的调整月份转轮的示意图；

图5是本发明实施例三的调整月份转轮的各个图素的示意图。

具体实施方式

下面结合附图和具体实施例对本发明做一详细的阐述。

实施例一

本发明的生成三维互动界面的方法，如图1，包括步骤：

S101、获取三维互动界面的图素在显示界面上的位置坐标；该图素包括背景层图素、互动层图素及遮挡层图素。该步骤是获取三维互动界面的图素在显示界面上的位置坐标，该三维互动界面是预先指定的。在一具体实施例中，用户可以将该指定的三维互动界面上的图素进行归类，划分为背景层图素、互动层图素及遮挡层图素，具体可以是，将所述三维互动界面分为三层，从下到上依次为第一层、第二层、第三层；所述第一层为背景层图素，所述第二层为互动层图素，所述第三层为遮挡层图素；所述互动层图素为所述三维互动界面上的互动区域，所述互动区域包括操作区域(用户可以在该操作区域进行操作)和非操作区域，用来遮挡所述非操作区域的区域为遮挡层图素，位于所述互动层图素下面的区域为所述背景层图素。之后用户可以根据制图软件等工具来计算该归类好的各个图素在显示界面的位置坐标。

S102、获取预先绘制好的所述背景层图素、互动层图素及遮挡层图素。用户可以用图片制作工具来绘制背景层图素、互动层图素及遮挡层图素，比如PhotoShop制图软件。

S103、根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素按先后顺序依次渲染到所述显示界面上，即可在显示界面上生成所需的三维互动界面。

本发明的生成三维互动界面的方法，是根据预先知道的三维互动界面来实现新的三维互动界面，即从结果出发，通过分析最终要实现的三维互动界面，将该三维互动界面进行归类，计算各个图素在显示界面的位置坐标，准备好各个图素，最后将绘制好的各个图素按相应的位置坐标有序的渲染到显示界面上，即形成要实现的三维互动界面。

由此可见本发明生成三维互动界面的方法，只需获取预先绘制好的各个简单的二维图素及各个图素在显示界面的位置坐标，不需要专业的三维绘图技术即可显示三维互动界面，实现比较简单；且用户需要修改三维互动界面的时候，只需修改互动层图素或背景层图素或遮挡层图素，不需要利用三维绘图软件去修改相应的整体三维模型，实现相对比较简单。

为了方便用户对三维互动界面进行修改，操作比较简单，在一具体实施例中，在根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上之后，还包括步骤：当检测到用户修改所述显示界面上的图素的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的图素。在一具体实施例中，当检测到用户的修改信息时，判断该修改信息是对哪个图素(背景层图素或互动层图素或遮挡层图素)进行修改，再根据该修改信息修改相应的图素，并将修改后的图素渲染到相应的显示界面上。

实施例二

本发明生成三维互动界面的装置，如图2，包括：

获取模块S1，用于获取预先计算的三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括背景层图素、互动层图素和遮挡层图素；及获取预先绘制的所述背景层图素、互动层图素及遮挡层图素。用户可以预先对需要实现的三维互动界面的图素进行归类，将其划分为背景层图素、互动层图素及遮挡层图素，具体可以是，将所述三维互动界面分为三层，从下到上依次为第一层、第二层、第三层；所述第一层为背景层图素，所述第二层为互动层图素，所述第三层为遮挡层图素；所述互动层图素为所述三维互动界面上的互动区域，所述互动区域包括操作区域(用户可以在该操作区域进行操作)和非操作区域，用来遮挡所述非操作区域的区域为遮挡层图素，位于所述互动层图素下面的区域为所述背景层图素。之后用户可以根据制图软件等工具来计算该归类好的各个图素在显示界面的位置坐标，及预先用绘图工具绘制出背景层图素、互动层图素和遮挡层图素。

渲染模块S2，用于根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上。

另外，为了方便用户修改渲染到显示界面上的各个图素，如图3，本发明实现三维互动显示界面的装置还包括，修改模块S3，其与渲染模块S2连接，在检测到用户修改所述三维互动界面的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的各个图素(背景层图素或互动层图素或遮挡层图素)。

实施例三

结合上述实施例工作原理，该实施例给出了生成三维互动界面“转轮”的方法。

图4所示为要生成的调整月份的转轮示意图。

首先将调整月份的转轮归类分为背景层图素、互动层图素和遮挡层图素，如图5，转轮A为第一层，是背景层图素；B为第二层，是互动层图素，其上面写有从1到12个数字，用来表示月份；C、D、E为第三层，是遮挡层图素，其中C为用于遮挡互动层图素上方的区域，D用于遮挡互动层图素下方的区域；E是用来表示月，除了“月”字，其他区域可以绘制成不完全透明的。

之后用户根据该三维互动界面在显示界面上的位置可以计算出各个图素在显示界面上的位置坐标，可以利用绘图软件等工具计算；再利用图片制作工具绘制好各个图素。

最后将各个图素依次渲染到显示界面上，先获取已经计算好的各个图素在显示界面的位置坐标及已绘制好的各个图素，之后根据所述位置坐标先渲染转轮A到显示界面，之后渲染互动层图素B到显示界面，之后再渲染遮挡层图素C、D和E，就可以生成三维互动界面转轮。其中为了使转轮A能够显示出来，互动层图素B上除了数字可以将其他部分绘制为完全透明的，这样我们就可以透过互动层图素看到转轮A。互动层图素B除了被遮挡层图素C、D和E遮挡的区域可以设置成操作区域，用户可以操作该操作区域，以调整月份。

当用户需要修改三维互动界面时，可以根据用户的修改信息来判断是修改哪部分图素，这样只需要相应的更新那部分图素即可，操作简单方便。

以上所述的本发明实施方式，并不构成对本发明保护范围的限定。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明的权利要求保护范围之内。

Claims (2)

1.一种生成三维互动界面的方法，其特征在于，包括步骤：

获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括预先绘制的背景层图素、互动层图素和遮挡层图素；所述三维互动界面包括三层，从下到上依次为第一层、第二层、第三层；所述背景层图素位于所述第一层，所述互动层图素位于所述第二层，所述遮挡层图素位于所述第三层；所述第二层包括所述三维互动界面上的互动区域，所述互动区域包括操作区域和非操作区域，所述遮挡层图素用于遮挡所述非操作区域；

获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；

根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上；

当检测到用户修改所述显示界面上的图素的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的图素。

2.一种生成三维互动界面的装置，其特征在于：包括，

获取模块，用于获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括预先绘制的背景层图素、互动层图素和遮挡层图素；及获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；所述三维互动界面包括三层，从下到上依次为第一层、第二层、第三层；所述背景层图素位于所述第一层，所述互动层图素位于所述第二层，所述遮挡层图素位于所述第三层；所述第二层包括所述三维互动界面上的互动区域，所述互动区域包括操作区域和非操作区域，所述遮挡层图素用于遮挡所述非操作区域；

渲染模块，用于根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上；

修改模块，当检测到用户修改所述显示界面上的图素的修改信息时， 接收该修改信息，并根据该修改信息更新所述显示界面上的图素。 

Images