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

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

Info

Publication number
CN101436304A
CN101436304A CNA2008102192091A CN200810219209A CN101436304A CN 101436304 A CN101436304 A CN 101436304A CN A2008102192091 A CNA2008102192091 A CN A2008102192091A CN 200810219209 A CN200810219209 A CN 200810219209A CN 101436304 A CN101436304 A CN 101436304A
Authority
CN
China
Prior art keywords
pixel
dimensional
interactive
layer pixel
interface
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CNA2008102192091A
Other languages
English (en)
Other versions
CN101436304B (zh
Inventor
徐蜀中
胡建华
谢桂冠
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vtron Group Co Ltd
Original Assignee
Vtron Technologies Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vtron Technologies Ltd filed Critical Vtron Technologies Ltd
Priority to CN200810219209A priority Critical patent/CN101436304B/zh
Publication of CN101436304A publication Critical patent/CN101436304A/zh
Application granted granted Critical
Publication of CN101436304B publication Critical patent/CN101436304B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

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 (5)

1、一种生成三维互动界面的方法，其特征在于，包括步骤：
获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括背景层图素、互动层图素和遮挡层图素；
获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；
根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上。
2、根据权利要求1所述的生成三维互动界面的方法，其特征在于：
所述三维互动界面包括三层，从下到上依次为第一层、第二层、第三层；所述背景层图素位于所述第一层，所述互动层图素位于所述第二层，所述遮挡层图素位于所述第三层；所述第二层包括所述三维互动界面上的互动区域，所述互动区域包括操作区域和非操作区域，所述遮挡层图素用于遮挡所述非操作区域。
3、根据权利要求1或2所述的生成三维互动界面的方法，其特征在于：在根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上之后，还包括步骤：当检测到用户修改所述显示界面上的图素的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的图素。
4、一种生成三维互动界面的装置，其特征在于：包括，
获取模块，用于获取三维互动界面上的图素在显示界面上的位置坐标，所述三维互动界面上的图素包括背景层图素、互动层图素和遮挡层图素；及获取预先绘制的所述背景层图素、互动层图素及遮挡层图素；
渲染模块，用于根据所述位置坐标，将所述背景层图素、互动层图素和遮挡层图素依次渲染到所述显示界面上。
5、根据权利要求4所述的生成三维互动界面的装置，其特征在于：还包括，修改模块，当检测到用户修改所述显示界面上的图素的修改信息时，接收该修改信息，并根据该修改信息更新所述显示界面上的图素。
CN200810219209A 2008-11-18 2008-11-18 一种生成三维互动界面的方法及其装置 Expired - Fee Related CN101436304B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN200810219209A CN101436304B (zh) 2008-11-18 2008-11-18 一种生成三维互动界面的方法及其装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN200810219209A CN101436304B (zh) 2008-11-18 2008-11-18 一种生成三维互动界面的方法及其装置

Publications (2)

Publication Number Publication Date
CN101436304A true CN101436304A (zh) 2009-05-20
CN101436304B CN101436304B (zh) 2012-10-03

Family

ID=40710734

Family Applications (1)

Application Number Title Priority Date Filing Date
CN200810219209A Expired - Fee Related CN101436304B (zh) 2008-11-18 2008-11-18 一种生成三维互动界面的方法及其装置

Country Status (1)

Country Link
CN (1) CN101436304B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102236907A (zh) * 2011-07-14 2011-11-09 西安和利德软件有限公司 Flash制作中的二维无缝拼接方法
WO2017124961A1 (zh) * 2016-01-21 2017-07-27 阿里巴巴集团控股有限公司 一种界面处理方法、装置和智能终端
CN107852524A (zh) * 2015-07-28 2018-03-27 谷歌有限责任公司 用于将视频与交互式动态渲染的视觉教具合成的系统
CN109117053A (zh) * 2017-06-22 2019-01-01 腾讯科技（深圳）有限公司 界面内容的动态显示方法、装置及其设备
WO2019061863A1 (zh) * 2017-09-29 2019-04-04 广州视睿电子科技有限公司 立体图形的调节控制器生成、调节控制方法及相应装置

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102236907A (zh) * 2011-07-14 2011-11-09 西安和利德软件有限公司 Flash制作中的二维无缝拼接方法
CN102236907B (zh) * 2011-07-14 2014-05-07 西安和利德软件有限公司 Flash制作中的二维无缝拼接方法
CN107852524A (zh) * 2015-07-28 2018-03-27 谷歌有限责任公司 用于将视频与交互式动态渲染的视觉教具合成的系统
CN107852524B (zh) * 2015-07-28 2020-05-29 谷歌有限责任公司 用于将视频与交互式动态渲染的视觉教具合成的系统
WO2017124961A1 (zh) * 2016-01-21 2017-07-27 阿里巴巴集团控股有限公司 一种界面处理方法、装置和智能终端
US10853099B2 (en) 2016-01-21 2020-12-01 Alibaba Group Holding Limited System, method, and apparatus for rendering interface elements
CN109117053A (zh) * 2017-06-22 2019-01-01 腾讯科技（深圳）有限公司 界面内容的动态显示方法、装置及其设备
CN109117053B (zh) * 2017-06-22 2023-03-24 腾讯科技（深圳）有限公司 界面内容的动态显示方法、装置及其设备
WO2019061863A1 (zh) * 2017-09-29 2019-04-04 广州视睿电子科技有限公司 立体图形的调节控制器生成、调节控制方法及相应装置

Also Published As

Publication number Publication date
CN101436304B (zh) 2012-10-03

Similar Documents

Publication Publication Date Title
Thomas et al. Situated Analytics.
Alkemade et al. On the efficiency of a VR hand gesture-based interface for 3D object manipulations in conceptual design
CN102779358B (zh) 用于设计几何三维建模对象的方法及设备
Akaoka et al. DisplayObjects: prototyping functional physical interfaces on 3d styrofoam, paper or cardboard models
CN102902473B (zh) 触摸数据的模式敏感处理
CN101436304B (zh) 一种生成三维互动界面的方法及其装置
US20120280927A1 (en) Simple touch interface and hdtp grammars for rapid operation of physical computer aided design (cad) systems
JP2020517039A (ja) オーバーレイコンテンツとのページの相互作用機能の維持
US7692652B2 (en) Selectively transforming overlapping illustration artwork
Elsayed et al. Vrsketchpen: unconstrained haptic assistance for sketching in virtual 3d environments
US7924284B2 (en) Rendering highlighting strokes
US20120317509A1 (en) Interactive wysiwyg control of mathematical and statistical plots and representational graphics for analysis and data visualization
US20150212602A1 (en) Texture Capture Stylus and Method
CN102385744A (zh) 3d建模对象的水印添加
JP2012213019A (ja) 画像処理装置、画像処理方法及びプログラム
JP2014512597A (ja) 三次元ビューイングの方法
CN105787874A (zh) 一种对截图进行马赛克处理的方法和装置
Isenberg Interactive exploration of three-dimensional scientific visualizations on large display surfaces
CN107682595A (zh) 一种交互投影方法、系统及计算机可读存储介质
Santos et al. 3D Interactive Augmented Reality in Early Stages of Product Design.
TW200834461A (en) Multi-layer 2D layer dynamic display method and system thereof
JP4870581B2 (ja) パーツカタログ作成システム、コンピュータが実行するためのプログラム、およびコンピュータが読み取り可能な記録媒体
Li et al. X-Space: interaction design of extending mixed reality space from Web2D visualization
CN102541249A (zh) 一种基于视频图像处理的虚拟输入方法
CN115691772A (zh) 运营可视化系统及相应计算机设备和存储介质

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CP03 Change of name, title or address

Address after: 510670 Guangdong Province, Guangzhou high tech Industrial Development Zone Kezhu Road No. 233

Patentee after: Wei Chong group Limited by Share Ltd

Address before: 510663 Guangzhou province high tech Industrial Development Zone, Guangdong, Cai road, No. 6, No.

Patentee before: Guangdong Weichuangshixun Science and Technology Co., Ltd.

CP03 Change of name, title or address
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20121003

Termination date: 20171118

CF01 Termination of patent right due to non-payment of annual fee