CN105446596A - Depth based interactive 3D interface displaying system and method - Google Patents

Depth based interactive 3D interface displaying system and method Download PDF

Info

Publication number
CN105446596A
CN105446596A CN201510847440.5A CN201510847440A CN105446596A CN 105446596 A CN105446596 A CN 105446596A CN 201510847440 A CN201510847440 A CN 201510847440A CN 105446596 A CN105446596 A CN 105446596A
Authority
CN
China
Prior art keywords
interface
depth
interactive
region
picture
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.)
Pending
Application number
CN201510847440.5A
Other languages
Chinese (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.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric Co 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 Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201510847440.5A priority Critical patent/CN105446596A/en
Publication of CN105446596A publication Critical patent/CN105446596A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/017Gesture based interaction, e.g. based on a set of recognized hand gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)

Abstract

The present invention discloses a depth based interactive 3D interface displaying system and method. The method comprises the steps of: setting interface attributes, 3D object attributes and 3D interface displaying screen parameters; editing a picture and text module in the 3D interface, adjusting attributes and region size of a picture and text region according to needs, and setting a playing mode of each region; dividing an interface region into corresponding number of layers, setting a background depth value corresponding to each depth layer, and then adding depth information to the picture and text in the region; dividing depth information for the interface, presetting different interactive content and attributes for different depth layers, and finally, setting interactive modes in a unified way; performing rendering and synthesizing on interface graphic pictures and depth picture information; and rendering each region of the whole interface separately through a depth processing technology, and finally, synthesizing to obtain the interactive 3D interface. According to the depth based interactive 3D interface displaying system and method, the picture of the 3D interface is more concise and clearer than the picture of a conventional 3D interface, the spatial perception is more real, thereby enabling a user to have more comfortable and natural 3D stereo interactive experience.

Description

