WO2013078859A1 - Three-dimensional interface display device, method and terminal - Google Patents

Abstract

Disclosed are a three-dimensional interface display device, method and terminal, the method comprising: a three-dimensional interface view module detects the operation of a user on a three-dimensional graph and transmits the same to a three-dimensional controller; the three-dimensional controller transmits a three-dimensional interface rendering instruction to a three-dimensional rendering engine on the basis of the operation of the user; and the three-dimensional rendering engine renders the operated three-dimensional graph on the basis of the three-dimensional interface rendering instruction. With the present invention, a terminal without a three-dimensional graph hardware accelerator can also obtain a three-dimensional interface with a strong sense of reality, thus providing better interaction experience for the user.

Description

 Three-dimensional interface display device, method and terminal

 The present invention relates to the field of graphic user interface technologies of terminals, and in particular to a three-dimensional interface display device, method and terminal. Background technique

 With the continuous development of electronic technology and the increasing popularity of mobile phones, people's functional requirements for mobile phones are also increasing. For example, mobile phone design companies are paying great attention to the beautification design of mobile phone graphical user interfaces. This is because the excellent design of mobile phone products plays an important role in the sales and promotion of products. Therefore, it is very important to provide mobile users with a beautiful graphical user interface to provide a good interactive experience.

 Currently, in order to provide a better interactive experience for mobile phone users, a three-dimensional interface is often adopted for the human-computer interaction interface. Its smooth and dynamic effect, delicate and soft picture, real sense of space, can be more realistic and close to the user's feelings, enabling mobile phone users to enjoy at a higher level of interface.

 In the traditional method of displaying a three-dimensional graphical interface on a mobile phone without 3D graphics hardware acceleration, a two-dimensional graphics technology is generally used to imitate a three-dimensional interface. Since the three-dimensional graphics technology is not used, the interactive experience cannot achieve the effect of the real three-dimensional interface, resulting in a poor user experience.

For example, the Chinese Patent Publication No. CN101655989, the invention name is "a mobile phone 3D special effect graphical user interface system and method", and a similar three-dimensional interface display method is disclosed in the patent application published on Feb. 24, 2010. The working principle is as follows: through the 3D special effect processing module, the user interface resource picture is subjected to image flipping, twisting, color changing, etc., and then the processed pictures are arranged in a logical order and stored in the phone memory; when the user selects to enter the menu In the interface, the human interface module calls the above pictures in a logical order to make them stand up. The body flips the effect to achieve a three-dimensional effect.

 The shortcoming of this technology is that the picture of its operation is a two-dimensional picture resource, using two-dimensional graphics technology to imitate the three-dimensional interface, and can not produce a three-dimensional figure close to the real feeling, thereby reducing the user experience, and at the same time, the method is also The three-dimensional picture that is copied can not be flipped in various directions such as up, down, left and right, and bevel, so the user experience is further suppressed. Summary of the invention

 It is an object of the present invention to provide a three-dimensional interface display device, method and terminal. The terminal using the three-dimensional interface display device and method can obtain a true three-dimensional interface without three-dimensional graphics hardware.

 In order to achieve the object of the present invention, the present invention adopts the following technical solutions:

 A three-dimensional interface display device, comprising a three-dimensional interface view module, a three-dimensional controller, and a three-dimensional rendering engine, wherein

 a three-dimensional interface view module for detecting a user's operation on the three-dimensional graphic and transmitting it to the three-dimensional controller;

 a three-dimensional controller, configured to send a three-dimensional interface rendering instruction to the three-dimensional processing engine according to a user operation;

 And a three-dimensional rendering engine, configured to perform a rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction.

 Preferably, the three-dimensional interface view module includes a graphical user interface window data module, a user input detection module, and a screen interaction module, where

 a graphical user interface window data module for encapsulating window information of the GUI of the graphical user interface; a user input detection module for detecting the operation of the user on the three-dimensional graphics and transmitting the same to the three-dimensional controller;

 A screen interaction module for displaying a three-dimensional interface.

