CN112256185B - Display method and device of 3D menu, processor and display equipment - Google Patents

Display method and device of 3D menu, processor and display equipment Download PDF

Info

Publication number
CN112256185B
CN112256185B CN202011148850.8A CN202011148850A CN112256185B CN 112256185 B CN112256185 B CN 112256185B CN 202011148850 A CN202011148850 A CN 202011148850A CN 112256185 B CN112256185 B CN 112256185B
Authority
CN
China
Prior art keywords
display
target
menu
distance
display image
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.)
Active
Application number
CN202011148850.8A
Other languages
Chinese (zh)
Other versions
CN112256185A (en
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.)
Guangdong Zhiyuan Robot Technology Co Ltd
Original Assignee
Guangdong Zhiyuan Robot Technology 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 Guangdong Zhiyuan Robot Technology Co Ltd filed Critical Guangdong Zhiyuan Robot Technology Co Ltd
Priority to CN202011148850.8A priority Critical patent/CN112256185B/en
Publication of CN112256185A publication Critical patent/CN112256185A/en
Application granted granted Critical
Publication of CN112256185B publication Critical patent/CN112256185B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • G06Q50/12Hotels or restaurants

Abstract

The application provides a display method, a display device, a processor and a display device of a 3D menu, wherein the method comprises the following steps: acquiring a target 3D display model, wherein the target 3D display model comprises a basic graph and a display image, the distance between the central point of the display image and the central point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of display images form a 3D menu, the central points of all display images in the 3D menu are connected to form a preset graph, and the target menu data are unprocessed menu data; and in response to a predetermined operation acted on the presentation interface, the presentation image in the 3D menu is subjected to movement switching. The method can be directly applied to other programs, namely when the service requirement needing 3D menu display is received, bottom layer development is not needed to be carried out again, and therefore the problem that the 3D menu display is difficult to realize rapidly in the prior art is solved.

Description