Based on interactive 3D interface display system and the method for the degree of depth
Technical field
The present invention relates to computer utility and graphical man-machine communication's technical field, be specifically related to a kind of interactive 3D interface display system based on the degree of depth and method.
Background technology
Along with technical development, interface is summary more and more, and the operation of two dimension is difficult to provide better interactive experience, and the operation interface of therefore complanation turns to 3d space dimension to develop gradually, and the design and development of 3D user interface has become an important field of research.In fields such as computer-aided design (CAD), radiation therapy, surgical simulators, science and information visualization, game and amusements, use 3D technology just more and more, 3DUI has become one of the most popular direction in current man-machine interaction research, is the innovation forward position in this field.
Interface let us more close reality on use operating equipment of 3Dization; Along with the development of technology, in virtual program, there is the object existed in enough technical modelling reality, comprise object effect; The benefit intending thing allows user, operator that the use of program itself is reduced to learning cost and has more familiar experience well.It is that simple vision is shown off that the design of 3Dization has more than, and he can allow content more closeness to life, and in following life, equipment is medium, and he allows content, information directly incorporate life.
Mutual 3D interface, mainly based on vision transmission, obtains at the application and research of information visualization and pays close attention to widely.Interactive interface is a kind of coupling, understandable visual form, the design core of interactive interface design indicates " people-oriented ", using aesthstic and the people of ergonomics and the design of thing, present a kind of humanistic spirit, is that people and product, the perfect harmonious combination of man and nature design.
Summary of the invention
Instant invention overcomes the deficiencies in the prior art, a kind of ratio traditional 3D interface interactive 3D interface display system based on the degree of depth that is more natural and 3 D stereo interactive experience effect accurately and method are provided.
Consider the problems referred to above of prior art, according to an aspect disclosed by the invention, the present invention by the following technical solutions:
Based on an interactive 3D interface display system for the degree of depth, it comprises:
Interface property arranges module, for arranging 3D object properties, 3D interface display screen parameter, and the picture and text module in editor 3D interface, adjust attribute and the area size of image-text area as required, and the play mode in each region is set;
Graph text information load-on module, for by the 3D interface picture and text module after editor at relevant range loading content, and large small font and the page layout of word are set, the play sequence of picture are set and play attribute, play sequence and the broadcast window size of video are set, and video play mode is set;
Interface depth arranges module, for interface zone is divided into the corresponding number of plies, arranges the background depth value that each depth layer is corresponding, and to picture and text additional depth information in region, and generate the depth map at whole interface;
Interactive interface editor module, for dividing the depth information at interface, presets different interaction contents and attribute by different depth layer, and unification arranges interactive mode;
Synthesis module is played up at interface, for separately being played up in each region at whole interface, synthesizes interactive 3D interface.
In order to realize the present invention better, further technical scheme is:
According to one embodiment of the invention, interface property comprises the ID of 3D object, position coordinates (x, y, z), length LONG, width W IDHT, height H EIGHT, context parameter and pattern of rows and columns, also have the size coordinate of interface control and applicable masterplate type.
The present invention can also be:
Based on an interactive 3D interface display method for the degree of depth, it comprises the following steps:
I) interface property is set, 3D object properties and 3D interface display screen parameter;
Ii) edit the picture and text module in 3D interface, adjust attribute and the area size of image-text area as required, and the play mode in each region is set;
Iii) interface zone is divided into the corresponding number of plies, the background depth value that each depth layer is corresponding is set, then to picture and text additional depth information in region;
Iv) divide to the depth information at interface, different depth layer is preset different interaction contents and attribute, finally unification arranges interactive mode;
V) interface graph image and depth map information are carried out playing up synthesis, each region at whole interface is separately played up, finally synthesize interactive 3D interface.
According to another embodiment of the invention, step I) in interface property comprise the ID of 3D object, position coordinates (x, y, z), length LONG, width W IDHT, height H EIGHT, context parameter and pattern of rows and columns, also have the size coordinate of interface control and applicable masterplate type.
According to another embodiment of the invention, step II) comprise and character script is set, font color, size, typesetting and link, and viewing area size is arranged to picture and puts in order.
According to another embodiment of the invention, step III) comprising: the number of plies at each image-text area place of User Defined, total number of plies is N; Compose depth value to place layer, assignment formula, represent the depth value of current pixel point, M is the number of plies at current region place, and N is total number of plies, and being the relativity shift value of current point distance region central point, is the coordinate of current layer number central point.
Compared with prior art, one of beneficial effect of the present invention is:
A kind of interactive 3D interface display system based on the degree of depth of the present invention and method, it has used interactive display technique and image conversion Interface Design Technology, achieves the 3D interface display being beneficial to user interactions; Interactive 3D interface provides a kind of man-machine communication's platform having shock effect completely newly, and than the picture simple and clear more at traditional 3D interface, spatial impression is more true, allows user obtain the three-dimensional interactive experience of more comfortable and natural 3D.
Accompanying drawing explanation
In order to clearer explanation present specification embodiment or technical scheme of the prior art, below the accompanying drawing used required in the description to embodiment or prior art is briefly described, apparently, the accompanying drawing that the following describes is only the reference to some embodiments in present specification, for those skilled in the art, when not paying creative work, other accompanying drawing can also be obtained according to these accompanying drawings.
Fig. 1 shows according to an embodiment of the invention based on the interactive 3D interface display method process flow diagram schematic diagram of the degree of depth.
Embodiment
Below in conjunction with embodiment, the present invention is described in further detail, but embodiments of the present invention are not limited thereto.
As shown in Figure 1, a kind of interactive 3D interface display system based on the degree of depth, comprising:
Interface property arranges module 101, the attribute at interface is set in 101 modules, interface property comprises the ID of 3D object, position coordinates (x, y, z), length LONG, width W IDHT, height H EIGHT, context parameter and pattern of rows and columns, also have the size coordinate of interface control and applicable masterplate type.Can also arrange screen resolution in 101 modules, screen resolution DPI can be arranged arbitrarily according to user's request, the highest support 3840*2160.User can also adjust the size of image-text area as required and arrange the play mode in each region.Image-text area can arrange size typesetting and the background of the page, and can edit dynamic play or the static play sequence table play.Can interface layout be preserved after setting up all interface layouts, generate final interface layout's framework masterplate.
Graph text information load-on module 102, uses interface property to arrange the interface layout's framework masterplate kept in module 101, load image Word message in relevant region.Word can set font, font color, size, typesetting and link, and picture can arrange viewing area size and put in order.When loading video in video area, need to arrange video content and broadcast window region, in the play list can play mode be set.Finally preserve picture and text module, obtain basic 3D interfacial effect.
Interface depth arranges module 103, and first interface depth arranges module 103 needs interface layout's framework layering, and user can the number of plies at self-defined each image-text area place, and total number of plies is N.The number of plies sequence number M of image-text area determines z-axis position in the 3 d space, each region, 0 layer of minimum position in 3D solid space z-axis, and N layer is at the maximum position of 3D solid space z-axis.After distributing the place number of plies of each picture and text local, depth value is composed to place layer, assignment formula, represent the depth value of current pixel point, M is the number of plies at current region place, and N is total number of plies, being the relativity shift value of current point distance region central point, is the coordinate of current layer number central point.
Interactive interface editor module 104, arranges the depth profile area information of module 103 generation, respectively to the dynamic effect that each depth layer editor presets according to interface depth.User arranges the interaction content in each region as required and pre-sets mutual pattern, preferably adopts gesture identification interactive mode can better present 3D interfacial effect in conjunction with depth information.
Synthesis module 105 is played up at interface, mutual 3D interface good for interactive interface editor module 104 inediting is rendered the image of the camera angle meeting user's needs.Be transferred to after on interactive display screen at synthetic interactive 3D interface, user just can watch real 3 D stereo interface and carry out comfortable man-machine communication and experience.
Based on an interactive 3D interface display method for the degree of depth, comprise the following steps:
A. interface property is set, 3D object properties and 3D interface display screen parameter.Comprise the ID of 3D object, position coordinates (x, y, z), length LONG, width W IDHT, height H EIGHT, context parameter and pattern of rows and columns, also have the size coordinate of interface control and applicable masterplate type.
B. edit the picture and text module in 3D interface, adjust attribute and the area size of image-text area as required, and the play mode in each region is set.Comprise and arrange character script, font color, size, typesetting and link, picture can arrange viewing area size and put in order.
C. to interface layout's framework layering, interface zone is divided into the corresponding number of plies, the background depth value that each depth layer is corresponding is set, then to picture and text additional depth information in region.User can the number of plies at self-defined each image-text area place, and total number of plies is N.Compose depth value to place layer, assignment formula, represent the depth value of current pixel point, M is the number of plies at current region place, and N is total number of plies, and being the relativity shift value of current point distance region central point, is the coordinate of current layer number central point.
D. divide to the depth information at interface, different depth layer is preset different interaction contents and attribute, finally unification arranges interactive mode.Particularly, respectively to the dynamic effect that each depth layer editor presets.User arranges the interaction content in each region as required and pre-sets mutual pattern, preferably adopts gesture identification interactive mode can better present 3D interfacial effect in conjunction with depth information.
6. a kind of interactive 3D interface display method based on the degree of depth as claimed in claim 1, is characterized by: after step e renders the image of the camera angle meeting user's needs, synthetic interactive 3D interface is transferred to interactive display screen.
E. interface graph image and depth map information are carried out playing up synthesis.Separately played up by each region of further treatment technique by whole interface, finally synthesize interactive 3D interface.
In this instructions, each embodiment adopts the mode of going forward one by one to describe, and what each embodiment stressed is the difference with other embodiment, identical similar portion cross-reference between each embodiment.
Spoken of in this manual " embodiment ", " another embodiment ", " embodiment ", etc., refer to the specific features, structure or the feature that describe in conjunction with this embodiment and be included at least one embodiment of the application's generality description.Multiple place occurs that statement of the same race is not necessarily refer to same embodiment in the description.Furthermore, when describing specific features, structure or a feature in conjunction with any embodiment, what advocate is also fall within the scope of the invention to realize this feature, structure or feature in conjunction with other embodiments.
Although with reference to multiple explanatory embodiment of the present invention, invention has been described here, but, should be appreciated that, those skilled in the art can design a lot of other amendment and embodiment, these amendments and embodiment will drop within spirit disclosed in the present application and spirit.More particularly, in the scope of and claim open in the application, multiple modification and improvement can be carried out to the building block of subject combination layout and/or layout.Except the modification of carrying out building block and/or layout is with except improvement, to those skilled in the art, other purposes also will be obvious.