Preferably, the three-dimensional rendering engine includes at least a model coordinate transformation module and a world coordinate transformation. Change module, object culling module, insert render list module, back erase module, camera coordinate transformation module, illumination shading module, 3D object space cropping module, texture mapping module, perspective transformation module, image space clipping module, and rasterization module One of which

 a model coordinate transformation module, configured to transform model coordinates of the three-dimensional graphics;

 a world coordinate transformation module, configured to transform model coordinates into world coordinates according to the position of the three-dimensional graphics;

 An object culling module for selecting and rejecting portions of the three-dimensional graphics that are invisible relative to the camera viewpoint before performing world coordinate to camera coordinate transformation;

 Inserting a render list module for inserting each polygon face of the visible portion of the three-dimensional graphic into the render list;

 a back side elimination module for eliminating a polygon surface in the occluded three-dimensional figure;

 a camera coordinate transformation module, configured to transform a three-dimensional graphic according to a camera viewpoint; a three-dimensional object spatial cutting module, configured to cut a visible portion of the three-dimensional graphic according to the three-dimensional visual body;

 A lighting coloring module for rendering a three-dimensional graphic from a wireframe to a solid to enhance the three-dimensional realism of the three-dimensional graphic;

 a texture mapping module, configured to paste a two-dimensional image as a texture onto a polygonal surface of the three-dimensional graphic;

 a perspective transformation module, configured to transform camera coordinates into perspective coordinates, so that the three-dimensional graphics are converted into two-dimensional images;

 An image space cropping module for transforming perspective coordinates into screen coordinates; and for cutting a portion of the three-dimensional graphic that crosses the screen boundary;

 Rasterization module for rendering 3D graphics to the display buffer.

Preferably, the three-dimensional rendering engine performs rendering processing on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction, including: Converting the model coordinate values of the three-dimensional graphics into world coordinate values according to the user's operation on the three-dimensional graphics;

 Insert each polygon face of the 3D graphic into the render list;

 Create a camera transformation matrix;

 Eliminate polygons on the back side;

 Converting the world coordinate value of the three-dimensional graphic into a camera coordinate value according to the camera viewpoint;

 According to the three-dimensional view body, the three-dimensional graphics that can only be seen part of the cropping are cut;

 Perform depth sorting on the render list;

 Converting the camera coordinate values of the three-dimensional graphics into screen coordinate values, and rendering the three-dimensional graphics from the wireframe to an entity;

 Draw the rendered scene and save the rendered 3D graphics to the video memory.

 A terminal comprising a three-dimensional interface display device as described above, the device comprising a three-dimensional interface view module, a three-dimensional controller, and a three-dimensional rendering engine, wherein

 a three-dimensional interface view module for detecting a user's operation on the three-dimensional graphic and transmitting it to the three-dimensional controller;

 a three-dimensional controller, configured to send a three-dimensional interface rendering instruction to the three-dimensional processing engine according to a user operation;

 And a three-dimensional rendering engine, configured to perform a rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction.

 A three-dimensional interface display method is applied to a three-dimensional interface display device, the three-dimensional interface display device comprising a three-dimensional interface view module, a three-dimensional controller, and a three-dimensional rendering engine, the method comprising:

 The three-dimensional interface view module detects the user's operation on the three-dimensional graphics and sends it to the three-dimensional controller;

The three-dimensional controller sends a three-dimensional interface rendering instruction to the three-dimensional processing engine according to the user's operation; The three-dimensional rendering engine performs a rendering process on the operated three-dimensional graphics in accordance with the three-dimensional interface rendering instructions.

 Preferably, the three-dimensional interface view module includes a graphical user interface window data module, a user input detection module, and a screen interaction module, where

 a graphical user interface window data module for encapsulating window information of the GUI of the graphical user interface; a user input detection module for detecting the operation of the user on the three-dimensional graphics and transmitting the same to the three-dimensional controller;

 A screen interaction module for displaying a three-dimensional interface.

 Preferably, the three-dimensional rendering engine includes at least a model coordinate transformation module, a world coordinate transformation module, an object culling module, an insertion rendering list module, a back surface elimination module, a camera coordinate transformation module, a light coloring module, a three-dimensional object space cropping module, and a texture mapping. a module, a perspective transformation module, an image space cropping module, and a rasterization module, wherein

 a model coordinate transformation module, configured to transform model coordinates of the three-dimensional graphics;

 a world coordinate transformation module, configured to transform model coordinates into world coordinates according to the position of the three-dimensional graphics;

 An object culling module for selecting and rejecting portions of the three-dimensional graphics that are invisible relative to the camera viewpoint before performing world coordinate to camera coordinate transformation;

 Inserting a render list module for inserting each polygon face of the visible portion of the three-dimensional graphic into the render list;

 a back side elimination module for eliminating a polygon surface in the occluded three-dimensional figure;

 a camera coordinate transformation module, configured to transform a three-dimensional graphic according to a camera viewpoint; a three-dimensional object spatial cutting module, configured to cut a visible portion of the three-dimensional graphic according to the three-dimensional visual body;