Display method and device of 3D menu, processor and display equipment
Technical Field
The application relates to the technical field of electronic menus, in particular to a display method and a display device of a 3D menu, a computer readable storage medium, a processor and display equipment.
Background
At present, the ordering screen interfaces of most restaurant stores in the market are 2D menu displays, the display mode is common, attractiveness is lacked, and the operation desire of potential purchasing users and higher-level store service experience are difficult to draw up.
In addition, the UI menu components provided by common software development programs in the market are all designed with a 2D plane display effect, that is, a plane Container is used to put a plurality of plane objects Item of the same type into the Container, and a Mask layer Mask is added to perform necessary shielding to achieve the effect of the plane menu. The prior art lacks a convenient method for rapidly making a 3D menu, and when a business requirement needing 3D menu display is received, the bottom layer development needs to be carried out again, which wastes time and labor.
The above information disclosed in this background section is only for enhancement of understanding of the background of the technology described herein and, therefore, certain information may be included in the background that does not form the prior art that is already known in this country to a person of ordinary skill in the art.
Disclosure of Invention
The present application mainly aims to provide a 3D menu display method, a display apparatus, a computer-readable storage medium, a processor, and a display device, so as to solve the problem in the prior art that it is difficult to quickly realize 3D menu display.
According to an aspect of an embodiment of the present invention, there is provided a method for displaying a 3D menu, including: acquiring a target 3D display model, wherein the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and the target menu data is unprocessed menu data; and responding to a preset operation acted on a display interface, and performing movement switching on the display image in the 3D menu.
Optionally, in response to a predetermined operation acting on the presentation interface, the moving switching of the presentation image in the 3D menu includes: determining a movement parameter of the 3D menu in response to the predetermined operation; and moving the 3D menu according to the moving parameters, and displaying the preset display image on the display interface.
Optionally, in response to the predetermined operation, determining a movement parameter of the 3D menu includes: constructing a 2D model corresponding to the 3D menu; responding to the preset operation acted on the display interface, and determining a movement distance, wherein the movement distance is the movement distance of the 2D model corresponding to the preset operation; and determining the movement parameter according to the movement distance and a preset relation, wherein the preset relation is a conversion relation between the unit movement distance and the unit movement parameter.
Optionally, after the moving the 3D menu according to the moving parameter to display the predetermined presentation image on the presentation interface, the presentation method further includes: correcting the position of the display image in the display interface.
Optionally, the predetermined pattern is a circle, and the movement parameter is a rotation angle.
Optionally, moving the 3D menu according to the movement parameter, and displaying a predetermined display image on the display interface, including: determining the preset display image according to the movement parameter; determining preset state information of a preset display image at least according to the construction position of each target 3D display model and the current information of the display interface, wherein the preset state information at least comprises information of display size; and displaying the preset display image on the display interface in the preset state according to the preset state information, wherein the information corresponding to the preset state is the preset state information.
Optionally, determining predetermined state information of the predetermined display image according to at least the construction position of each target 3D display model and the information of the current display interface, including: determining the distance between the building position and the center of the current display interface; acquiring a position number difference, wherein the position number difference is the difference between the corresponding position number of the display image and the position number of the display image positioned in the center of the display interface; and determining the preset state information according to the distance and the position number difference.
Optionally, the determining the predetermined state information according to the distance and the position number difference includes: in the case that the distance is greater than or equal to a first distance threshold D1, determining that the transparency of the corresponding display image is 100% and the displayed size ratio is 0%; if the distance is less than or equal to a second distance threshold D2, determining that the transparency of the corresponding display image is 0% and the displayed size proportion is 100%, the first distance threshold being greater than the second distance threshold; in the event that the distance is greater than the second distance threshold D2 and less than the first distance threshold D1, determining that the transparency of the corresponding display image is equal to a predetermined ratio V, the size ratio of the display being 1-V, (D-D2)/(D1-D2); and if the position number difference is larger than a preset threshold value, determining that the corresponding display image is hidden.
Optionally, before obtaining the target 3D display model, the method further includes: constructing a target 3D display model, wherein the step of constructing the target 3D display model comprises the following steps: acquiring target menu data and corresponding configuration information; determining a target construction position of the target 3D display model to be constructed according to the configuration information; and constructing the target 3D display model according to the target construction position and the target menu data.
Optionally, the obtaining of the target menu data and the corresponding configuration information includes: acquiring the target menu data; acquiring the position of a father node; acquiring the position number of the target menu data in a data list; and acquiring the preset distance.
Optionally, determining a target construction position of the target 3D display model to be constructed according to the configuration information includes: determining the position of the father node as the position of a construction basic point, wherein the position of the construction basic point is the position of the central point of the basic graph to be constructed; and determining a construction angle according to the position number, wherein the construction angle is an included angle between a plane where the basic graph to be constructed is located and a reference plane, the reference plane is a plane where the basic graph corresponding to the initial number is located, and the initial number is the minimum value of the position number.
Optionally, constructing a target 3D display model according to the target construction position and the target menu data includes: constructing the basic graph according to the positions of the construction basic points and the construction angles; constructing an initial display image according to the preset distance; determining the category information of the target dishes according to the target menu data; and displaying the target dish category information on the initial display image to form the display image.
According to another aspect of the embodiments of the present invention, there is also provided a display apparatus for a 3D menu, including an obtaining unit and a processing unit, where the obtaining unit is configured to obtain a target 3D display model, the target 3D display model includes a basic graph and a display image, a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish category information, the target dish category information is determined according to target menu data, a plurality of the display images form a 3D menu, connecting center points of all the display images in the 3D menu form a predetermined graph, and the target menu data is unprocessed menu data; the processing unit is used for responding to a preset operation acted on a display interface, and the display image in the 3D menu is switched in a moving mode.
According to still another aspect of the embodiments of the present invention, there is also provided a computer-readable storage medium including a stored program, wherein the program executes any one of the presentation methods.
According to another aspect of the embodiment of the present invention, there is further provided a processor, where the processor is configured to execute a program, where the program executes any one of the presentation methods when running.
According to still another aspect of the embodiments of the present invention, there is also provided a display apparatus including: one or more processors, memory, a display device, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for performing any of the presentation methods.
In the embodiment of the present invention, in the display method, first, a target 3D display model is obtained, where the target 3D display model includes a basic graph and a display image, a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish type information, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, and a connection line between center points of all the display images in the 3D menu forms a predetermined graph, and then, in response to a predetermined operation acting on a display interface, the display image in the 3D menu is moved and switched, so that a client can order dishes. In the method, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the method can be directly applied to other programs, namely when the service requirement needing 3D menu display is received, bottom development does not need to be carried out again, and therefore the problem that 3D menu display is difficult to realize rapidly in the prior art is solved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this application, illustrate embodiments of the application and, together with the description, serve to explain the application and are not intended to limit the application. In the drawings:
FIG. 1 shows a flow diagram of a method of presentation of a 3D menu according to an embodiment of the application;
FIG. 2 shows a schematic diagram of a presentation image and a basic graphic according to an embodiment of the present application;
FIG. 3 shows a side view of a 3D display model of a 3D menu according to an embodiment of the present application;
FIG. 4 illustrates a top view of a 3D display model of a 3D menu according to an embodiment of the present application;
FIG. 5 shows a schematic diagram of a display interface according to an embodiment of the present application;
FIG. 6 shows a schematic diagram of a 2D model according to an embodiment of the present application;
FIG. 7 shows a schematic view of a 2D model according to another embodiment of the present application;
FIG. 8 shows a schematic view of a presentation device for a 3D menu according to an embodiment of the application;
fig. 9 shows a flowchart of a presentation method of a 3D menu according to another embodiment of the present application.
Wherein the figures include the following reference numerals:
100. a target 3D display model; 110. a basic pattern; 120. displaying the image; 200. a 2D model.
Detailed Description
It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict. The present application will be described in detail below with reference to the embodiments with reference to the attached drawings.
In order to make the technical solutions of the present application better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only some embodiments of the present application, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that the terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It should be understood that the data so used may be interchanged under appropriate circumstances such that embodiments of the application described herein may be used. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
It will be understood that when an element such as a layer, film, region, or substrate is referred to as being "on" another element, it can be directly on the other element or intervening elements may also be present. Also, in the specification and claims, when an element is described as being "connected" to another element, the element may be "directly connected" to the other element or "connected" to the other element through a third element.
As described in the background art, in order to solve the above-mentioned problem, which is difficult to quickly implement the 3D menu presentation in the prior art, in an exemplary embodiment of the present application, a 3D menu presentation method, a presentation apparatus, a computer-readable storage medium, a processor, and a display device are provided.
According to an embodiment of the application, a method for displaying a 3D menu is provided.
Fig. 1 is a flowchart of a method for displaying a 3D menu according to an embodiment of the present application. As shown in fig. 1, the method comprises the steps of:
step S101, obtaining a target 3D display model, as shown in fig. 2, where the target 3D display model 100 includes a basic graph 110 and a display image 120, where a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish type information, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, a connection line between center points of all the display images in the 3D menu forms a predetermined graph, the target menu data is unprocessed menu data, and the predetermined graph shown in fig. 3 and 4 is a circle;
step S102, in response to a predetermined operation acting on the display interface, moving and switching the display image in the 3D menu, as shown in fig. 5.
In the display method, firstly, a target 3D display model is obtained, the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and then the display images in the 3D menu are switched in a moving mode in response to preset operation acting on a display interface, so that a client can order dishes conveniently. In the method, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the method can be directly applied to other programs, namely, when the service requirement needing 3D menu display is received, bottom layer development is not needed to be carried out again, and therefore the problem that 3D menu display is difficult to realize rapidly in the prior art is solved.
It should also be noted that the steps illustrated in the flowcharts of the figures may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowcharts, in some cases, the steps illustrated or described may be performed in an order different than presented herein.
Fig. 4 shows a plurality of presentation images and a plurality of basic graphics, wherein part of the numbers shown in the figure represent the position numbers of the respective 3D display models, which are also the position numbers of the corresponding presentation graphics.
In another embodiment of the present application, in response to a predetermined operation acting on the display interface, the moving and switching of the display image in the 3D menu includes: responding to the preset operation, and determining the movement parameters of the 3D menu; and moving the 3D menu according to the moving parameters, and displaying the preset display image on the display interface. Specifically, after the target 3D display model is obtained, that is, after the 3D menu is constructed, a predetermined operation is performed on the display interface, and a movement parameter, for example, a rotation angle, of the 3D menu is determined according to the predetermined operation, so that the 3D menu is moved according to the movement parameter, for example, the 3D menu is rotated by 90 °, and the display interface displays a predetermined display image, so that the customer ordering process is convenient to operate.
In an embodiment of the application, determining a movement parameter of the 3D menu in response to the predetermined operation includes: constructing a 2D model 200 corresponding to the 3D menu, as shown in fig. 6 and 7; responding to the preset operation acted on the display interface, and determining a moving distance, wherein the moving distance is the moving distance of the 2D model corresponding to the preset operation; the movement parameter is determined based on the movement distance and a predetermined relationship, which is a conversion relationship between the movement distance in units and the movement parameter in units. Specifically, a 2D model corresponding to the 3D menu is constructed, that is, a 2D menu corresponding to the 3D menu is constructed, the dishes of the 3D menu and the 2D menu are the same, the position numbers of the menu data corresponding to the dishes are also the same, a moving distance is determined according to the predetermined operation on the display interface, the moving distance is a moving distance of the 2D model corresponding to the predetermined operation, that is, a moving distance of the 2D model corresponding to the predetermined operation when the predetermined operation is performed on the display interface of the 2D menu, and the moving distance is converted into a moving parameter of the 3D menu according to a conversion relation between the moving distance of a unit and the moving parameter of the unit, and the 2D menu can be operated and the 3D menu is synchronously moved, so that two displayed display images are the same, for example, the moving distance of the predetermined relation is 1cm and corresponds to the moving parameter of 10 °, when the reservation operation is performed on the display interface of the 2D menu, the movement distance of the 2D model is 3cm, and the movement parameter of the 3D menu is 30 °.
The conversion formula can be determined based on the predetermined relationship, that is, the movement parameter is (movement distance × 360 °)/(number of dishes × distance between centers of adjacent 2D models), and the movement parameter can be calculated based on the movement distance and the conversion formula. When the predetermined manipulation is to move the 2D model to the left, if the movement distance is-3 cm, the movement parameter of the 3D menu is-30 °, i.e., the left rotation of the 3D menu is 30 ° in response to the predetermined manipulation, and when the predetermined manipulation is to move the 2D model to the right, if the movement distance is 3cm, the movement parameter of the 3D menu is 30 °, i.e., the right rotation of the 3D menu is 30 ° in response to the predetermined manipulation.
It should be further noted that the 2D model is a transparent invisible interactive object, and is mainly used for sensing a user interactive event, for example, dragging or clicking, so as to enable the 2D menu to be dragged, and according to a service requirement, a prefabricated part or a construction code of the 3D display model is made or written, and the interactive event is transmitted to the 3D display model.
In practical applications, in an embodiment of the present application, before constructing the 2D model 200 corresponding to the 3D menu, the method further includes determining 2D model information, the 2D model information including a parent node of the 2D model, a width and a height of the 2D model, a construction position of the 2D model, and the like, the traditional ScrollView component is pre-mounted on a father node of the 2D model, so that the 2D menu supports the common plane menu sliding function, the width and the height of the 2D model are set, namely, the width and the height of the display picture of the 2D model are set, so that the width of the 2D model corresponds to the included angle of the basic graph of the adjacent 3D display model, so as to realize the operation synchronization of the 2D menu and the 3D menu, set the construction position of the 2D model, so that the distance between the parent node of the display model and the plane of the 2D model is equal to the predetermined distance, as shown in fig. 6 and 7.
Of course, in the actual application process, the 2D model is not necessarily established, and the corresponding relationship between the predetermined operation and the movement parameter of the 3D menu may be established in other feasible manners. For example, a conversion relation between a unit dragging distance of a predetermined operation and a unit moving parameter is established, so that the moving parameter is equal to an included angle between two adjacent basic graphs when the dragging distance is equal to the width of the display image.
In an embodiment of the application, after the 3D menu is moved according to the movement parameter and the predetermined display image is displayed on the display interface, the display method further includes: and correcting the position of the display image in the display interface. Specifically, the 3D menu is moved according to the movement parameters, after the movement is finished, the offset angle of the display image is calculated, the display image is slowly adjusted to reduce the offset angle, the position of the display image in the display interface is corrected, the position of the display image is displayed in a preset position of the display interface, a good display effect is guaranteed, and the use experience of customers is improved. The presentation image is one of the first presentation graphic or the second presentation image.
In an embodiment of the present application, the predetermined pattern is a circle, and the movement parameter is a rotation angle. Specifically, the basic graph is a basic graph to be constructed, the predetermined graph is a circle, and the movement parameter is a rotation angle, so that parent nodes of the 3D models are overlapped and have the same predetermined distance, and the display effect of the 3D menu is more stereoscopic. Of course, the predetermined pattern is not limited to a circle, and the movement parameter is not limited to a rotation angle, and those skilled in the art can select a suitable predetermined pattern and movement parameter according to actual situations.
In addition, the predetermined pattern of the present application is not limited to the circular shape mentioned above, and may be a square, a rectangle, an ellipse, a triangle, and other irregular patterns. It should be noted that, in the case that the predetermined figure is a circle, the rotation angle is a horizontal rotation angle, that is, the corresponding rotation is a rotation around a vertical rotation axis, which is a straight line perpendicular to the circle and passing through the center of the circle.
In order to make the displayed 3D menu have a better stereoscopic effect, in an embodiment of the present application, moving the 3D menu according to the movement parameter, and displaying the predetermined display image on the display interface includes: determining the preset display image according to the movement parameters; determining preset state information of a preset display image at least according to the construction position of each target 3D display model and the current information of the display interface, wherein the preset state information at least comprises information of display size; and displaying the preset display image on the display interface in the preset state according to the preset state information, wherein the information corresponding to the preset state is the preset state information. Specifically, the preset state information of the preset display image is determined at least according to the construction position of each target 3D display model and the current information of the display interface, that is, the currently displayed display image can be determined according to the current information of the display interface, the preset state information of the display image can be determined according to the position relationship between the construction position of each 3D display model and the construction position corresponding to the currently displayed display image, and at least the display scale of the display image is determined, so that the corresponding display image is displayed on the display interface at least according to the display scale of each display image.
In an embodiment of the application, determining predetermined state information of the predetermined display image according to at least a construction position of each target 3D display model and current information of the display interface includes: determining the distance between the building position and the center of the current display interface; acquiring a position number difference, wherein the position number difference is a difference between the position number of the corresponding display image and the position number of the display image positioned in the center of the display interface; and determining the preset state information according to the distance and the position number difference. Specifically, the distance between the building position and the current center of the display interface, that is, the position relationship between the display image and the center of the display interface is determined, so that at least the display scale of the presentation image is determined according to the distance, for example, the distance is zero, the presentation image is presented in the center of the presentation interface, the display proportion of the display images is 100%, the number of the display images which can be displayed by the display interface is limited, only the display image positioned in the center of the display interface and the display image with the position number close to the display image can be displayed, according to the difference between the position number of the presentation image and the position number of the presentation image located at the center of the presentation interface, that is, it may be determined whether the display image may be displayed on the display interface, for example, only one display image may be displayed on the display interface, and the display image with the position number difference of not zero may not be displayed on the display interface, so that the display scale of the display image is 0.
In an embodiment of the present application, the determining the predetermined state information according to the distance and the position number difference includes: in the case that the distance is greater than or equal to the first distance threshold D1, determining that the transparency of the corresponding display image is 100% and the display size ratio is 0%; when the distance is less than or equal to a second distance threshold value D2, determining that the transparency of the corresponding display image is 0% and the display size ratio is 100%, where the first distance threshold value is greater than the second distance threshold value; determining that the transparency of the corresponding display image is equal to a predetermined ratio V, the size ratio of the display being 1-V, V-D2)/(D1-D2, in the case where the distance is greater than the second distance threshold D2 and less than the first distance threshold D1; and determining that the corresponding display image is hidden when the position number difference is larger than a preset threshold value. Specifically, in the case that the distance is greater than or equal to the first distance threshold D1, the corresponding display image may not be displayed on the current display interface, that is, the transparency of the display image is 100%, and the displayed size ratio is 0%, in the case that the distance is less than or equal to the second distance threshold D2, the corresponding display image is the display image located in the center of the display interface, that is, the transparency of the display image is 0%, and the displayed size ratio is 100%, in the case that the distance is greater than the second distance threshold D2 and less than the first distance threshold D1, the corresponding display image may be displayed on the current display interface, but the display image is not the display image located in the center of the display interface, that is, the transparency of the display image is equal to the predetermined ratio V, and the displayed size ratio is 1-V, and if the position number difference is greater than a predetermined threshold, determining that the display images are hidden, for example, if the number of display images displayed on the display interface is 5, the predetermined threshold is 2, and if the position number corresponding to the display image located at the center of the display interface is 2, displaying the display images corresponding to the position numbers 0, 1, 2, 3 and 4 on the display interface, and hiding the other display images.
It should be noted that, a person skilled in the art may select an appropriate first distance threshold D1, second distance threshold D2 and a predetermined threshold according to actual situations, so as to ensure that the display effect of the presentation interface is good.
In a specific embodiment of the present application, before obtaining the target 3D display model, the method further includes: constructing a target 3D display model, wherein the step of constructing the target 3D display model comprises the following steps: acquiring target menu data and corresponding configuration information; determining a target construction position of the target 3D display model to be constructed according to the configuration information; and constructing the target 3D display model according to the target construction position and the target menu data. The preset distance is determined according to the target construction position, the corresponding target 3D display model can be constructed before the target 3D display model is obtained, and the corresponding target 3D display model can be more accurately and reasonably constructed by the construction method.
In an embodiment of the present application, acquiring target menu data and corresponding configuration information includes: acquiring the target menu data; acquiring the position of a father node; acquiring the position number of the target menu data in a data list; and acquiring the preset distance. Specifically, the configuration information includes a position of a parent node, a position number of the target menu data in the data list, and a predetermined distance, so that a target construction position of the target 3D display model to be constructed, that is, positions of the basic graph and the display image, can be determined according to the configuration information, so as to ensure that central points of all the display images in the 3D menu are connected to form a predetermined graph after construction is completed.
In another embodiment of the present application, before obtaining the target menu data and the corresponding configuration information, constructing the target 3D display model includes: determining 3D display model information and corresponding configuration information, wherein the configuration information comprises the position and the preset distance of a father node of a 3D display model, an included angle of basic graphs of adjacent 3D display models, the display position of a display image, the width and the height of the display image and the like, and the 3D model information comprises the shape of the basic graphs, the size of the basic graphs, the color of the display image, the shape of the display image, the position and the size of a text box in the display image, the color, the font and the size of characters and the like.
In yet another embodiment of the present application, before obtaining the target menu data, the method further includes waiting for incoming menu data, and implementing a requirement of a 3D menu data interface on the target menu data, where the interface requirement is a data structure for implementing a service requirement of the interface and a logical process of a display object, for example, the target menu data determines target dish category information, and displays the target dish category information on a display image, so as to implement dish classification. And before the target menu data is acquired, whether the target dish type information corresponding to the target menu data exists or not is judged, and if the target dish type information exists, the old display object needs to be cleaned. In addition, the method of constructing the base graph of the 2D model operates according to business processes, for example, mouse events binding the 2D model, and the like.
In an embodiment of the present application, determining a target building position of the target 3D display model to be built according to the configuration information includes: determining the position of the father node as the position of a constructed basic point, wherein the position of the constructed basic point is the position of the central point of the basic graph to be constructed; and determining a construction angle according to the position number, wherein the construction angle is an included angle between a plane where the basic graph to be constructed is located and a reference plane, the reference plane is a plane where the basic graph corresponding to the initial number is located, and the initial number is the minimum value of the position number. Specifically, the position of the father node is determined as the position of a constructed basic point, that is, the position of the center point of the basic graph is determined, other points of the target 3D display model are child nodes, the father node moves, the child nodes also move, the relative positions of the child nodes and the child nodes are kept unchanged, then a constructed angle is determined according to the position number, that is, an included angle between a plane where the basic graph is located and a reference plane is determined, so that the constructed position of the basic graph is obtained, wherein the value range of the constructed angle θ is 0 or more and θ <360 °, for example, a 3D menu to be constructed includes 12 dishes, the position number of target menu data in a data list is 0, that is, the position number is an initial number, the plane where the basic graph is located coincides with the reference plane, the position number of the target menu data in the data list is 3, the constructed angle is 90 °, i.e. the angle between the plane in which the basic figure lies and the reference plane is 90 deg..
In an embodiment of the present application, constructing a target 3D display model according to the target construction position and the target menu data includes: constructing the basic graph according to the positions of the construction basic points and the construction angles; constructing an initial display image according to the preset distance; determining the category information of the target dishes according to the target menu data; the target dish type information is displayed on the initial display image to form the display image, as shown in fig. 2. Specifically, the basic graph is constructed according to the position of the constructed basic point and the constructed angle, namely, a central point of the basic graph is constructed at the position of the constructed basic point, an included angle between a plane where the basic graph is located and a reference plane is equal to the constructed angle, so that the construction of the basic graph can be completed, an initial display image is constructed according to the preset distance, namely, an initial display image is constructed, the length of a central point connecting line is the preset distance, the central point connecting line is on the plane where the basic graph is located, the central point connecting line is a connecting line between the central point of the initial display image and the central point of the basic graph, then, target dish category information is displayed on the initial display image, the display image can be formed, and the construction of the target 3D display model is completed.
It should be noted that, before the target menu data and the corresponding configuration information are acquired, it is determined whether unprocessed menu data exists.
The embodiment of the present application further provides a display device for a 3D menu, and it should be noted that the display device for a 3D menu of the embodiment of the present application may be used to execute the display method for a 3D menu provided by the embodiment of the present application. The following describes a 3D menu display apparatus provided in an embodiment of the present application.
Fig. 8 is a schematic diagram of a presentation device of a 3D menu according to an embodiment of the present application. As shown in fig. 8, the apparatus includes an obtaining unit 300 and a processing unit 400, wherein the obtaining unit 300 is configured to obtain a target 3D display model, as shown in fig. 2, the target 3D display model 100 includes a basic graph 110 and a display image 120, a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of the display images form a 3D menu, a connecting line of center points of all the display images in the 3D menu forms a predetermined graph, the target menu data is unprocessed menu data, and the predetermined graph shown in fig. 3 and 4 is a circle; the processing unit 400 is configured to perform movement switching on the presentation image in the 3D menu in response to a predetermined operation acting on a presentation interface, as shown in fig. 5.
In the display device, an acquisition unit acquires a target 3D display model, the target 3D display model includes a basic graph and a display image, a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish type information, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, and a connection line of the center points of all the display images in the 3D menu forms a predetermined graph, a processing unit responds to a predetermined operation acting on a display interface, and the display images in the 3D menu are moved and switched, so that a client can order dishes. In the device, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the device can be directly applied to other programs, namely when the service requirement needing 3D menu display is received, bottom development does not need to be carried out again, and therefore the problem that 3D menu display is difficult to realize rapidly in the prior art is solved.
In another embodiment of the present application, the processing unit includes a first determining module and a display module, wherein the first determining module is configured to determine a movement parameter of the 3D menu in response to the predetermined operation; the display module is used for moving the 3D menu according to the movement parameters and displaying the preset display image on the display interface. Specifically, after the target 3D display model is obtained, that is, after the 3D menu is constructed, a predetermined operation is performed on the display interface, and a movement parameter, for example, a rotation angle, of the 3D menu is determined according to the predetermined operation, so that the 3D menu is moved according to the movement parameter, for example, the 3D menu is rotated by 90 °, and the display interface displays a predetermined display image, so that the ordering process of a customer is convenient to operate.
In an embodiment of the present application, the first determining module includes a building submodule, a first determining submodule, and a second determining submodule, where the building submodule is configured to build the 2D model 200 corresponding to the 3D menu, as shown in fig. 6 and 7; the first determining submodule is used for determining a moving distance in response to the preset operation acted on the display interface, and the moving distance is the moving distance of the 2D model corresponding to the preset operation; the second determination submodule is configured to determine the movement parameter based on the movement distance and a predetermined relationship, where the predetermined relationship is a conversion relationship between the movement distance per unit and the movement parameter per unit. Specifically, a 2D model corresponding to the 3D menu is constructed, that is, a 2D menu corresponding to the 3D menu is constructed, the dishes of the 3D menu and the 2D menu are the same, the position numbers of the menu data corresponding to the dishes are also the same, a moving distance is determined according to the predetermined operation on the display interface, the moving distance is a moving distance of the 2D model corresponding to the predetermined operation, that is, a moving distance of the 2D model corresponding to the predetermined operation when the predetermined operation is performed on the display interface of the 2D menu, and the moving distance is converted into a moving parameter of the 3D menu according to a conversion relation between the moving distance of a unit and the moving parameter of the unit, and the 2D menu can be operated and the 3D menu is synchronously moved, so that two displayed display images are the same, for example, the moving distance of the predetermined relation is 1cm and corresponds to the moving parameter of 10 °, when the reservation operation is performed on the display interface of the 2D menu, the movement distance of the 2D model is 3cm, and the movement parameter of the 3D menu is 30 °.
The conversion formula can be determined based on the predetermined relationship, that is, the movement parameter is (movement distance × 360 °)/(number of dishes × distance between centers of adjacent 2D models), and the movement parameter can be calculated based on the movement distance and the conversion formula. When the predetermined manipulation is a movement of the 2D model to the left, if the movement distance is-3 cm, the movement parameter of the 3D menu is-30 °, i.e., a left rotation of the 3D menu by 30 ° in response to the predetermined manipulation, and when the predetermined manipulation is a movement of the 2D model to the right, if the movement distance is 3cm, the movement parameter of the 3D menu is 30 °, i.e., a right rotation of the 3D menu by 30 ° in response to the predetermined manipulation.
It should be further noted that the 2D model is a transparent invisible interactive object, and is mainly used for sensing a user interactive event, for example, dragging or clicking, so as to enable the 2D menu to be dragged, and according to a service requirement, a prefabricated part or a construction code of the 3D display model is made or written, and the interactive event is transmitted to the 3D display model.
In practical application, in an embodiment of the present application, the apparatus further includes a determining unit, where the determining unit is configured to determine 2D model information before constructing the 2D model 200 corresponding to the 3D menu, where the 2D model information includes a parent node of the 2D model, a width and a height of the 2D model, a construction position of the 2D model, and the like, mount a traditional ScrollView component in advance on the parent node of the 2D model, so that the 2D menu supports a common plane menu sliding function, set the width and the height of the 2D model, that is, set the width and the height of a display picture of the 2D model, so that the width of the 2D model corresponds to an included angle between a base graph of an adjacent 3D display model, so as to implement operation synchronization between the 2D menu and the 3D menu, and set the construction position of the 2D model, so that a distance between the parent node of the 3D display model and a plane where the 2D model is located is equal to a predetermined distance, as shown in fig. 6 and 7.
Of course, in the actual application process, the 2D model is not necessarily established, and the corresponding relationship between the predetermined operation and the movement parameter of the 3D menu may be established in other feasible manners. For example, a conversion relation between a unit dragging distance of a predetermined operation and a unit moving parameter is established, so that the moving parameter is equal to an included angle between two adjacent basic graphs when the dragging distance is equal to the width of the display image.
In an embodiment of the application, the display apparatus further includes a correction unit, and the correction unit is configured to correct a position of the display image in the display interface after the 3D menu is moved according to the movement parameter to display a predetermined display image on the display interface. Specifically, the 3D menu is moved according to the movement parameters, so that the display image in the display interface is corrected, the display image is displayed at a preset position on the display interface, a good display effect is guaranteed, and the use experience of a customer is improved. The presentation image is one of the first presentation graphic or the second presentation image.
In an embodiment of the application, the predetermined pattern is a circle, and the movement parameter is a rotation angle. Specifically, the basic graph is a basic graph to be constructed, the predetermined graph is a circle, and the movement parameter is a rotation angle, so that the parent nodes of the 3D models are overlapped and have the same predetermined distance, and the display effect of the 3D menu is more stereoscopic. Of course, the predetermined pattern is not limited to a circle, and the movement parameter is not limited to a rotation angle, and those skilled in the art can select a suitable predetermined pattern and movement parameter according to actual situations.
In addition, the predetermined pattern of the present application is not limited to the circular shape mentioned above, and may be a square, a rectangle, an ellipse, a triangle, and other irregular patterns. It should be noted that, in the case that the predetermined figure is a circle, the rotation angle is a horizontal rotation angle, that is, the corresponding rotation is a rotation around a vertical rotation axis, which is a straight line perpendicular to the circle and passing through the center of the circle.
In order to enable the displayed 3D menu to have a better stereoscopic effect, in an embodiment of the present application, the display module includes a third determining sub-module, a fourth determining sub-module, and a display sub-module, where the third determining sub-unit is configured to determine the predetermined display image according to the movement parameter; the fourth determining sub-module is configured to determine predetermined state information of the predetermined display image according to at least a construction position of each target 3D display model and current information of the display interface, where the predetermined state information at least includes information about a display size; the display sub-module is configured to display the predetermined display image on the display interface in the predetermined state according to the predetermined state information, where information corresponding to the predetermined state is the predetermined state information. Specifically, the preset state information of the preset display image is determined at least according to the construction position of each target 3D display model and the current information of the display interface, that is, the currently displayed display image can be determined according to the current information of the display interface, the preset state information of the display image can be determined according to the position relationship between the construction position of each 3D display model and the construction position corresponding to the currently displayed display image, and at least the display scale of the display image is determined, so that the corresponding display image is displayed on the display interface at least according to the display scale of each display image.
In an embodiment of the application, the fourth determining sub-module is further configured to determine a distance between the building position and a center of the current display interface; acquiring a position number difference, wherein the position number difference is a difference between the position number of the corresponding display image and the position number of the display image positioned in the center of the display interface; and determining the predetermined state information according to the distance and the position number difference. Specifically, the distance between the building position and the current center of the display interface, that is, the position relationship between the display image and the center of the display interface is determined, so that at least the display scale of the presentation image is determined according to the distance, for example, the distance is zero, the presentation image is presented in the center of the presentation interface, the display proportion of the display images is 100%, the number of the display images which can be displayed by the display interface is limited, only the display image positioned in the center of the display interface and the display images with the position numbers close to the display images can be displayed, according to the difference between the position number of the presentation image and the position number of the presentation image located at the center of the presentation interface, that is, it may be determined whether the display image may be displayed on the display interface, for example, only one display image may be displayed on the display interface, and the display image with the position number difference of not zero may not be displayed on the display interface, so that the display scale of the display image is 0.
In an embodiment of the application, the fourth determining sub-module is further configured to determine that the transparency of the corresponding display image is 100% and the display size ratio is 0% when the distance is greater than or equal to the first distance threshold D1; when the distance is less than or equal to a second distance threshold value D2, determining that the transparency of the corresponding display image is 0% and the display size ratio is 100%, where the first distance threshold value is greater than the second distance threshold value; determining that the transparency of the corresponding display image is equal to a predetermined ratio V, the size ratio of the display being 1-V, V-D2)/(D1-D2, in the case where the distance is greater than the second distance threshold D2 and less than the first distance threshold D1; and determining that the corresponding display image is hidden when the position number difference is larger than a preset threshold value. Specifically, in the case that the distance is greater than or equal to the first distance threshold D1, the corresponding display image may not be displayed on the current display interface, that is, the transparency of the display image is 100%, and the display size ratio is 0%, in the case that the distance is less than or equal to the second distance threshold D2, the corresponding display image is the display image located in the center of the display interface, that is, the transparency of the display image is 0%, and the display size ratio is 100%, in the case that the distance is greater than the second distance threshold D2 and less than the first distance threshold D1, the corresponding display image may be displayed on the current display interface, but the display image is not the display image located in the center of the display interface, that is, the transparency of the display image is equal to the predetermined ratio V, and the display size ratio is 1-V, and V is (D-D2)/(D1-D2), so that the display image is subjected to equal-scale display ratio conversion with distance change, because the number of display images that can be displayed by the display interface is limited, when the position number difference is greater than a predetermined threshold, the display image is determined to be hidden, for example, when the number of display images displayed by the display interface is 5, the predetermined threshold is 2, and if the position number corresponding to the display image located at the center of the display interface is 2, the display images corresponding to the position numbers 0, 1, 2, 3 and 4 are displayed on the display interface, and other display images are hidden.
It should be noted that, a person skilled in the art may select an appropriate first distance threshold D1, second distance threshold D2 and a predetermined threshold according to actual situations, so as to ensure that the display effect of the presentation interface is good.
In a specific embodiment of the present application, the apparatus further includes a building unit, where the building unit is configured to build the target 3D display model before the target 3D display model is obtained. The construction unit comprises a first acquisition module, a second determination module and a construction module, wherein the first acquisition module is used for acquiring the target menu data and the corresponding configuration information; the second determining module is configured to determine a target construction position of the target 3D display model to be constructed according to the configuration information; the construction module is used for constructing the target 3D display model according to the target construction position and the target menu data. The preset distance is determined according to the target construction position, the corresponding target 3D display model can be constructed before the target 3D display model is obtained, and the corresponding target 3D display model can be more accurately and reasonably constructed by the construction method.
According to another specific embodiment of the present application, the first obtaining module includes a first obtaining sub-module, a second obtaining sub-module, a third obtaining sub-module, and a fourth obtaining sub-module, where the first obtaining sub-module is configured to obtain the target menu data; the second obtaining submodule is used for obtaining the position of the father node; the third obtaining submodule is used for obtaining the position number of the target menu data in a data list; the fourth obtaining submodule is configured to obtain the predetermined distance. Specifically, the configuration information includes a position of a parent node, a position number of the target menu data in the data list, and a predetermined distance, so that a target construction position of the target 3D display model to be constructed, that is, positions of the basic graph and the display image can be determined according to the configuration information, so as to ensure that connection lines between center points of all the display images, center points of all the second display images, and center points of the display images in the 3D menu after construction form a predetermined graph.
In another embodiment of the application, the building unit further includes a third determining module, configured to determine information of the 3D display model and corresponding configuration information before obtaining the target menu data and the corresponding configuration information, where the configuration information includes a position of a parent node of the 3D display model, a predetermined distance, an included angle between basic graphics of adjacent 3D display models, a display position of the display image, a width and a height of the display image, and the like, and the 3D model information includes a shape of the basic graphics, a size of the basic graphics, a color of the display image, a shape of the display image, a position and a size of a text box in the display image, a color, a font, a size, and the like of a text.
In yet another embodiment of the application, the first obtaining module is further configured to wait for the incoming menu data before obtaining the target menu data, and implement a requirement of a 3D menu data interface on the target menu data, where the interface requires a data structure for implementing a service requirement of the interface and logic processing of a display object, for example, the target menu data determines target dish category information, and displays the target dish category information on a display image, so as to implement dish classification. And before the target menu data is acquired, whether the target dish type information corresponding to the target menu data exists or not is judged, and if the target dish type information exists, the old display object needs to be cleaned. In addition, the apparatus for constructing the base graph of the 2D model operates according to a business process, for example, a mouse event binding the 2D model, and the like.
In an embodiment of the application, the second determining module includes a fifth determining submodule and a sixth determining submodule, where the fifth determining submodule is configured to determine that the position of the parent node is a position of a constructed basic point, and the position of the constructed basic point is a position of a central point of the basic graph to be constructed; the sixth determining submodule is configured to determine a construction angle according to the position number, where the construction angle is an included angle between a plane where the basic graph to be constructed is located and a reference plane, the reference plane is a plane where the basic graph corresponding to the start number is located, and the start number is a minimum value of the position number. Specifically, the position of the father node is determined as the position of a constructed basic point, that is, the position of the center point of the basic graph is determined, other points of the target 3D display model are child nodes, the father node moves, the child nodes also move, the relative positions of the child nodes and the child nodes are kept unchanged, then a constructed angle is determined according to the position number, that is, an included angle between a plane where the basic graph is located and a reference plane is determined, so that the constructed position of the basic graph is obtained, wherein the value range of the constructed angle θ is 0 or more and θ <360 °, for example, a 3D menu to be constructed includes 12 dishes, the position number of target menu data in a data list is 0, that is, the position number is an initial number, the plane where the basic graph is located coincides with the reference plane, the position number of the target menu data in the data list is 3, the constructed angle is 90 °, i.e. the angle between the plane in which the basic figure lies and the reference plane is 90 deg..
In an embodiment of the present application, the building module includes a first building submodule, a second building submodule, a seventh determining submodule, and a first display submodule, where the first building submodule is configured to build the basic graph according to the position of the building basic point and the building angle; the second construction submodule is used for constructing an initial display image according to the preset distance; the seventh determining submodule is configured to determine the target dish type information according to the target menu data; the first display sub-module is configured to display the target dish type information on the initial display image to form the display image, as shown in fig. 2. Specifically, the basic graph is constructed according to the position of the constructed basic point and the constructed angle, namely, a central point of the basic graph is constructed at the position of the constructed basic point, an included angle between a plane where the basic graph is located and a reference plane is equal to the constructed angle, so that the construction of the basic graph can be completed, an initial display image is constructed according to the preset distance, namely, an initial display image is constructed, the length of a central point connecting line is the preset distance, the central point connecting line is on the plane where the basic graph is located, the central point connecting line is a connecting line between the central point of the initial display image and the central point of the basic graph, then, target dish category information is displayed on the initial display image, the display image can be formed, and the construction of the target 3D display model is completed.
It should be noted that, before the target menu data and the corresponding configuration information are acquired, it is determined whether unprocessed menu data exists.
An embodiment of the present application further provides a display device, including: one or more processors, memory, a display device, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for performing any of the above-described presentation methods.
In the display device, during the program executing the display method, firstly, a target 3D display model is obtained, the target 3D display model includes a basic graph and a display image, a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish type information, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, and a connection line of the center points of all the display images in the 3D menu forms a predetermined graph, and then, in response to a predetermined operation acting on a display interface, the display images in the 3D menu are moved and switched, so that a client can order dishes. In the equipment, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the device can be directly applied to other programs, namely when the business requirement needing 3D menu display is received, bottom development does not need to be carried out again, and therefore the problem that 3D menu display is difficult to achieve rapidly in the prior art is solved.
In order to make the technical solutions of the present application more clearly understood by those skilled in the art, the technical solutions of the present application will be described below with reference to specific embodiments.
Examples
As shown in fig. 9, the method for displaying the 3D menu includes the following steps:
step S201, determining information of a target 3D display model and information of a 2D model, namely determining a corresponding display object, and making or writing a prefabricated part or a construction code of the display object of the target 3D display model according to actual business requirements, wherein the 2D model information comprises a father node of the 2D model, the width and the height of the 2D model and the construction position of the 2D model, and the target 3D model information comprises the shape of a basic graph, the size of the basic graph, the color of a display image, the shape of the display image, the position and the size of a text box in the display image, the color, the font, the size and the like of characters;
step S202, determining configuration information, wherein the configuration information comprises the position of a father node of a 3D display model, a preset distance, an included angle of basic graphs of adjacent 3D display models, the display position of a display image, the width and the height of the display image and the like, and the 3D display model comprises a target 3D display model and a non-target 3D display model;
step S203, acquiring configuration information corresponding to a target 3D display model, wherein the configuration information comprises a father node position, a position number of the target menu data in a data list and the preset distance, determining the father node position as a construction basic point position, the construction basic point position as a central point position of the basic graph to be constructed, determining a construction angle according to the position number, the construction angle being an included angle between a plane where the basic graph to be constructed is located and a reference plane, the reference plane being a plane where the basic graph corresponding to a starting number is located, and the starting number being a minimum value of the position number;
step S204, waiting for the incoming menu data, determining whether the target dish type information exists, and if so, cleaning the old display object;
step S205, determining whether unprocessed menu data exists, if yes, obtaining target menu data, wherein the target menu data is unprocessed menu data, and if not, finishing data updating;
step S206, constructing a target 3D display model, constructing the basic graph according to the position of the constructed basic point and the constructed angle, constructing an initial display image according to the preset distance, determining the target dish type information according to the target menu data, and displaying the target dish type information on the initial display image to form the display image;
step S207 of displaying the corresponding display image on the display interface according to the predetermined status information, determining a distance between the constructed position and a center of the current display interface, obtaining a position number difference, which is a difference between the position number of the corresponding display image and the position number of the display image located at the center of the display interface, determining the predetermined status information according to the distance and the position number difference, determining that the transparency of the display image is 100% and the size ratio of the display image is 0% when the distance is greater than or equal to a first distance threshold D1, and determining that the transparency of the display image is 0% and the size ratio of the display image is 100% when the distance is less than or equal to a second distance threshold D2, when the distance is greater than the second distance threshold value and is less than the first distance threshold value D1, the first distance threshold value is greater than the second distance threshold value D2, and the predetermined state information is determined as the transparency of the display image being equal to a predetermined ratio V, the size ratio of the display being 1-V, and V being (D-D2)/(D1-D2), and when the difference in the position numbers is greater than the predetermined threshold value, the predetermined state information is determined as the display image being hidden;
step S208 of constructing a 2D model corresponding to the 3D menu, determining a movement distance in response to the predetermined operation applied to the presentation interface, the movement distance being a movement distance of the 2D model corresponding to the predetermined operation, determining the rotation angle based on the movement distance and a predetermined relationship, the predetermined relationship being a conversion relationship between a unit movement distance and a unit rotation angle, moving the 3D menu based on the rotation angle to display a predetermined presentation image on the presentation interface, and correcting a position of the presentation image on the presentation interface;
step S209, repeatedly executing step S205 to step S208 until there is no unprocessed menu data, the display image forming a 3D menu, connecting lines between center points of all the display images and center points of all the second display images in the 3D menu forming a circle, and ending the data updating.
The display device comprises a processor and a memory, the acquisition unit, the determination unit, the construction unit, the first display unit and the like are stored in the memory as program units, and the processor executes the program units stored in the memory to realize corresponding functions.
The processor comprises a kernel, and the kernel calls the corresponding program unit from the memory. One or more kernels can be set, and the problem that 3D menu display is difficult to realize rapidly in the prior art is solved by adjusting kernel parameters.
The memory may include volatile memory in a computer readable medium, Random Access Memory (RAM) and/or nonvolatile memory such as Read Only Memory (ROM) or flash memory (flash RAM), and the memory includes at least one memory chip.
An embodiment of the present invention provides a computer-readable storage medium, on which a program is stored, which, when executed by a processor, implements the presentation method described above.
The embodiment of the invention provides a processor, wherein the processor is used for running a program, and the display method is executed when the program runs.
The embodiment of the invention provides equipment, which comprises a processor, a memory and a program which is stored on the memory and can run on the processor, wherein when the processor executes the program, at least the following steps are realized:
step S101, obtaining a target 3D display model, wherein the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and the target menu data are unprocessed menu data;
step S102, in response to a predetermined operation acting on a display interface, moving and switching the display image in the 3D menu.
The device herein may be a server, a PC, a PAD, a mobile phone, etc.
The present application further provides a computer program product adapted to perform a program initialized with at least the following method steps when executed on a data processing device:
step S101, obtaining a target 3D display model, wherein the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and the target menu data are unprocessed menu data;
step S102, in response to a predetermined operation acting on a display interface, moving and switching the display image in the 3D menu.
In the above embodiments of the present invention, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
In the embodiments provided in the present application, it should be understood that the disclosed technology can be implemented in other ways. The above-described apparatus embodiments are merely illustrative, and for example, the division of the above-described units may be a logical division, and in actual implementation, there may be another division, for example, multiple units or components may be combined or may be integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, units or modules, and may be in an electrical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one position, or may be distributed on a plurality of units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit may be stored in a computer-readable storage medium if it is implemented in the form of a software functional unit and sold or used as a separate product. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the above methods according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.
From the above description, it can be seen that the above-described embodiments of the present application achieve the following technical effects:
1) in the display method, firstly, a target 3D display model is obtained, the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, target dish type information is displayed on the display image, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and then, in response to preset operation acting on the display interface, the display images in the 3D menu are switched in a moving mode, so that a client can order dishes conveniently. In the method, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the method can be directly applied to other programs, namely, when the service requirement needing 3D menu display is received, bottom layer development is not needed to be carried out again, and therefore the problem that 3D menu display is difficult to realize rapidly in the prior art is solved.
2) In the display device, an obtaining unit obtains a target 3D display model, the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, target dish type information is displayed on the display image, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, a processing unit responds to preset operation acting on the display interface, and the display images in the 3D menu are switched in a moving mode so that a client can order dishes. In the device, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the device can be directly applied to other programs, namely when the service requirement needing 3D menu display is received, bottom layer development is not needed to be carried out again, and therefore the problem that 3D menu display is difficult to realize rapidly in the prior art is solved.
3) In the display device, during the process of executing the display method by a program, firstly, a target 3D display model is obtained, the target 3D display model includes a basic graph and a display image, a distance between a center point of the display image and a center point of the basic graph is a predetermined distance, the display image displays target dish type information, the target dish type information is determined according to the target menu data, a plurality of display images form a 3D menu, a predetermined graph is formed by connecting center points of all the display images in the 3D menu, and then, in response to a predetermined operation acting on a display interface, the display image in the 3D menu is moved and switched so as to facilitate a client to order dishes. In the equipment, the central points of all the display images in the 3D menu are connected to form a preset graph, so that the 3D menu is formed, namely, the display mode of the menu is changed from a 2D mode to a 3D mode, the display is more stereoscopic and vivid, and the substitution feeling and the attraction force are improved. In addition, the device can be directly applied to other programs, namely, when the service requirement needing 3D menu display is received, bottom layer development is not needed to be carried out again, and therefore the problem that 3D menu display is difficult to realize rapidly in the prior art is solved.
The above description is only a preferred embodiment of the present application and is not intended to limit the present application, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application shall be included in the protection scope of the present application.