Claims (6)

1., based on an interactive 3D interface display system for the degree of depth, it is characterized in that it comprises:
Interface property arranges module, for arranging 3D object properties, 3D interface display screen parameter, and the picture and text module in editor 3D interface, adjust attribute and the area size of image-text area as required, and the play mode in each region is set;
Graph text information load-on module, for by the 3D interface picture and text module after editor at relevant range loading content, and large small font and the page layout of word are set, the play sequence of picture are set and play attribute, play sequence and the broadcast window size of video are set, and video play mode is set;
Interface depth arranges module, for interface zone is divided into the corresponding number of plies, arranges the background depth value that each depth layer is corresponding, and to picture and text additional depth information in region, and generate the depth map at whole interface;
Interactive interface editor module, for dividing the depth information at interface, presets different interaction contents and attribute by different depth layer, and unification arranges interactive mode;
Synthesis module is played up at interface, for separately being played up in each region at whole interface, synthesizes interactive 3D interface.
2. the interactive 3D interface display system based on the degree of depth according to claim 1, it is characterized in that interface property comprises the ID of 3D object, position coordinates (x, y, z), length LONG, width W IDHT, height H EIGHT, context parameter and pattern of rows and columns, also have the size coordinate of interface control and applicable masterplate type.
3., based on an interactive 3D interface display method for the degree of depth, it is characterized in that it comprises the following steps:
I) interface property is set, 3D object properties and 3D interface display screen parameter;
II) edit picture and text module in 3D interface, adjust attribute and the area size of image-text area as required, and the play mode in each region is set;
III) interface zone is divided into the corresponding number of plies, the background depth value that each depth layer is corresponding is set, then to picture and text additional depth information in region;
IV) divide to the depth information at interface, different depth layer is preset different interaction contents and attribute, and finally unification arranges interactive mode;
V) interface graph image and depth map information are carried out playing up synthesis, each region at whole interface is separately played up, finally synthesizes interactive 3D interface.
4. the interactive 3D interface display system based on the degree of depth according to claim 3, it is characterized in that step I) in interface property comprise the ID of 3D object, position coordinates (x, y, z), length LONG, width W IDHT, height H EIGHT, context parameter and pattern of rows and columns, also have the size coordinate of interface control and applicable masterplate type.
5. a kind of interactive 3D interface display method based on the degree of depth as claimed in claim 3, is characterized in that step II) comprise and character script is set, font color, size, typesetting and link, and viewing area size is arranged to picture and puts in order.
6. a kind of interactive 3D interface display method based on the degree of depth as claimed in claim 3, is characterized in that step III) comprising: the number of plies at each image-text area place of User Defined, total number of plies is N; Compose depth value to place layer, assignment formula, represent the depth value of current pixel point, M is the number of plies at current region place, and N is total number of plies, and being the relativity shift value of current point distance region central point, is the coordinate of current layer number central point.
CN201510847440.5A 2015-11-26 2015-11-26 Depth based interactive 3D interface displaying system and method Pending CN105446596A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510847440.5A CN105446596A (en) 2015-11-26 2015-11-26 Depth based interactive 3D interface displaying system and method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510847440.5A CN105446596A (en) 2015-11-26 2015-11-26 Depth based interactive 3D interface displaying system and method