A lighting coloring module for rendering a three-dimensional graphic from a wireframe to a solid to enhance the three-dimensional realism of the three-dimensional graphic; a texture mapping module, configured to paste a two-dimensional image as a texture onto a polygon surface of the three-dimensional graphic;

 a perspective transformation module, configured to transform camera coordinates into perspective coordinates, so that the three-dimensional graphics are converted into two-dimensional images;

 An image space cropping module for transforming perspective coordinates into screen coordinates; and for cutting a portion of the three-dimensional graphic that crosses the screen boundary;

 Rasterization module for rendering 3D graphics to the display buffer.

 Preferably, the three-dimensional rendering engine performs rendering processing on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction, including:

 Transforming the model coordinate values of the three-dimensional graphics into world coordinate values according to the user's operation on the three-dimensional graphics;

 Insert each polygon face of the 3D graphic into the render list;

 Create a camera transformation matrix;

 Eliminate polygons on the back side;

 Converting the world coordinate value of the three-dimensional graphic into a camera coordinate value according to the camera viewpoint;

 According to the three-dimensional view body, the three-dimensional graphics that can only be seen part of the cropping are cut;

 Perform depth sorting on the render list;

 Converting the camera coordinate values of the three-dimensional graphics into screen coordinate values, and rendering the three-dimensional graphics from the wireframe to an entity;

 Draw the rendered scene and save the rendered 3D graphics to the video memory.

It can be seen that the above-mentioned technical solution of the present invention has the beneficial effects that the terminal (such as a mobile phone) without hardware acceleration of the three-dimensional graphics can also use the three-dimensional interface display device and method provided by the present invention to obtain realism. A strong three-dimensional interface provides users with better interaction risks. DRAWINGS

 The drawings are intended to provide a further understanding of the present invention, and are intended to be a part of the invention. In the drawing:

 1 is a schematic structural diagram of a three-dimensional interface display device according to an embodiment of the present invention;

 2 is a schematic flowchart of a method for displaying a three-dimensional interface according to an embodiment of the present invention;

 3 is a flow chart of making a three-dimensional graphic (three-dimensional cube) according to an embodiment of the present invention; FIG. 4 is a flow chart of each plane for creating a three-dimensional graphic (three-dimensional cube) according to an embodiment of the present invention;

 FIG. 5 is a flowchart of drawing a three-dimensional interface according to an embodiment of the present invention. detailed description

 The present invention will be further described in detail below with reference to the accompanying drawings and embodiments in order to make the present invention. It is understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

 As shown in FIG. 1 , an embodiment of the present invention provides a three-dimensional interface display device, including a three-dimensional interface view module 10, a three-dimensional controller 20, and a three-dimensional rendering engine 30, wherein

 The three-dimensional interface view module 10 is configured to detect a user's operation on the three-dimensional graphic and send it to the three-dimensional controller 20;

 a three-dimensional controller 20, configured to send a three-dimensional interface rendering instruction to the three-dimensional processing engine according to a user operation;

 The three-dimensional rendering engine 30 is configured to perform a rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction.

