WO2016177288A1

WO2016177288A1 - Method for displaying three-dimensional simulation scene image

Info

Publication number: WO2016177288A1
Application number: PCT/CN2016/079982
Authority: WO
Inventors: 曾仲林; 陈永强
Original assignee: 曾仲林; 陈永强
Priority date: 2015-05-05
Filing date: 2016-04-22
Publication date: 2016-11-10
Also published as: CN104778900A; CN104778900B

Abstract

A method for displaying a three-dimensional simulation scene image. The method is an interaction method for establishing a simulation scene and a virtual user on a computer server and a client-side system through a three-dimensional electronic map. To be specific, the three-dimensional electronic map corresponds to a state administrative region map, a simulation scene can be chosen after entering into the electronic map, and the scene can be browsed in the mode of a virtual character, and meanwhile, relevant information of the map can be obtained. The implementation specifically comprises the steps of establishing a coordinate system on the three-dimensional electronic map, drawing and displaying the image of the three-dimensional simulation scene on the map; establishing a virtual character model and implementing interaction on the simulation scene image. The method for displaying a three-dimensional simulation scene image is intuitional and visual, and is convenient for the user to actively access the electronic map in the region where the user is located, and more requirements of the user can be satisfied.

Description

Three-dimensional simulation scene image display method

The present application claims priority to Chinese Patent Application No. 201510224086.0, entitled "A Three-Dimensional Simulation Scene Image Display Method", which is incorporated herein by reference. in.

Technical field

The present invention relates to the field of computer technologies, and in particular, to a method for displaying a three-dimensional simulation scene image.

Background technique

With the development of Internet technology, many traditional C/S (client/server) applications have been transferred to B/S (browser/server), and e-commerce applications such as e-commerce, e-government and e-education have come. The more common. Usually, the map in the electronic service website is displayed in a textual representation mode, and the data includes basic map information and in-store product information, which causes the user to purchase things. The information on the merchant map when selecting the product can only be based on the text description, especially Not intuitive enough for the user. At the same time, the geographic location information of the electronic map cannot be directly obtained, so that the user's demand cannot be better met.

Summary of the invention

In view of this, the present application provides a three-dimensional simulation scene image display method. The utility model can flexibly draw and display the virtual scene electronic map image on the browser side, and realize the linkage display of the simulation scene electronic map image and the three-dimensional electronic map.

To solve the above technical problem, the technical solution provided by the present invention is a three-dimensional simulation scene image display method, which includes the following steps:

When the browser end sends a simulation scene electronic map display request to the server, the server end acquires the simulated scene electronic map image information of the browser end;

B. The server side draws an electronic map image of the simulated scene to be displayed in a graphic display form in the request of the browser according to the electronic map image information of the simulation scene, and displays the electronic map image of the simulated scene to be displayed. Send to the browser for display.

Preferably, before the step A, the following steps are further included:

A1. When the browser sends a three-dimensional electronic map display request to the server, the server acquires the three-dimensional electronic map information of the browser.

A2. The server end loads three-dimensional electronic map data from the server-side three-dimensional electronic map database according to the information of the three-dimensional electronic map;

A3. The server side draws a three-dimensional electronic map according to the image display form in the request of the browser and according to the loaded three-dimensional electronic map data, and sends the three-dimensional electronic map to the browser for display;

Wherein, the image display form in step A3 refers to a display form of an electronic map corresponding to a real map;

The three-dimensional electronic map is an electronic map of a simulated scene.

Preferably, the drawing the electronic map image to be displayed in the step B comprises the following steps:

B1. After receiving the electronic map request of the simulation scene, the server determines the coordinate range of the electronic map of the simulation scene to be displayed according to the coordinate point of the three-dimensional electronic map displayed in step A3.

B2: loading, according to the coordinate range of the simulation scene electronic map to be displayed, an electronic map image of the simulation scene to be displayed in the coordinate range from the electronic map image database of the server end;

B3. According to the loaded simulation scene electronic map image, the image of the simulation scene electronic map to be displayed is drawn in the image display form in the request of the browser end.