Publications (1)

Publication Number Publication Date
CN105446596A true CN105446596A (en) 2016-03-30

Family

ID=55556868

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510847440.5A Pending CN105446596A (en) 2015-11-26 2015-11-26 Depth based interactive 3D interface displaying system and method

Country Status (1)

Country Link
CN (1) CN105446596A (en)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107300975A (en) * 2017-07-13 2017-10-27 联想(北京)有限公司 A kind of information processing method and electronic equipment
CN107424602A (en) * 2017-05-25 2017-12-01 合肥泽诺信息科技有限公司 A kind of man-machine interactive game engine based on speech recognition and human body attitude
CN110520902A (en) * 2017-03-30 2019-11-29 韩国斯诺有限公司 To the method and device of image application dynamic effect
CN110633121A (en) * 2019-09-05 2019-12-31 北京无限光场科技有限公司 Interface rendering method and device, terminal equipment and medium
CN115268757A (en) * 2022-07-19 2022-11-01 武汉乐庭软件技术有限公司 Gesture interaction recognition system on picture system based on touch screen

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100150526A1 (en) * 2006-03-10 2010-06-17 Dirc Rose Apparatus and Method for Providing a Sequence of Video Frames, Apparatus and Method for Providing a Scene Model, Scene Model, Apparatus and Method for Creating a Menu Structure and Computer Program
CN102903143A (en) * 2011-07-27 2013-01-30 国际商业机器公司 Method and system for converting two-dimensional image into three-dimensional image
CN104714649A (en) * 2015-03-31 2015-06-17 王子强 Kinect-based naked-eye 3D UI interaction method
CN104717487A (en) * 2015-03-31 2015-06-17 王子强 Naked eye 3D interface display method
CN104820584A (en) * 2015-01-07 2015-08-05 合肥工业大学 Natural control 3D gesture interface and system facing hierarchical information

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100150526A1 (en) * 2006-03-10 2010-06-17 Dirc Rose Apparatus and Method for Providing a Sequence of Video Frames, Apparatus and Method for Providing a Scene Model, Scene Model, Apparatus and Method for Creating a Menu Structure and Computer Program
CN102903143A (en) * 2011-07-27 2013-01-30 国际商业机器公司 Method and system for converting two-dimensional image into three-dimensional image
CN104820584A (en) * 2015-01-07 2015-08-05 合肥工业大学 Natural control 3D gesture interface and system facing hierarchical information
CN104714649A (en) * 2015-03-31 2015-06-17 王子强 Kinect-based naked-eye 3D UI interaction method
CN104717487A (en) * 2015-03-31 2015-06-17 王子强 Naked eye 3D interface display method

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110520902A (en) * 2017-03-30 2019-11-29 韩国斯诺有限公司 To the method and device of image application dynamic effect
CN107424602A (en) * 2017-05-25 2017-12-01 合肥泽诺信息科技有限公司 A kind of man-machine interactive game engine based on speech recognition and human body attitude
CN107300975A (en) * 2017-07-13 2017-10-27 联想(北京)有限公司 A kind of information processing method and electronic equipment
CN110633121A (en) * 2019-09-05 2019-12-31 北京无限光场科技有限公司 Interface rendering method and device, terminal equipment and medium
CN115268757A (en) * 2022-07-19 2022-11-01 武汉乐庭软件技术有限公司 Gesture interaction recognition system on picture system based on touch screen