In a specific implementation, the three-dimensional interface display device provided by the embodiment of the present invention is designed by using the MVC mode, and the three-dimensional rendering engine 30, the three-dimensional interface view module 10, and the three-dimensional controller 20 are separated and decoupled, so that the design and development of the three-dimensional interface are A lot of flexibility. The three-dimensional interface view module 10 is used to solve the portability problem, because the three-dimensional interface display device provided by the embodiment of the present invention needs to be independent of the mobile phone graphical user interface GUI, so that different terminals (such as mobile phones, the present invention can be reduced. The embodiment will mainly explain the development cost of the three-dimensional interface by taking a mobile phone as an example. Therefore, the three-dimensional interface view module 10 is provided to encapsulate the mobile phone graphical user interface GUI, so that when the three-dimensional interface display device is transplanted to the new mobile phone, all that is required is to modify the three-dimensional interface view module 10 on the new mobile phone. The rest is unchanged. For example, on different mobile phones, the displayed three-dimensional interface is the same, except that only its three-dimensional interface view module 10 is modified.

 The 3D interface view module 10 is also used to interact with the user. Specifically, it encapsulates a window of the mobile phone graphical user interface GUI and has a user input level one screen output function for transmitting user input to the three dimensional controller 20.

 Specifically, with reference to FIG. 1 , the three-dimensional interface view module 10 includes a graphical user interface window data module 101 , a user input detection module 102 , and a screen interaction module 103 , wherein the graphical user interface window data module 101 is configured to encapsulate graphics. Window information of the user interface GUI;

 The user input detection module 102 is configured to detect a user's operation on the three-dimensional graphic and send it to the three-dimensional controller 20;

 The screen interaction module 103 is configured to display a three-dimensional interface.

 The three-dimensional controller 20 is used to solve the scalability problem because their user experience is different for various three-dimensional interfaces, but the three-dimensional graphics rendering is consistent and the user interaction is also consistent. Therefore, in the actual implementation process, various three-dimensional interfaces may have their own three-dimensional controller 20, and the rendering processing for the three-dimensional graphics is uniformly processed by the three-dimensional processing engine, and the human-computer interaction is unified by the three-dimensional interface view module. 10 processing.

In practical applications, the three-dimensional interface is allowed to replace the three-dimensional controller 20, and the corresponding three-dimensional controller 20 can be dynamically turned on or off according to user needs, even during operation. Replacement of the three-dimensional controller 20. For example, when the phone is running, the 3D interface can be switched between various styles.

 The function of the three-dimensional controller 20 is to obtain user input and interpret, for example, to interpret the user's operation on the three-dimensional graphics to obtain the user's operational intentions for the three-dimensional interface. Specifically, it changes the visual effect of the 3D interface based on the user's operation on the 3D graphics.

 In addition, the 3D rendering engine 30 is used to solve high performance problems because the processing speed of the 3D interface display device must be very fast in order to perform a smooth 3D interface display without hardware acceleration. Therefore, the 3D rendering engine 30, which consumes the most performance and has the most code, is independent, and is designed for high-performance 3D rendering. Moreover, when optimizing the performance of the 3D rendering engine 30, it is not necessary to modify the 3D interface on various mobile phones.

 The function of the 3D rendering engine 30 is to render 3D graphics, which holds the data, state and program logic of all 3D graphics. Specifically, it handles the data structure of the 3D graphics (including all light sources, motion, and general state information) and renders 3D graphics from the point of view of the user or camera.

 With continued reference to FIG. 1 , the three-dimensional rendering engine 30 includes at least a model coordinate transformation module 301 , a world coordinate transformation module 302 , an object culling module 303 , an insertion rendering list module 304 , a back surface elimination module 305 , a camera coordinate transformation module 306 , and a light coloring module . 307. One of a three-dimensional object space clipping module 308, a texture mapping module 309, a perspective transformation module 310, an image space clipping module 311, and a rasterization module 312, where

 The model coordinate transformation module 301 is configured to transform model coordinates of the three-dimensional graphics. Transform the model coordinates of the 3D graphics. For example, performing rotation, scaling, or other vertex operations in place, that is, modifying model coordinates.

 The world coordinate transformation module 302 is configured to transform the model coordinates into world coordinates according to the position of the three-dimensional graphics;

An object culling module 303, configured to select and before performing world coordinate to camera coordinate transformation Exclude parts of the 3D graphics that are invisible relative to the camera viewpoint. Before performing world coordinate to camera coordinate transformation, it is necessary to determine which three-dimensional graphics are visible relative to the camera viewpoint so as not to render them erroneously.

 An insert list module 304 is inserted for inserting each polygon face of the visible portion of the three-dimensional graphic into the render list. A render list is an array of pointers, each of which points to a self-contained, renderable polygon face. Each polygon face of the visible 3D graphic is inserted into the render list.

 The back surface elimination module 305 is configured to eliminate the polygon surface in the occluded three-dimensional graphics; the camera coordinate transformation module 306 is configured to transform the three-dimensional graphics according to the camera viewpoint; and the three-dimensional object space clipping module 308 is configured to perform the three-dimensional object alignment The visible part of the 3D graphics is cropped;

 The illumination shading module 307 is configured to render the three-dimensional graphics from the wireframe into a solid to enhance the three-dimensional realism of the three-dimensional graphics;

 a texture mapping module 309, configured to paste a two-dimensional image as a texture onto a polygon surface of the three-dimensional graphic;

 a perspective transformation module 310, configured to transform camera coordinates into perspective coordinates, so that the three-dimensional graphics are transformed into a two-dimensional image;

 An image space cropping module 311 is configured to transform perspective coordinates into screen coordinates; and is also used for cutting a portion of the three-dimensional graphics that crosses the screen boundary;

 A rasterization module 312 is configured to render the three-dimensional graphics to the display buffer.

 The step of performing the rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction by the three-dimensional rendering engine 30 includes:

 (1) converting the model coordinate values of the three-dimensional graphics into world coordinate values according to the user's operation on the three-dimensional graphics;

(2) inserting each polygon face of the three-dimensional graphic into the rendering list; (3) creating a camera transformation matrix;

 (4) Eliminate the polygon on the back side;

 (5) converting the world coordinate value of the three-dimensional graphic into the camera coordinate value according to the camera viewpoint; (6) cutting the three-dimensional graphic that can only see a part according to the three-dimensional visual field; (7) performing depth sorting on the rendering list;

 (8) transforming the camera coordinate values of the three-dimensional graphics into screen coordinate values, and rendering the three-dimensional graphics from the wireframe into an entity;

 (9) Draw the rendered scene and save the rendered 3D graphics to the video memory.

 For more details, please refer to FIG. 5 , which is a flowchart of drawing a three-dimensional interface according to an embodiment of the present invention, where the drawing process includes the following steps:

 Step S401: Transform model coordinates. Performs flip, scale, or other vertex operations on the 3D cube, modifying the model coordinate values of the 3D cube. The model coordinates are transformed into world coordinates based on the position of the 3D graphics.

 Step S402: Insert an object into the rendering list. To draw faster, the polygons in each object are extracted and stored uniformly in the render list. A render list is a set of pointers, each of which points to a self-contained, renderable polygon face, and each polygon face of the visible 3D graph is inserted into the render list.

 Step S403: Create a camera transformation matrix. Used for matrix operations in the following steps.

 Step S404, eliminating the polygon on the back side. Before performing world coordinates to camera coordinate transformation, you need to determine which 3D graphics are visible to the camera so that they are not rendered incorrectly. The back that is invisible to the human eye is not drawn. By using the camera transformation matrix, the polygons on the back side of the rendered list are eliminated.

 Step S405: Transform the world coordinates to the camera coordinates. The possible visible three-dimensional graphics are transformed according to the camera position and viewing angle.

Step S406, performing three-dimensional cropping on the polygon. Only one can be seen according to the 3D view Divided into three-dimensional graphics.

 Step S407: Perform depth sorting on the rendering list. Used to speed up the rendering of polygons in the render list.

 Step S408: Convert camera coordinates to screen coordinates. Renders 3D graphics from solids to wireframes to enhance the 3D realism of 3D graphics. Use a 2D image as a texture attached to a polygon face of a 3D graphic. Convert camera coordinates to perspective coordinates and transform 3D graphics into 2D images. Transform perspective coordinates into screen coordinates, and some polygon images may cross the screen boundary and need to be cropped.

 Step S409, drawing a rendered scene. Render the final image of the 3D graphic into the memory of the phone screen. For example, a three-dimensional cube is drawn in an opaque manner, and a three-dimensional cube image is drawn in a translucent manner, the three-dimensional cube mirroring simulates the reflection of the three-dimensional cube, the flip direction is like a reflection, and the reverse direction of the three-dimensional cube is reversed. .

 Step S410, completing drawing of the three-dimensional cube.

 Correspondingly, the embodiment of the present invention further provides a terminal, which includes the three-dimensional interface display device as described above. With continued reference to FIG. 1, the device includes a three-dimensional interface view module 10, a three-dimensional controller 20, and a three-dimensional rendering engine 30. , among them,

 The three-dimensional interface view module 10 is configured to detect a user's operation on the three-dimensional graphic and send it to the three-dimensional controller 20;

 a three-dimensional controller 20, configured to send a three-dimensional interface rendering instruction to the three-dimensional processing engine according to a user operation;

 The three-dimensional rendering engine 30 is configured to perform a rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction.

The terminal provided by the embodiment of the present invention, since it includes the three-dimensional interface display device as described above, and since the above-described three-dimensional interface display device is described in detail, it will not be repeated here. As shown in FIG. 2, an embodiment of the present invention further provides a three-dimensional interface display device, where the three-dimensional interface display device includes a three-dimensional interface view module 10, a three-dimensional controller 20, and a three-dimensional rendering engine 30, and the method includes:

 5101, the three-dimensional interface view module 10 detects the user's operation on the three-dimensional graphics and sends it to the three-dimensional controller 20;

 5102. The three-dimensional controller 20 sends a three-dimensional interface rendering instruction to the three-dimensional processing engine according to a user operation;

 5103. The three-dimensional rendering engine 30 performs a rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction.

 For a detailed description of the three-dimensional interface display device, please refer to the above, and the description will not be repeated here.

 As shown in FIG. 3, it is a schematic flowchart of a method for manufacturing a three-dimensional cube according to an embodiment of the present invention, where the process includes:

 Step S201: Setting a drawing area. Determine the position of the 3D cube on the screen of the phone. The part of the 3D cube that is inside the drawing area will be drawn, and the part outside the drawing area will be cropped and will not be drawn.

 Step S202: Set an effective area. For touch screen phones, the 3D cube will react interactively when the user's touch location is within the active area. For example, when the user's finger moves in the active area, the 3D cube will flip in the direction of the finger movement, and the 3D cube will not flip when the user's finger moves outside the effective area.

 Step S203: Create a new frame buffer. The three-dimensional interface engine of the present invention uses a double buffering mechanism. In the mobile phone screen, the entire three-dimensional interface in the frame buffer is scanned line by line, rather than the process of drawing a three-dimensional interface.

In step S204, the judgment is the last face. Loop through the six planes of the 3D cube. Step S205, creating a plane of the three-dimensional cube. Make each plane of the 3D cube, with The body steps are described below with respect to Figure 4.

 Step S206: Create a new drawing area background. This image acts as the background for the 3D cube.

 Step S207, creating a new camera. The human eye is simulated. In the three-dimensional space, a person observes a three-dimensional object through an eye, and an object that is close to himself looks large, and an object that is far away from himself looks small, which gives a real sense of space.

 Step S208: Create a new depth cache. In three-dimensional space, objects close to you will block objects far away from you, and the depth buffer preserves the near and far position of the object. The two-dimensional space uses two axes, X and Y. The three-dimensional space uses three axes: X, Υ, and ,. The value in the depth buffer represents the value on the Ζ axis.

 Step S209, creating a new rendering scene. This is the context in which the 3D object is rendered. The rendered scene includes specific data for the render list, depth buffer, screen memory, and transparency, which determines how the 3D object is drawn.

 Step S210: Create a new translucent table. The translucent three-dimensional cube image 102 is the reflection of the three-dimensional cube 101, which is used when drawing the image.

 Step S211, completing the production of the three-dimensional cube.

 As shown in FIG. 4, it is a schematic diagram of a process for manufacturing each plane of a three-dimensional cube according to an embodiment of the present invention. It describes in detail the specific implementation content of the above step S205, and the implementation steps are as follows: Step S301: Set a three-dimensional cube surface label. The three-dimensional cube has six faces, which are located between the top and bottom, and the values are different. It is determined by the label to determine what value to give the face.

 Step S302: Create a new vertex list. This list holds the position of each vertex of the 3D cube face, using model coordinates, all polygons are made up of vertices.

 Step S303: Create a new texture coordinate list. The list holds the coordinate positions of the texture to be attached to the face, and the image is sampled by these coordinate positions, which then form the pixel data of the texture.

Step S304, creating a new vertex texture mapping table. This list establishes vertex and texture coordinates - The corresponding relationship determines which specific pixel data in the texture is used by the vertex.

 Step S305, creating a new polygon list. The list holds polygon data, where the polygons are all triangles. The advantage of using triangles is that each vertex of the triangle is coplanar, and the triangle structure is simple, making it easy to draw three-dimensional graphics algorithms quickly. A triangle is the basic primitive for a 3D graphics rendering pipeline. All 3D objects are made up of triangles.

 Step S306, setting an object position. Determine the position of a three-dimensional object in three-dimensional space, that is, its position in the world coordinate system.

 Step S307: Set an object coordinate axis. In order to accurately flip, the 3D object has a model coordinate axis for recording the orientation, using world coordinates. When you flip through the three axes of X, Υ, and 这样, you can know the orientation of the three-dimensional object.

 Step S308: Match the object size to the drawing area. The 3D cube automatically matches the size of the drawing area so that it can be drawn completely.

 Step S309, creating a new texture. Each 3D cube face is filled with an image, and the texture is used to scale the image and match the size of the 3D cube face.

 Step S310, setting values of all the lists. Vertex lists, texture coordinate lists, and polygon lists are filled with exact values that are used in the drawing process.

 Step S311, completing the production of the three-dimensional cube surface.

 In the embodiment of the present invention, the step of the three-dimensional rendering engine 30 performing rendering processing on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction includes:

 (1) converting the model coordinate values of the three-dimensional graphics into world coordinate values according to the user's operation on the three-dimensional graphics;

 (2) inserting each polygon face of the three-dimensional graphic into the rendering list;

 (3) creating a camera transformation matrix;

 (4) Eliminate the polygon on the back side;

(5) converting the world coordinate value of the three-dimensional graphic into a camera coordinate value according to the camera viewpoint; (6) cutting a three-dimensional figure that can only see a part according to the three-dimensional view body;

(7) performing depth sorting on the render list;

 (8) transforming the camera coordinate values of the three-dimensional graphics into screen coordinate values, and rendering the three-dimensional graphics from the wireframe into an entity;

 (9) Draw the rendered scene and save the rendered 3D graphics to the video memory.

 For more details, please refer to FIG. 5 , which is a flowchart of drawing a three-dimensional interface according to an embodiment of the present invention, where the drawing process includes the following steps:

 Step S401: Transform model coordinates. Performs flip, scale, or other vertex operations on the 3D cube, modifying the model coordinate values of the 3D cube. The model coordinates are transformed into world coordinates based on the position of the 3D graphics.

 Step S402: Insert an object into the rendering list. To draw faster, the polygons in each object are extracted and stored uniformly in the render list. A render list is a set of pointers, each of which points to a self-contained, renderable polygon face, and each polygon face of the visible 3D graph is inserted into the render list.

 Step S403: Create a camera transformation matrix. Used for matrix operations in the following steps.

 Step S404, eliminating the polygon on the back side. Before performing world coordinates to camera coordinate transformation, you need to determine which 3D graphics are visible to the camera so that they are not rendered incorrectly. The back that is invisible to the human eye is not drawn. By using the camera transformation matrix, the polygons on the back side of the rendered list are eliminated.

 Step S405: Transform the world coordinates to the camera coordinates. The possible visible three-dimensional graphics are transformed according to the camera position and viewing angle.

 Step S406: Perform three-dimensional cropping on the polygon. According to the 3D view, the 3D graphics that can only be seen are cropped.

Step S407, performing depth sorting on the rendering list. Used to speed up the drawing of polygons in the render list. Step S408: Convert camera coordinates to screen coordinates. Renders 3D graphics from solids to wireframes to enhance the 3D realism of 3D graphics. Use a 2D image as a texture attached to a polygon face of a 3D graphic. The camera coordinates are transformed into perspective coordinates, and the three-dimensional graphics are transformed into two-dimensional images. Transform perspective coordinates into screen coordinates, and some polygon images may cross the screen boundary and need to be cropped.

 Step S409, drawing a rendered scene. Render the final image of the 3D graphic into the memory of the phone screen. For example, a three-dimensional cube is drawn in an opaque manner, and a three-dimensional cube image is drawn in a translucent manner, the three-dimensional cube mirroring simulates the reflection of the three-dimensional cube, the flip direction is like a reflection, and the reverse direction of the three-dimensional cube is reversed. .

 Step S410, completing drawing of the three-dimensional cube.

 The above description shows and describes a preferred embodiment of the present invention, but as described above, it should be understood that the present invention is not limited to the forms disclosed herein, and should not be construed as Other combinations, modifications, and environments are possible and can be modified by the teachings or related art or knowledge within the scope of the inventive concept described herein. All changes and modifications made by those skilled in the art are intended to be within the scope of the appended claims.

 Industrial applicability

 In the present invention, the three-dimensional interface view module detects the user's operation on the three-dimensional graphics and sends it to the three-dimensional controller; the three-dimensional controller sends a three-dimensional interface rendering instruction to the three-dimensional processing engine according to the user's operation; the three-dimensional rendering engine renders according to the three-dimensional interface The instruction performs a rendering process on the operated three-dimensional graphics. For a terminal (such as a mobile phone) without hardware acceleration of the three-dimensional graphics, the three-dimensional interface display device and method provided by the present invention can also be used to obtain a three-dimensional interface with a strong realistic feeling, thereby providing a better interactive experience for the user.

Claims

 A three-dimensional interface display device, comprising a three-dimensional interface view module, a three-dimensional controller, and a three-dimensional rendering engine, wherein

 a three-dimensional interface view module for detecting a user's operation on the three-dimensional graphic and transmitting it to the three-dimensional controller;

 a three-dimensional controller, configured to send a three-dimensional interface rendering instruction to the three-dimensional processing engine according to a user operation;

 And a three-dimensional rendering engine, configured to perform a rendering process on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction.

 The three-dimensional interface display device according to claim 1, wherein the three-dimensional interface view module comprises a graphical user interface window data module, a user input detection module, and a screen interaction module, wherein

 a graphical user interface window data module for encapsulating window information of the GUI of the graphical user interface; a user input detection module for detecting the operation of the user on the three-dimensional graphics and transmitting the same to the three-dimensional controller;

 A screen interaction module for displaying a three-dimensional interface.

 The three-dimensional interface display device according to claim 1, wherein the three-dimensional rendering engine comprises at least a model coordinate transformation module, a world coordinate transformation module, an object rejection module, an insertion rendering list module, a back surface elimination module, and camera coordinates. a transform module, a light shading module, a three-dimensional object space cropping module, a texture mapping module, a perspective transformation module, an image space cropping module, and a rasterization module, wherein

 a model coordinate transformation module, configured to transform model coordinates of the three-dimensional graphics;

 a world coordinate transformation module, configured to transform model coordinates into world coordinates according to the position of the three-dimensional graphics;

Object culling module for selecting and ticking before performing world coordinate to camera coordinate transformation Except for parts of the 3D graphics that are not visible relative to the camera viewpoint;

 Inserting a render list module for inserting each polygon face of the visible portion of the three-dimensional graphic into the render list;

 a back side elimination module for eliminating a polygon surface in the occluded three-dimensional figure;

 a camera coordinate transformation module, configured to transform a three-dimensional graphic according to a camera viewpoint; a three-dimensional object spatial cutting module, configured to cut a visible portion of the three-dimensional graphic according to the three-dimensional visual body;

 A lighting coloring module for rendering a three-dimensional graphic from a wireframe to a solid to enhance the three-dimensional realism of the three-dimensional graphic;

 a texture mapping module, configured to paste a two-dimensional image as a texture onto a polygonal surface of the three-dimensional graphic;

 a perspective transformation module, configured to transform camera coordinates into perspective coordinates, so that the three-dimensional graphics are converted into two-dimensional images;

 An image space cropping module for transforming perspective coordinates into screen coordinates; and for cutting a portion of the three-dimensional graphic that crosses the screen boundary;

 Rasterization module for rendering 3D graphics to the display buffer.

 The three-dimensional interface display device according to claim 1 or 3, wherein the three-dimensional rendering engine performs rendering processing on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction:

 Transforming the model coordinate values of the three-dimensional graphics into world coordinate values according to the user's operation on the three-dimensional graphics;

 Insert each polygon face of the 3D graphic into the render list;

 Create a camera transformation matrix;

 Eliminate polygons on the back side;

Converting the world coordinate value of the three-dimensional graphic into a camera coordinate value according to the camera viewpoint; According to the 3D view body, the 3D graphics that can only be seen part of the cropping are performed; the depth sorting is performed on the rendering list;

 Converting the camera coordinate values of the three-dimensional graphics into screen coordinate values, and rendering the three-dimensional graphics from the wireframe to an entity;

 Draw the rendered scene and save the rendered 3D graphics to the video memory.

 A terminal characterized by comprising the three-dimensional interface display device according to any one of claims 1 to 4.

 A three-dimensional interface display device, wherein the three-dimensional interface display device comprises a three-dimensional interface view module, a three-dimensional controller, and a three-dimensional rendering engine, the method comprising:

 The three-dimensional interface view module detects the user's operation on the three-dimensional graphics and sends it to the three-dimensional controller;

 The three-dimensional controller sends a three-dimensional interface rendering instruction to the three-dimensional processing engine according to the user's operation; and the three-dimensional rendering engine performs a rendering process on the operated three-dimensional graphic according to the three-dimensional interface rendering instruction.

 The method of displaying a three-dimensional interface according to claim 6, wherein the three-dimensional interface view module comprises a graphical user interface window data module, a user input detection module, and a screen interaction module, wherein

 a graphical user interface window data module for encapsulating window information of the GUI of the graphical user interface; a user input detection module for detecting the operation of the user on the three-dimensional graphics and transmitting the same to the three-dimensional controller;

 A screen interaction module for displaying a three-dimensional interface.

The method of displaying a three-dimensional interface according to claim 6, wherein the three-dimensional rendering engine comprises at least a model coordinate transformation module, a world coordinate transformation module, an object rejection module, an insertion rendering list module, a back surface elimination module, and camera coordinates. Transform module, light shader module, a one of a three-dimensional object space cropping module, a texture mapping module, a perspective transformation module, an image space clipping module, and a rasterization module, wherein

 a model coordinate transformation module, configured to transform model coordinates of the three-dimensional graphics;

 a world coordinate transformation module, configured to transform model coordinates into world coordinates according to the position of the three-dimensional graphics;

 An object culling module for selecting and rejecting portions of the three-dimensional graphics that are invisible relative to the camera viewpoint before performing world coordinate to camera coordinate transformation;

 Inserting a render list module for inserting each polygon face of the visible portion of the three-dimensional graphic into the render list;

 a back side elimination module for eliminating a polygon surface in the occluded three-dimensional figure;

 a camera coordinate transformation module, configured to transform a three-dimensional graphic according to a camera viewpoint; a three-dimensional object spatial cutting module, configured to cut a visible portion of the three-dimensional graphic according to the three-dimensional visual body;

 A lighting coloring module for rendering a three-dimensional graphic from a wireframe to a solid to enhance the three-dimensional realism of the three-dimensional graphic;

 a texture mapping module, configured to paste a two-dimensional image as a texture onto a polygonal surface of the three-dimensional graphic;

 a perspective transformation module, configured to transform camera coordinates into perspective coordinates, so that the three-dimensional graphics are converted into two-dimensional images;

 An image space cropping module for transforming perspective coordinates into screen coordinates; and for cutting a portion of the three-dimensional graphic that crosses the screen boundary;

 Rasterization module for rendering 3D graphics to the display buffer.

The three-dimensional interface display method according to claim 6, wherein the three-dimensional rendering engine performs rendering processing on the operated three-dimensional graphics according to the three-dimensional interface rendering instruction, including: according to the operation of the three-dimensional graphics by the user, the three-dimensional graphics Model coordinate values are transformed into world sitting Mark value

 Insert each polygon face of the 3D graphic into the render list;

 Create a camera transformation matrix;

 Eliminate polygons on the back side;

 Converting the world coordinate value of the three-dimensional graphic into a camera coordinate value according to the camera viewpoint;

 According to the three-dimensional view body, the three-dimensional graphics that can only be seen part of the cropping are cut;

 Perform depth sorting on the render list;

 Converting the camera coordinate values of the three-dimensional graphics into screen coordinate values, and rendering the three-dimensional graphics from the wireframe to an entity;

 Draw the rendered scene and save the rendered 3D graphics to the video memory.