Claims (11)

1. A method for displaying a 3D menu is characterized by comprising the following steps:
acquiring a target 3D display model, wherein the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and the target menu data is unprocessed menu data;
in response to a predetermined operation acting on a presentation interface, the presentation image in the 3D menu is subjected to movement switching;
before acquiring the target 3D display model, the method further comprises: a target 3D display model is constructed,
constructing the target 3D display model includes:
acquiring target menu data and corresponding configuration information;
determining a target construction position of the target 3D display model to be constructed according to the configuration information;
constructing the target 3D display model according to the target construction position and the target menu data, responding to a preset operation acted on the display interface, and performing movement switching on the display image in the 3D menu, wherein the movement switching comprises the following steps:
determining a movement parameter of the 3D menu in response to the predetermined operation;
moving the 3D menu according to the moving parameters, displaying the preset display image on the display interface, and acquiring target menu data and corresponding configuration information, wherein the method comprises the following steps:
acquiring the target menu data;
acquiring the position of a father node;
acquiring the position number of the target menu data in a data list;
the predetermined distance is obtained by taking the distance as a predetermined distance,
determining a target construction position of the target 3D display model to be constructed according to the configuration information, including:
determining the position of the father node as the position of a construction basic point, wherein the position of the construction basic point is the position of the central point of the basic graph to be constructed;
determining a construction angle according to the position number, wherein the construction angle is an included angle between a plane where the basic graph to be constructed is located and a reference plane, the reference plane is a plane where the basic graph corresponding to an initial number is located, and the initial number is the minimum value of the position number,
constructing the target 3D display model according to the target construction position and the target menu data, including:
constructing the basic graph according to the positions of the construction basic points and the construction angles;
constructing an initial display image according to the preset distance;
determining the category information of the target dishes according to the target menu data;
and displaying the target dish category information on the initial display image to form the display image.
2. The presentation method according to claim 1, wherein determining a movement parameter of the 3D menu in response to the predetermined operation comprises:
constructing a 2D model corresponding to the 3D menu;
responding to the preset operation acted on the display interface, and determining a moving distance, wherein the moving distance is the moving distance of the 2D model corresponding to the preset operation;
and determining the movement parameter according to the movement distance and a preset relation, wherein the preset relation is a conversion relation between the unit movement distance and the unit movement parameter.
3. The presentation method according to claim 1, wherein after moving the 3D menu according to the movement parameter and displaying a predetermined presentation image on the presentation interface, the presentation method further comprises:
correcting the position of the display image in the display interface.
4. The method as claimed in claim 1, wherein the predetermined pattern is a circle and the movement parameter is a rotation angle.
5. The presentation method according to any one of claims 1 to 4, wherein moving the 3D menu according to the movement parameter and displaying a predetermined presentation image on the presentation interface comprises:
determining the preset display image according to the movement parameter;
determining preset state information of a preset display image at least according to the construction position of each target 3D display model and the current information of the display interface, wherein the preset state information at least comprises information of display size;
and displaying the preset display image on the display interface in the preset state according to the preset state information, wherein the information corresponding to the preset state is the preset state information.
6. The method according to claim 5, wherein determining predetermined state information of the predetermined presentation image according to at least the construction position of each target 3D display model and the information of the current presentation interface comprises:
determining the distance between the building position and the center of the current display interface;
acquiring a position number difference, wherein the position number difference is the difference between the corresponding position number of the display image and the position number of the display image positioned in the center of the display interface;
and determining the preset state information according to the distance and the position number difference.
7. The method of claim 6, wherein determining the predetermined status information according to the distance and the position number difference comprises:
in the case that the distance is greater than or equal to a first distance threshold D1, determining that the transparency of the corresponding display image is 100% and the displayed size ratio is 0%;
if the distance is less than or equal to a second distance threshold D2, determining that the transparency of the corresponding display image is 0% and the displayed size proportion is 100%, the first distance threshold being greater than the second distance threshold;
in the event that the distance is greater than the second distance threshold D2 and less than the first distance threshold D1, determining that the transparency of the corresponding display image is equal to a predetermined ratio V, the size ratio of the display being 1-V, (D-D2)/(D1-D2);
and if the position number difference is larger than a preset threshold value, determining that the corresponding display image is hidden.
8. A presentation device for a 3D menu, comprising:
the device comprises an acquisition unit, a display unit and a processing unit, wherein the acquisition unit is used for acquiring a target 3D display model, the target 3D display model comprises a basic graph and a display image, the distance between the center point of the display image and the center point of the basic graph is a preset distance, the display image displays target dish type information, the target dish type information is determined according to target menu data, a plurality of display images form a 3D menu, the center points of all the display images in the 3D menu are connected to form a preset graph, and the target menu data are unprocessed menu data;
the processing unit is used for responding to a preset operation acted on a display interface, and the display image in the 3D menu is switched in a moving mode;
the apparatus further comprises a construction unit for constructing the target 3D display model prior to acquiring the target 3D display model,
the construction unit includes:
the first acquisition module is used for acquiring the target menu data and corresponding configuration information;
the second determining module is used for determining a target construction position of the target 3D display model to be constructed according to the configuration information;
a construction module for constructing the target 3D display model from the target construction position and the target menu data,
the processing unit comprises a first determination module and a display module, wherein the first determination module is used for responding to the predetermined operation and determining the movement parameter of the 3D menu; the display module is used for moving the 3D menu according to the movement parameters and displaying the preset display image on the display interface,
the first obtaining module comprises:
the first acquisition sub-module is used for acquiring the target menu data;
the second obtaining submodule is used for obtaining the position of the father node;
the third obtaining submodule is used for obtaining the position number of the target menu data in a data list;
a fourth acquisition submodule for acquiring the predetermined distance,
the second determining module includes:
a fifth determining submodule, configured to determine that the position of the parent node is a position of a construction base point, where the position of the construction base point is a position of a center point of the base graph to be constructed;
a sixth determining submodule, configured to determine a construction angle according to the position number, where the construction angle is an included angle between a plane where the basic graph to be constructed is located and a reference plane, the reference plane is a plane where the basic graph corresponding to an initial number is located, and the initial number is a minimum value of the position number,
the building module comprises:
a first constructing submodule, configured to construct the basic graph according to the positions of the construction basic points and the construction angles;
the second construction submodule is used for constructing an initial display image according to the preset distance;
a seventh determining submodule, configured to determine the target dish category information according to the target menu data;
and the first display sub-module is used for displaying the target dish type information on the initial display image to form the display image.
9. A computer-readable storage medium characterized in that the storage medium includes a stored program, wherein the program executes the presentation method of any one of claims 1 to 7.
10. A processor, configured to run a program, wherein the program when running performs the presentation method of any one of claims 1 to 7.
11. A display device, comprising: one or more processors, memory, a display device, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing the presentation method of any one of claims 1 to 7.
CN202011148850.8A 2020-10-23 2020-10-23 Display method and device of 3D menu, processor and display equipment Active CN112256185B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011148850.8A CN112256185B (en) 2020-10-23 2020-10-23 Display method and device of 3D menu, processor and display equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011148850.8A CN112256185B (en) 2020-10-23 2020-10-23 Display method and device of 3D menu, processor and display equipment