Similar Documents

Publication Publication Date Title
US20210110612A1 (en) Augmented virtual reality object creation
CN105446596A (en) Depth based interactive 3D interface displaying system and method
CN102289845B (en) Three-dimensional model drawing method and device
US8698830B2 (en) Image processing apparatus and method for texture-mapping an image onto a computer graphics image
CN104717487A (en) Naked eye 3D interface display method
KR101591427B1 (en) Method for Adaptive LOD Rendering in 3-D Terrain Visualization System
CN111124119A (en) Building model presenting and interacting method based on virtual reality technology
CN108133454B (en) Space geometric model image switching method, device and system and interaction equipment
CN110533753A (en) Three-dimensional based on WebGL repairs scene configuration configuration method
Miranda et al. Sketch express: A sketching interface for facial animation
JP2010282611A (en) Information processing apparatus, information processing method, and program
Zhang et al. The Application of Folk Art with Virtual Reality Technology in Visual Communication.
Sinenko et al. Automation of visualization process for organizational and technological design solutions
Guan et al. Visual communication design using machine vision and digital media communication technology
CN106909263A (en) The interactive display method and system of 3-D view
US20110012914A1 (en) Image processing device and image processing method
WO2014020801A1 (en) Image processing device, image processing method, and data structure of image file
JP5861248B1 (en) Electronic picture book that changes continuously in conjunction with scrolling motion
US20160019710A1 (en) Image processing apparatus and method
CN105975259A (en) Implementation method and device of 3D (Three-dimensional) space user interface
CN116310013A (en) Animation rendering method, device, computer equipment and computer readable storage medium
CN104835192A (en) Three-dimensional web page figure drawing method and apparatus
Hu et al. Research on 3d interactive model selection and customization of ceramic products based on big data cloud service platform
CN103092463A (en) Achieving method for wave floating of buttons along with mouse based on transparent form
Gu et al. The Innovative Application of Visual Communication Design in Modern Art Design. Electronics 2023, 12, 1150

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20160330