Preferably, the image display form in the step B includes at least a top view form and a street view form.

Preferably, the electronic map in the step B3 is displayed in the top view, and includes the following steps:

B311. Obtain coordinates of a street in the three-dimensional electronic map.

B312. Obtain coordinates of the electronic map of the simulation scene to be displayed.

B313. Determine a relative position of the simulated scene electronic map coordinates to be displayed and the street coordinates in the three-dimensional electronic map, and face one side of the street is a front side of the simulated scene electronic map to be displayed;

B314. Display the front surface of the electronic map of the simulation scene to be displayed.

Preferably, the server side is further provided with a character model library, and the character model library is composed of a set of static images;

The static map includes at least a front walking group map, a left walking group map, and a right walking group map;

The static image is animated in the browser.

Preferably, the electronic map in the step B3 is displayed in the street view form, and includes the following steps:

B321. The character model is loaded from the server-side character model library, and displayed on the browser side;

B322. Obtain a width value of the loaded character model on the display screen, and establish, according to the width value, a display area of the electronic map corresponding to the character model, the display area along with a width value of the character model. Change and change.

Preferably, the character model moves under the control of a mouse.

Preferably, the display screen where the browser end is located is evenly divided into three equal parts according to its width from left to right. Among them, the left and right parts are maps, etc., and the middle part is streets;

The width value of the character model is the width value of the mouse on the display screen.

Preferably, the control flow of the character model moving under the control of the mouse comprises the following steps:

S1, obtaining a width value of the mouse on the display screen;

S2: determining that the acquired width value is within a street range, loading a front walking group map in the character model library; if the width value is less than a minimum value of the street width value, loading the character model library The middle left walking group map; if the width value is greater than the maximum value of the street width value, the right walking group map in the character model library is loaded.

As can be seen from the above technical solution, the present application provides a three-dimensional simulation scene image display method, which is based on a three-dimensional simulation scene electronic map service platform, and realizes simulation scene, electronic map and virtual character linkage display.

Compared with the prior art, the detailed description of the application is as follows:

The method of the present application can flexibly display and display the electronic map image of the three-dimensional simulation scene on the browser side, wherein the simulation scene in the electronic map of the three-dimensional simulation scene is separated from the electronic map, and the information of the scene electronic map is extracted when the user needs it. Data, saving server-side resources;

The method of the present application is used to display the electronic map of the three-dimensional simulation scene in an image manner, which is better than the text mode, and is more convenient for the user to use, which reduces the operation difficulty and expands the use of the crowd.

The method described in the present application operates based on the B/S mode, and the requirements on the user terminal are not high.

DRAWINGS

1 is a flow chart of an image display method of one embodiment of the present application;

2 is a flow chart of an image display method of an embodiment of the present application;

3 is a flow chart showing an image display method in an overhead view of an embodiment of the present application;

4 is a flow chart showing an image display method in an embodiment of the present application in a street view manner;

FIG. 5 is a flowchart of a character model control in an image presentation method presentation image according to an embodiment of the present application; FIG.

6 is a schematic diagram of an electronic map of an image display method according to an embodiment of the present application;

7 is a schematic diagram showing an electronic map display of an image display method according to an embodiment of the present application;

FIG. 8 is a schematic diagram showing a street display of an image display method according to an embodiment of the present application; FIG.

9 is a schematic diagram of a person-model street view electronic map of an image display method according to an embodiment of the present application;

FIG. 10 is a schematic diagram of a full-view three-dimensional simulation scene of an image display method according to an embodiment of the present application.

detailed description

In order to make those skilled in the art better understand the technical solutions of the present invention, the present invention will be further described in detail below with reference to specific embodiments.

As shown in FIG. 1 , the present application provides a method for displaying a three-dimensional simulation scene image, including:

Step A1: When the browser sends a three-dimensional electronic map display request to the server, the server obtains the three-dimensional electronic map information of the browser;

The three-dimensional electronic map information is simulation scene information, including information of the province, city, and district (county) where the simulation scene is located, including coordinate information of the simulation scene.

Step A2, the server side according to the information of the three-dimensional electronic map, from the server side of the three-dimensional electronic ground Loading three-dimensional electronic map data in the graph database;

Step A3: The server side draws a three-dimensional electronic map according to the image display form in the request of the browser and according to the loaded three-dimensional electronic map data, and sends the three-dimensional electronic map to the browser for display;

Step A: When the browser sends a scene electronic map display request to the server, the server obtains the scene electronic map image information of the browser side;

Step B: The server side draws the electronic map image of the simulation scene to be displayed according to the image information of the simulated scene electronic map image, and sends the electronic map image of the simulated scene to be displayed to the browser for display. .

It should be noted that, the image display form refers to a display form of a three-dimensional electronic map corresponding to the simulated scene map; the landmark of the three-dimensional electronic map includes at least a street, a building, and the like. The generation of the electronic map size can be set by the management party and has a maximum coordinate range, such as (0-9999, 0-9999). Different simulation scenes have different display sizes on the browser side. For example, the coordinates of the A simulation scene map are (0-999, 0-999), and the coordinates of the B simulation scene map are (0-666, 0-666). The electronic map image information includes coordinate information, display mode, and the like, and the display manner includes two ways of looking down and street view, but is not limited to these two methods. The additional display information of the electronic map also includes additional information of each simulation scene (such as the store's store name, level, business scope, normal business or not; the name of the government service organization, service scope, normal work or not) and other information.

As shown in FIG. 2, drawing the electronic map image to be displayed in the step B includes the following steps:

B1. After receiving the electronic map request of the simulation scene, the server determines the coordinate range of the electronic map of the simulation scene to be displayed according to the coordinate point of the three-dimensional electronic map displayed in step A3;

B2. According to the coordinate range of the electronic map of the simulation scene to be displayed, the power from the server side Loading a simulated scene electronic map image to be displayed in the coordinate range in the submap image database;

B3. According to the simulated simulation scene electronic map image to be displayed, the image of the simulation scene electronic map to be displayed is drawn in the image display form in the request of the browser.

As shown in FIG. 3, the electronic map in the step B3 is displayed in a top view, and includes the following steps:

B311. Obtain coordinates of a street in the three-dimensional electronic map.

B312. Obtain the coordinates of the electronic map of the simulation scene to be displayed.

It should be noted that the electronic map in the three-dimensional simulation scene presents a two-dimensional mode. As shown in FIG. 6, the two-dimensional mode can display three faces of U, V, and W, and the front side of the electronic map is the V-plane. Dimensional mode display, there is direction for the electronic map.

The positional relationship between the electronic map and the 3D simulation scene: The entire electronic map is divided into three layers: a three-dimensional simulation scene image, a map coordinate, and an electronic map image. The electronic map image is the bottom layer map, the map coordinates are the invisible map, and the three-dimensional simulation scene image is the top layer map.

As shown in FIG. 7, the map image is composed of four phase maps, and the front side of the map faces the street, wherein the grid surface represents the front side of the map and the vertical stripe surface is the back side of the map. When the coordinates of the map are located on the left side of the street, take the bitmap 1. When the coordinates of the local map are on the right side of the street, take the bitmap 3. When the coordinates of the local map are on the upper side of the street, take the bitmap 2, the local map. When the coordinates are located on the lower side of the street, take the bitmap 4.

Determine the position of the street as shown in Figure 8, such as: the coordinates of the street R1 (110, 110), then the ground The figure takes bitmap 1 or bitmap 3; the coordinates of the street R2 (120, 120), then the map takes bitmap 2 or bitmap 4.

It should be noted that the server end is further provided with a character model library, where the character model library is composed of a set of static images; the static image includes at least a front walking group map, a left walking group map, and a right walking group map. Animated in the browser.

As shown in FIG. 4 and FIG. 5, the electronic map in the step B3 is displayed in a street view manner, and includes the following steps:

B321, loading a character model from a server-side character model library, and displaying it on a browser side;

B322. Obtain a width value of the loaded character model on the display screen, and establish a display area of the electronic map corresponding to the character model according to the width value, where the display area changes according to a width value of the character model. Variety.

It should be noted that the display screen where the browser end is located is equally divided into three equal parts according to its width from left to right, wherein the left and right parts are maps, the middle part is a street; the width value of the character model is the mouse on the display screen. The width value, which is moved under the control of the mouse, and includes the following steps:

S1, obtaining a width value of the mouse on the display screen;

The electronic map is displayed in a street view mode. The character model appears. The character model moves under the control of the mouse. The character walks with the value of the mouse point. The screen is divided into three parts, the left and right are maps, the middle is street, and the width is The screen width value is 1/3, such as: the screen width value is 1200, the left, middle and right each occupy 400 width, the left value is between 0-399, the middle is between 400-899, the right number The value is between 900-1200. When the mouse parking position points are respectively in the three interval points, the animation process shown in FIG. 5 is triggered to achieve the animation effect of the character model walking in the street view. As shown in FIG. 9 , the viewing angle is displayed on the left and right sides in the form of a simulated scene map display, the operator direction is upward, the simulation scene maps on the left and right sides are moved downward (backward), and the front (upward) new local businesses appear on the left and right. side. The character model P is up, and the left side is browsed from map D1 to map D2. Browse on the right from map D3 to map D4. Nowadays, the way of walking the array map is not limited to the operating system. It does not require the support of third-party plug-ins. The animation effect is completed by the system program, which is the best processing method for control and security.

It should be noted that the coordinates of the electronic map are independent of the screen coordinates, and are only related to the electronic map coordinates of the three-dimensional simulation scene, and the screen coordinates are only related to the current user's system and hardware, and the electronic map display size is related to the user's screen, the user's When the screen resolution is small, the electronic map is less, and the user's screen resolution is large, so there are many electronic maps. For example, the electronic map is 1200x1200, and the user screen is only 800x600, which can only see a part. If the user screen is 1900x1200, you can see all the electronic maps.

Usually, the screen end of the user is different, and the area of the simulation scene that the user sees is also different in size. A direction compass can be set in the simulation scene electronic map for the user to view the full picture. As shown in FIG. 10, the compass is composed of 8 blocks of A, B, C, D, E, F, G, and H. When the mouse is placed in one of the blocks, the electronic map is moved according to the setting.

The control direction compass moves the simulated scene electronic map to view all the maps of the simulated scene. As shown in Figure 10, when the mouse is placed at point A in the figure, the simulated scene electronic map moves down, and the upper part of the simulated scene map can be seen; when the mouse is placed at point B in the figure, the simulated scene electronic map moves to the left. You can see the right part of the simulation scene; you can see the upper part of the simulation scene; when the mouse is placed at point C in the figure, the simulation scene electronic map moves up, you can see the lower part of the simulation scene; When the mouse is placed at point D in the figure, the electronic map of the simulation scene moves to the right, and the left part of the simulation scene can be seen; when the mouse is placed between the points A and B in the figure, the electronic map of the simulation scene moves to the lower left, See the upper right part of the simulation scene; when the mouse is placed between the B and C points in the figure, the simulation scene electronic map moves to the upper left, you can see the lower right part of the simulation scene; when the mouse is placed in the picture C and D points When the simulation scene electronic map moves to the upper right, you can see the lower left part of the simulation scene; when the mouse is placed between the D and A points in the figure, the simulation scene electronic map moves to the lower right, you can see the simulation scene. The upper left part.

It should be noted that the three-dimensional electronic map in the present application is a simulation scene map, and the simulation scene map includes an electronic shopping mall map, a public resource service organization simulation scene map, an educational simulation scene map or all other simulation scene maps.

The above is only a preferred embodiment of the present invention, and it should be noted that the above-described preferred embodiments are not to be construed as limiting the scope of the invention, and the scope of the invention should be determined by the scope defined by the claims. It will be apparent to those skilled in the art that various modifications and improvements can be made without departing from the spirit and scope of the invention.

Claims

A three-dimensional simulation scene image display method, comprising the following steps:

When the browser end sends a simulation scene electronic map display request to the server, the server end acquires the simulated scene electronic map image information of the browser end;

B. The server side draws an electronic map image of the simulated scene to be displayed in a graphic display form in the request of the browser according to the electronic map image information of the simulation scene, and displays the electronic map image of the simulated scene to be displayed. Send to the browser for display.
The method for displaying a three-dimensional simulation scene image according to claim 1, further comprising the following steps before the step A:

A1. When the browser sends a three-dimensional electronic map display request to the server, the server acquires the three-dimensional electronic map information of the browser.

A2. The server end loads three-dimensional electronic map data from the server-side three-dimensional electronic map database according to the information of the three-dimensional electronic map;

A3. The server side draws a three-dimensional electronic map according to the image display form in the request of the browser and according to the loaded three-dimensional electronic map data, and sends the three-dimensional electronic map to the browser for display;

The image display form in step A3 refers to a display form of a three-dimensional electronic map corresponding to a real map;

The three-dimensional electronic map is an electronic map of a simulated scene.
The method for displaying a three-dimensional simulation scene image according to claim 1, wherein the drawing the electronic map image to be displayed in the step B comprises the following steps:

B1. After receiving the electronic map request of the simulation scene, the server end is displayed according to step A3. The coordinate points of the displayed three-dimensional electronic map determine the coordinate range of the electronic map of the simulated scene to be displayed;

B2, loading, according to the coordinate range of the simulation scene electronic map to be displayed, the simulation scene electronic map image to be displayed in the coordinate range from the simulation scene electronic map image database of the server side;

B3. According to the loaded simulation scene electronic map image, the image of the simulation scene electronic map to be displayed is drawn in the image display form in the request of the browser end.
The three-dimensional simulation scene image display method according to claim 1, wherein the image display form in the step B includes at least a top view form and a street view form.
The method for displaying an electronic image of a simulated scene according to claim 3, wherein the electronic map in the step B3 is displayed in the top view, and comprises the following steps:

B311. Obtain coordinates of a street in the three-dimensional electronic map.

B312. Obtain coordinates of the electronic map of the simulation scene to be displayed.

B313. Determine a relative position of the simulated scene electronic map coordinates to be displayed and the street coordinates in the three-dimensional electronic map, and face one side of the street is a front side of the simulated scene electronic map to be displayed;

B314. Display the front surface of the electronic map of the simulation scene to be displayed.
The method for displaying a three-dimensional simulation scene image according to claim 1, wherein the server side is further provided with a character model library, wherein the character model library is composed of a set of static images;

The static map includes at least a front walking group map, a left walking group map, and a right walking group map;

The static image is animated in the browser.
The method for displaying a three-dimensional simulation scene image according to claims 3, 4, and 6, wherein the electronic map in the step B3 is displayed in the street view form, and includes the following steps:

B321. The character model is loaded from the server-side character model library, and displayed on the browser side;

B322. Obtain a width value of the loaded character model on the display screen, and establish, according to the width value, a display area of the three-dimensional electronic map corresponding to the character model, the display area is along with a width of the character model. The value changes and changes.
The three-dimensional simulation scene image display method according to claim 7, wherein the character model moves under the control of a mouse.
The method for displaying a three-dimensional simulation scene image according to claim 1, wherein the display screen of the browser end is equally divided into three equal parts according to its width from left to right, wherein the left and right parts are maps, etc. The middle part is the street;

The width value of the character model is the width value of the mouse on the display screen.
The method for displaying a three-dimensional simulation scene image according to claim 8 or 9, wherein the control flow of the character model moving under the control of a mouse comprises the following steps:

S1, obtaining a width value of the mouse on the display screen;

S2: determining that the acquired width value is within a street range, loading a front walking group map in the character model library; if the width value is less than a minimum value of the street width value, loading the character model library The middle left walking group map; if the width value is greater than the maximum value of the street width value, the right walking group map in the character model library is loaded.