Publications (2)

Publication Number Publication Date
CN112256185A CN112256185A (en) 2021-01-22
CN112256185B true CN112256185B (en) 2022-09-30

Family

ID=74261073

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011148850.8A Active CN112256185B (en) 2020-10-23 2020-10-23 Display method and device of 3D menu, processor and display equipment

Country Status (1)

Country Link
CN (1) CN112256185B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116048352A (en) * 2022-07-29 2023-05-02 荣耀终端有限公司 Display diagram switching method and electronic equipment

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1458565A (en) * 2002-05-13 2003-11-26 京瓷株式会社 Protable information temrinal device, display controller, method and program
JP2012118652A (en) * 2010-11-30 2012-06-21 Sharp Corp Menu display control device
KR20120137905A (en) * 2011-06-13 2012-12-24 한국전자통신연구원 User interface apparatus for automobile and driving method of the same
CN103064591A (en) * 2012-12-29 2013-04-24 倪旻 Multilevel menu navigation interface achieving method
CN103324400A (en) * 2013-07-15 2013-09-25 天脉聚源(北京)传媒科技有限公司 Method and device for displaying menus in 3D model
CN104780464A (en) * 2015-04-22 2015-07-15 天脉聚源(北京)传媒科技有限公司 Method and device for generating three-dimensional menu
CN108804196A (en) * 2018-06-15 2018-11-13 深圳超多维科技有限公司 Production method, device and the electronic equipment of multilevel menu
CN109933195A (en) * 2019-03-06 2019-06-25 广州世峰数字科技有限公司 The three-dimensional methods of exhibiting in interface and interactive system based on MR mixed reality technology

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2802476B1 (en) * 2012-01-09 2017-01-11 Audi AG Method and device for generating a 3d representation of a user interface in a vehicle

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1458565A (en) * 2002-05-13 2003-11-26 京瓷株式会社 Protable information temrinal device, display controller, method and program
JP2012118652A (en) * 2010-11-30 2012-06-21 Sharp Corp Menu display control device
KR20120137905A (en) * 2011-06-13 2012-12-24 한국전자통신연구원 User interface apparatus for automobile and driving method of the same
CN103064591A (en) * 2012-12-29 2013-04-24 倪旻 Multilevel menu navigation interface achieving method
CN103324400A (en) * 2013-07-15 2013-09-25 天脉聚源(北京)传媒科技有限公司 Method and device for displaying menus in 3D model
CN104780464A (en) * 2015-04-22 2015-07-15 天脉聚源(北京)传媒科技有限公司 Method and device for generating three-dimensional menu
CN108804196A (en) * 2018-06-15 2018-11-13 深圳超多维科技有限公司 Production method, device and the electronic equipment of multilevel menu
CN109933195A (en) * 2019-03-06 2019-06-25 广州世峰数字科技有限公司 The three-dimensional methods of exhibiting in interface and interactive system based on MR mixed reality technology

Also Published As

Publication number Publication date
CN112256185A (en) 2021-01-22

Similar Documents

Publication Publication Date Title
US10678995B2 (en) System and methods for control of content presented on web pages
EP2697705B1 (en) Three-dimensional icons for organizing, invoking, and using applications
US11348315B2 (en) Generating and presenting a 3D virtual shopping environment
JP6010691B2 (en) Mobile terminal desktop system, interface interaction method, apparatus, program, and recording medium
CN108460840A (en) The methods of exhibiting and displaying device of virtual house decoration
CN106658139B (en) Focus control method and device
CN111443863A (en) Page control method and device, storage medium and terminal
CN114546212B (en) Method, device and equipment for adjusting interface display state and storage medium
US20210019925A1 (en) Techniques for optimizing creation of digital diagrams
CN111450529B (en) Game map acquisition method and device, storage medium and electronic device
CN104504576A (en) Method for achieving three-dimensional display interaction of clothes and platform
CN112256185B (en) Display method and device of 3D menu, processor and display equipment
CN108920037B (en) Method and device for displaying virtual three-dimensional space of house
CN115439599A (en) System and method for supplementing digital media with three-dimensional (3D) models
CN113926190A (en) Method and device for controlling three-dimensional model in game editor and storage medium
CN113318428A (en) Game display control method, non-volatile storage medium, and electronic device
CN114730231A (en) Techniques for virtual try-on of an item
CN109064537A (en) Image generating method and device based on 3D rendering engine
WO2023215963A1 (en) Systems and methods for interacting with augmented reality content using a dual-interface
CN113919910A (en) Product online comparison method, comparison device, processor and electronic equipment
Nagashree et al. Markerless Augmented Reality Application for Interior Designing
CN107329654A (en) Draw method, device and the computer-readable recording medium of element floating layer
CN115552364A (en) Multi-terminal collaborative display updating method and device
CN110543370A (en) method for rewriting UE4 rendering engine bottom layer and communication mechanism thereof
CN108228036B (en) Method and device for realizing window menu in windows

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant