An information display method, apparatus, electronic device, and storage medium

Abstract

This application discloses an information display method, apparatus, electronic device, and computer-readable storage medium. Embodiments of this application determine the camera height for capturing the virtual scene and the scene area captured at that height in response to a scene scaling operation. Based on the camera height, they determine the area range of multiple information display areas in the graphical user interface. Based on the area ranges corresponding to the multiple information display areas and the display parameters, they display scene information within the scene areas. This application allows players to promptly view the information they need in the virtual scene.

Description

Technical Field

[0001] This disclosure relates to the field of information display technology, specifically to an information display method, apparatus, electronic device, and storage medium. Background Technology

[0002] The rise of the internet and the continuous development and evolution of hardware and software technologies have spurred the emergence of smart devices and software. Simultaneously, a large number of games of various themes have sprung up to meet user needs.

[0003] Currently, in some virtual scenarios, as the shooting height or angle of the virtual camera changes, the virtual camera sometimes captures too much content in the virtual scene, resulting in too much visible information on the screen, causing information overload and preventing players from seeing the information they need in time. Summary of the Invention

[0004] This application provides an information display method, apparatus, electronic device, and storage medium that enable players to view the information they need in a virtual scene in a timely manner.

[0005] In a first aspect, embodiments of this application provide an information display method, which provides a graphical user interface (GUI) via a terminal. The GUI displays content that includes part or all of a virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. The method includes:

[0006] In response to scene scaling operations, determine the camera shooting height for capturing the aforementioned virtual scene, as well as the scene area captured at the aforementioned camera shooting height;

[0007] Based on the aforementioned lens shooting height, the area range of multiple information display areas in the aforementioned graphical user interface is determined;

[0008] Based on the aforementioned area ranges corresponding to the multiple information display areas and the aforementioned display parameters, the scene information in the aforementioned scene areas is displayed.

[0009] Secondly, embodiments of this application provide an information display device that provides a graphical user interface (GUI) via a terminal. The GUI displays content including some or all of a virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. The device includes:

[0010] The height determination module is used to respond to scene scaling operations, determine the camera shooting height for shooting the virtual scene, and the scene area shot at the camera shooting height.

[0011] The range determination module is used to determine the range of multiple information display areas in the graphical user interface based on the above-mentioned lens shooting height;

[0012] The information display module is used to display scene information in the scene area based on the area range corresponding to the multiple information display areas and the display parameters.

[0013] Thirdly, embodiments of this application also provide an electronic device, including a memory storing multiple instructions; a processor loads instructions from the memory to execute the steps of any of the information display methods provided in embodiments of this application.

[0014] Fourthly, embodiments of this application also provide a computer-readable storage medium storing a plurality of instructions adapted for loading by a processor to execute the steps of any of the information display methods provided in embodiments of this application.

[0015] Fifthly, embodiments of this application also provide a computer program product, including a computer program or instructions, which, when executed by a processor, implement the steps in any of the information display methods provided in embodiments of this application.

[0016] The solution adopted in this application embodiment can provide a graphical user interface (GUI) on a terminal. The content displayed by the GUI includes part or all of the virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. Then, in response to scene scaling operations, the camera height for capturing the virtual scene and the scene area captured at the camera height are determined. Based on the camera height, the area range of the multiple information display areas in the GUI is determined. Based on the area range corresponding to the multiple information display areas and the display parameters, the scene information in the scene areas is displayed. Thus, the information display areas are divided by the camera height of the virtual camera, so that when displaying the virtual scene, scene information in the corresponding information display areas is displayed with different display parameters, thereby weakening unimportant information and enabling players to view the required information in the virtual scene in a timely manner. Attached Figure Description

[0017] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0018] Figure 1This is a schematic flowchart of one embodiment of the information display method provided in this application.

[0019] Figure 2 This is a schematic diagram illustrating an application scenario of the information display method provided in the embodiments of this application;

[0020] Figure 3 This is a schematic diagram illustrating the division of the information display area provided in the embodiments of this application;

[0021] Figure 4 This is a schematic diagram of the model provided in the embodiments of this application;

[0022] Figure 5 This is a schematic diagram of the fixed shooting area provided in the embodiments of this application;

[0023] Figure 6 This is a schematic diagram of the mapping curve provided in the embodiments of this application;

[0024] Figure 7 This is a schematic diagram of the scene area provided in the embodiments of this application;

[0025] Figure 8 This is a schematic diagram of the scene information provided in the embodiments of this application;

[0026] Figure 9 This is a schematic diagram of the structure of the information display device provided in the embodiments of this application;

[0027] Figure 10 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application. Detailed Implementation

[0028] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of this application, and not all of the embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application. At the same time, in the description of the embodiments of this application, the terms "first," "second," etc., are only used to distinguish descriptions and should not be construed as indicating or implying relative importance. Thus, features defined with "first" and "second" may explicitly or implicitly include one or more features. In the description of the embodiments of this application, "multiple" means two or more, unless otherwise explicitly specified.

[0029] This application provides an information display method, apparatus, electronic device, and computer-readable storage medium.

[0030] Specifically, this embodiment will be described from the perspective of an information display device, which can be integrated into an electronic device. That is, the information display method of this application embodiment can be executed by an electronic device. Optionally, the electronic device may include a terminal device. The terminal device may be a mobile phone, tablet computer, smart Bluetooth device, laptop computer, game console, or personal computer (PC), etc.

[0031] The information display method provided in this application can be applied to information display systems. These systems may include a player terminal device and a server. The terminal device can be a device that includes both receiving and transmitting hardware, i.e., a device with receiving and transmitting hardware capable of performing bidirectional communication over a bidirectional communication link. The player terminal device and the server can communicate bidirectionally via a network.

[0032] Optionally, the server can be a standalone server, or a server network or server cluster, including but not limited to computers, network hosts, single network servers, multiple network server sets, or cloud servers composed of multiple servers. Cloud servers consist of a large number of computers or network servers based on cloud computing.

[0033] The following detailed description is provided in conjunction with the accompanying drawings. In this embodiment, the execution subject is a terminal device as an example. It should be noted that the order of description in the following embodiments is not intended to limit the preferred order of the embodiments. Although a logical order is shown in the flowcharts, in some cases, the steps shown or described may be performed in a different order than that shown in the accompanying drawings.

[0034] The information display method of this embodiment determines the camera shooting height of the virtual scene and the scene area shot at the camera shooting height by responding to the scene scaling operation; based on the camera shooting height, it determines the area range of multiple information display areas in the graphical user interface; based on the area range corresponding to the multiple information display areas and the display parameters, it displays the scene information in the scene area, which can enable players to see the required information in the virtual scene in a timely manner.

[0035] Please refer to Figure 1 Taking a terminal as an example, this embodiment provides an information display method. The terminal provides a graphical user interface (GUI), the content of which includes part or all of a virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. The specific process of this information display method can be summarized in steps 101 to 103, wherein:

[0036] Step 101: Respond to the scene scaling operation, determine the camera shooting height for shooting the virtual scene, and the scene area to be shot at the camera shooting height.

[0037] The aforementioned scene zoom operation is used to indicate the zooming of the virtual scene. For example, scene zoom operations include mouse wheel operations, two-finger zoom operations on a touchscreen, keyboard shortcut operations, and triggering operations on interface function controls. Scene zoom operations can help players better view the game world, conduct strategic planning, and command battles.

[0038] The aforementioned lens shooting height refers to the shooting height of the virtual camera used to capture virtual scenes. This virtual camera simulates a real-world camera and is used to capture content in the virtual scene in order to ultimately generate information that forms images or animations displayed on the screen.

[0039] Understandably, the virtual camera determines the content and location of the virtual scene viewed by the player. By adjusting the position or shooting angle of the virtual camera, the content of the virtual scene seen by the player on the screen can be changed.

[0040] Furthermore, as the virtual scene scales, the content captured by the virtual camera changes. Changes in the virtual camera itself, such as increasing its height or decreasing its shooting angle, result in the virtual camera capturing increasingly more content. Figure 2 As shown, players can see a lot of information about distant cities, villages, and other buildings, leading to information overload and making it difficult for players to see the information they need correctly or in a timely manner.

[0041] In this embodiment, the terminal can respond to the scene zoom operation to determine the current lens shooting height of the virtual camera. This allows the terminal to determine the scene area captured by the virtual camera in the virtual scene at that lens shooting height. Then, the scene information in the scene area is displayed with specific display parameters to avoid the player being unable to correctly or timely view the information they currently need due to a large amount of information.

[0042] In some embodiments, determining the scene area captured at the aforementioned lens shooting height may include: the terminal may acquire the target shooting angle of the virtual camera, and based on the aforementioned target shooting angle, determine the scene area captured at the aforementioned lens shooting height.

[0043] The aforementioned target shooting angle refers to the current shooting angle of the virtual camera in the virtual scene. This target shooting angle can be a fixed shooting angle that is associated with the lens shooting height, i.e., a shooting angle under a fixed perspective. Alternatively, it can be a shooting angle that is not associated with the lens shooting height and is freely set by the relevant staff, i.e., a shooting angle under a free perspective. The specific angle can be set according to the needs and is not limited here.

[0044] In this embodiment, by obtaining the target shooting angle of the virtual camera, the terminal can clearly identify the scene area captured by the virtual camera in the virtual scene at that target shooting angle. The scene area may include at least one part of the divided information display area, and the information display areas are relatively distributed among each other in the scene area.

[0045] Step 102: Based on the above-mentioned lens shooting height, determine the area range of multiple information display areas in the above-mentioned graphical user interface.

[0046] Understandably, in order to allow players to focus more on the information displayed on the screen and quickly find the information they need, the terminal further sets up information display areas based on the camera's shooting height, that is, to create information partitions for the virtual scene, dividing the virtual scene into multiple information partitions.

[0047] In this embodiment, since the higher the shooting height of the virtual camera, the larger the shooting range, the area of ​​information display in the virtual scene needs to be adaptively adjusted according to the shooting height of the virtual camera lens so that the virtual camera can meet the player's need to grasp more information in the virtual scene at a higher viewing distance.

[0048] It is understandable that due to different product requirements, the number of information display areas to be set, as well as the range of the information display area at different heights, will vary. The specific settings can be made according to the requirements, and no limit is imposed here.

[0049] In some embodiments, the aforementioned multiple information display areas are constructed based on target locations in the aforementioned virtual scene. These target locations can be preset interface locations, the location of the virtual camera, or the location of a specific type of virtual object in the virtual scene, etc., and can be specifically set according to requirements, without limitation here.

[0050] Specifically, there may be only one target location, so that each information display area is constructed based on its relative positional relationship with the target location; or there may be multiple target locations, so that each information display area is constructed based on its relative positional relationship with the corresponding target location. For example, each information display area corresponds to a target location, and the target location can be constructed as the center location of the information display area.

[0051] For example, multiple preset interface positions can be set in a virtual scene. These preset interface positions are equivalent to the aforementioned target positions. The preset interface positions can be set at any position on the graphical user interface to determine multiple information partitions of different areas in the virtual scene based on these preset interface positions.

[0052] For example, the target location may include the camera position of the virtual camera, such as the center position of the camera. The multiple information display areas are constructed with the camera position as the center. For example, the information display area may be a circular area with the center of the virtual camera as the center point. The circular area may be nested around the center point.

[0053] In some embodiments, the information display area can be further classified into different levels based on the distance between the divided information display area and the virtual camera. That is, the information display area closer to the virtual camera is determined to be a higher level information display area, while the information display area farther away from the virtual camera is determined to be a lower level information display area. The scene information in the higher level information display area is more important to the player.

[0054] Specifically, the aforementioned multiple information display areas correspond to different levels. The higher the level of the information display area, the closer it is to the virtual camera in the horizontal direction. The higher the shooting height of the lens, the larger the area of ​​the highest level information display area.

[0055] For example, such as Figure 3 As shown, it can be around Figure 3 The camera (i.e., the virtual camera) in the image is set up with three information display areas, namely: Figure 3 The information areas "Information Area A", "Information Area B", and "Information Area C" can be designated as follows: "Information Area A" is the highest-level information display area, "Information Area B" is a relatively high-level information display area, and "Information Area C" is the lowest-level information display area.

[0056] It should be noted that as the camera shooting height increases, the area of ​​at least part of the information display area in the non-highest level information display area can increase or decrease accordingly. The specific setting can be determined according to the needs and is not limited here.

[0057] In this embodiment, a higher level indicates greater information importance, which makes it easier for players to better control the game situation. Therefore, as the camera shooting height increases, the area of ​​displaying the highest-level, core information can be enlarged, while the area of ​​displaying non-core information in the virtual scene can be reduced.

[0058] In some embodiments, the plurality of information display areas include a first information display area. The higher the shooting height of the lens, the larger the area of ​​the first information display area. The area of ​​other information display areas in the plurality of information display areas that are not the first information display area can be increased or decreased accordingly. The specific settings can be made according to the needs and are not limited here.

[0059] It is understandable that if multiple information display areas are set by multiple interface preset positions, then the first information display area can be any one of the multiple information display areas, or it can be at least one information display area specified by the user among the multiple information display areas. The first information display area can also refer to the aforementioned information display areas, etc. The specific settings can be made according to the needs, and are not limited here.

[0060] It is understandable that if multiple information display areas are constructed with a camera position as the center, then the first information display area can be the information display area closest to the camera position in the horizontal direction. The first information display area can also be at least one information display area specified by the user among multiple information display areas. The first information display area can also be at least a part of the information display area in the chorus, etc. The specific settings can be made according to the needs, and no limitation is made here.

[0061] In some embodiments, determining the area range of multiple information display areas in the graphical user interface based on the lens shooting height may include: the terminal determining a first area radius of the first information display area based on the lens shooting height, and then dividing the area range of the first information display area in the virtual scene with the virtual camera as the center and the first area radius as the range, such as... Figure 3 In the "Information Area A" section, the radius of the first area can be directly used as one parameter of the area range of the first information display area in the virtual scene, and the position of the virtual camera can be used as another parameter of the area range of the first information display area in the virtual scene. Alternatively, the boundary of the first information display area can be calculated based on the radius of the first area and the position of the virtual camera, and the boundary area range can be used as the area range of the first information display area, etc. The specific settings can be configured according to the requirements, and are not limited here.

[0062] Specifically, the terminal can pre-establish a preset mapping relationship between the lens shooting height and the radius of the first region, so that the corresponding radius of the first region can be determined based on the lens shooting height. This mapping relationship can be a preset mapping curve or a preset function relationship, etc. The terminal can also calculate the corresponding radius of the first region in real time based on the lens shooting height. The specific settings can be set according to the requirements and are not limited here.

[0063] There is a corresponding relationship between the change in the shooting height of the lens and the change in the area of ​​the first information display area. A model of a specific shape is formed to indicate the relationship between the two, such as a "funnel" shaped model or a cone-shaped model. The specific model can be set according to the requirements and is not limited here.

[0064] For example, such as Figure 4 As shown, Figure 4 The model shown illustrates the relationship between changes in the virtual camera's height (i.e., lens shooting height) and the changes in the area ranges of "Information Area A" and "Information Area B." The area range of this information display region can be determined based on factors such as the radius and width of the information display region. Figure 4 As can be seen, as the camera height increases, the area range of "Information Area A" and "Information Area B" changes in a funnel shape. Since "Information Area C" is an area outside the visible information, this area can cover all positions outside "Information Area B". Therefore, "Information Area C" can be non-funnel shaped.

[0065] In some embodiments, the terminal can calculate the radius of the first region corresponding to the lens shooting height in real time. That is, the determination of the radius of the first region of the first information display area based on the lens shooting height can include: the terminal can obtain the fixed shooting angle corresponding to the lens shooting height of the virtual camera in the fixed viewing angle mode, and the terminal can then determine the fixed shooting area when the virtual camera shoots with the lens shooting height and the fixed shooting angle, which is equivalent to the screen projection surface, that is, the area corresponding to the content to be displayed on the screen. Furthermore, the terminal needs to draw a circumcircle for the fixed shooting area to determine the radius of the first region based on the radius of the circumcircle, wherein the radius of the circumcircle is greater than or equal to the radius of the first region.

[0066] It is understandable that by setting a fixed perspective mode, the virtual camera maintains a fixed relative relationship between the shooting height and the shooting angle during rendering. Under this relationship, the size of the radius of the first region has a corresponding mapping relationship with the radius of the circumcircle of the fixed shooting region under the shooting height and shooting angle, such as being equal to or a relative multiple. The specific settings can be made according to the requirements and are not limited here.

[0067] For example, in a game's virtual scene, in a fixed-view mode, such as Figure 5 As shown, when the virtual camera shoots at the aforementioned lens shooting height and fixed shooting angle, there are upper and lower edges of the field of view. These upper and lower edges are horizontal lines within the virtual camera's field of view, used to limit the visible range of the virtual camera when shooting at the aforementioned lens shooting height and fixed shooting angle. Therefore, based on these upper and lower edges of the field of view, a corresponding virtual fixed shooting area can be obtained, i.e. Figure 5 Given an a*b region, construct a circumcircle for this a*b region and take the radius of the circumcircle, i.e.:

[0068]

[0069] In addition, SLG products also feature a free-view mode, which allows the camera to freely switch shooting angles. Based on the area defined by the fixed-view mode, the terminal can determine the scene area to be shot at the switched shooting angle according to the shooting angle after the free camera switches. This scene area can contain a portion of at least one pre-defined information area.

[0070] Specifically, obtaining the fixed shooting angle corresponding to the lens shooting height of the virtual camera in fixed-view mode can include: the terminal can obtain the mapping curve of the virtual camera in fixed-view mode, such as... Figure 6 As shown, the horizontal axis of the above mapping curve represents the shooting height, and the vertical axis represents the shooting angle; finally, the terminal can determine the fixed shooting angle corresponding to the above lens shooting height on the above mapping curve.

[0071] Among them, from Figure 6 As can be seen, as the height of the virtual camera increases, the lens angle of the virtual camera also increases with height.

[0072] In some embodiments, the plurality of information display areas further include a second information display area, and there is a preset mapping relationship between the first information display area and the second information display area.

[0073] For example, the first information display area may be located at a horizontal distance from the virtual camera that is smaller than the second information display area is located at a horizontal distance from the virtual camera.

[0074] In some embodiments, determining the area range of multiple information display areas in the graphical user interface based on the lens shooting height may further include: the terminal may determine the area range of the second information display area in the virtual scene based on the area range of the first information display area and the preset mapping relationship.

[0075] The above-mentioned range mapping relationship can be a mapping relationship of the area of ​​the region, a mapping relationship of the perimeter of the region, or a mapping relationship of the radius of the region, etc. The specific mapping relationship can be set according to the needs and is not limited here.

[0076] In this embodiment, a preset mapping relationship is established between the first information display area and the second information display area so that when the area range of one information display area is obtained, the area range of the other information display area can be obtained. When the area range of one information display area is adjusted, the area range of the other information display area will also be adjusted accordingly, so as to present a better display effect of scene information in the information display area.

[0077] In some embodiments, determining the area range of the second information display area in the virtual scene based on the area range of the first information display area and the preset mapping relationship may include: the terminal may introduce a preset radius coefficient to establish the preset mapping relationship, wherein the preset radius coefficient is greater than 1, to calculate the product of the first area radius and the preset radius coefficient, and use the product of the first area radius and the preset radius coefficient as the second area radius.

[0078] Then, the terminal uses the virtual camera as the center and the radius of the second area as the range to divide the area of ​​the third information display area in the virtual scene. The third information display area includes the first information display area and the second information display area. The terminal can use the area in the third information display area other than the first information display area as the second information display area to determine the area of ​​the second information display area in the virtual scene. For example, the terminal can use the difference between the radius of the second area and the radius of the first area of ​​the third information display area as the width of the ring of the second information display area, that is, the area of ​​the second information display area in the virtual scene.

[0079] For example, if the radius of the first area of ​​the first information display area is set to R, then the outer radius of the second information display area is R1 = kR (k>1, k is a constant), and the area range of the second information display area can be the width of the second information display area, i.e., R1-R.

[0080] Step 103: Based on the area range corresponding to the above multiple information display areas and the above display parameters, display the scene information in the above scene areas.

[0081] In this embodiment, the terminal can display scene information in the scene area based on the area range of each information display area and the display parameters corresponding to each information display area. That is, the scene area includes the distribution of at least one information display area, and the scene information in the corresponding information display area is displayed with the display parameters corresponding to each information display area.

[0082] It is understandable that when displaying relevant scene information on the screen, the terminal can distinguish different areas distributed in different locations within the scene area by establishing information display areas, and by displaying information in different information display areas with different display parameters, it can enable players to correctly or promptly view the information they currently need.

[0083] The aforementioned display parameters can be set in at least one way, such as transparency, brightness, color, display size, and overlay display effects. When multiple information display areas display scene information with different display parameters, they can be distinguished by different information transparency, different information brightness, different information color, etc. The specific settings can be set according to the needs and are not limited here.

[0084] For example, if the above display parameter is set to transparency, then scene information in different information display areas can be displayed with different transparency; or, for example, if the above display parameter is set to display size, then scene information in different information display areas can be displayed with different display sizes.

[0085] Specifically, if multiple information display areas are set by multiple interface preset positions, then the display method of different information display areas can be specified by the user. That is, the user can specify that the core information display area in multiple information display areas is displayed in a highlighted manner, such as with the lowest information transparency, to highlight the information in the core information display area, while the information display areas not specified by the user are displayed in a non-highlighted manner, such as with higher information transparency, to weaken or hide the information in the non-core information display areas, thereby avoiding affecting the player's viewing of the required information.

[0086] Specifically, if multiple information display areas are constructed centered on a single camera position, the information display areas can be classified into different levels based on their distance from the virtual camera. Areas closer to the virtual camera are designated as higher-level areas, while those farther away are designated as lower-level areas. The scene information in higher-level areas is more important to the player, so the display parameters for higher-level areas are more prominent. For example, higher-level areas may have lower transparency or larger display sizes. These settings can be customized to meet specific needs and are not limited here. This weakens or hides information farther from the virtual camera to avoid impacting the player's viewing of desired information.

[0087] For example, such as Figure 3 As shown, the scene information in "Information Area A" can be displayed normally as core information, the scene information in "Information Area B" can be displayed semi-transparently as secondary information, and the scene information in "Information Area C" can be hidden as unimportant information.

[0088] Specifically, the above-mentioned display parameters include information transparency, with higher-level information display areas having lower information transparency; the above-mentioned display of scene information in the above-mentioned scene areas based on the above-mentioned area ranges corresponding to the above-mentioned multiple information display areas and the above-mentioned display parameters may include: rendering and displaying scene information in the above-mentioned scene areas based on the above-mentioned area ranges corresponding to the above-mentioned multiple information display areas and information transparency.

[0089] Specifically, information transparency can be preset with corresponding transparency attributes for each information display area. For example, the highest level information display area has 0% transparency, and the lowest level information display area has 100% transparency. The transparency gradually increases between the highest and lowest levels. Finally, the terminal can render and display the scene information of each of the aforementioned information display areas based on their transparency, presenting a screen that allows players to quickly view the information they need.

[0090] Understandably, by setting different display parameters for different information display areas in the scene, information that is farther away can be displayed with higher transparency to reduce the player's attention. In addition, the size of the information display area can also change with the viewing distance of the camera to better present the information display effect. This not only distinguishes between near and far information, but also meets the player's observation needs for a larger core information display area at high viewing distances and a smaller core information display area at low viewing distances, so that players can see the information they need in the virtual scene in a timely manner at different viewing distances.

[0091] For example, such as Figure 7 As shown, Figure 7 The dotted area shown represents the scene captured by the virtual camera at the target shooting angle. This scene area corresponds to the content to be displayed on the screen. Figure 7 As can be seen, parts of "Information Area A", "Information Area B" and "Information Area C" need to be displayed on the screen. The scene information in "Information Area A" should be located at the bottom of the screen, the scene information in "Information Area B" should be located above the scene information in "Information Area A" on the screen, and the scene information in "Information Area C" should be located at the top layer of the screen.

[0092] The terminal needs to Figure 7 Partial areas of "Information Area A", "Information Area B", and "Information Area C" in the scene area shown are displayed to obtain the following: Figure 8 The scene information diagram shown is from Figure 8 As can be seen, Figure 8 The white box in the image displays scene information from "Information Area A." It's evident that the scene information in "Information Area A" is located in the lower half of the screen and is displayed correctly. Figure 8 The striped box in the image displays scene information from "Information Area B." This scene information in "Information Area B" is positioned above the scene information in "Information Area A" and is semi-transparent. The scene information in "Information Area C," which is further away, is hidden. Figure 8 Not shown in, that is Figure 8 In the middle, the scene information in "Information Area C" has been hidden.

[0093] As can be seen from the above, the graphical user interface provided by the terminal displays content that includes part or all of the virtual scene. The graphical user interface includes multiple information display areas, each displaying scene information with different display parameters. Then, in response to scene scaling operations, the camera height for capturing the virtual scene and the scene area captured at that camera height are determined. Based on the camera height, the area range of the multiple information display areas in the graphical user interface is determined. Based on the area range corresponding to the multiple information display areas and the display parameters, the scene information in the scene areas is displayed. Thus, the information display areas are divided by the camera height of the virtual camera, so that when displaying the virtual scene, scene information in the corresponding information display areas is displayed with different display parameters, thus weakening unimportant information and enabling players to view the information they need in the virtual scene in a timely manner.

[0094] This embodiment also provides an information display device that provides a graphical user interface (GUI) via a terminal. The GUI displays content including some or all of a virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. This information display device can be integrated into a terminal device. For example, as... Figure 9 As shown, the information display device may include:

[0095] The height determination module 901 is used to respond to the scene scaling operation, determine the camera shooting height for shooting the virtual scene, and the scene area shot at the camera shooting height.

[0096] The range determination module 902 is used to determine the range of multiple information display areas in the graphical user interface based on the above-mentioned lens shooting height;

[0097] The information display module 903 is used to display scene information in the scene area based on the area range corresponding to the multiple information display areas and the display parameters.

[0098] In some embodiments, the plurality of information display areas include a first information display area, and the higher the lens shooting height, the larger the area of ​​the first information display area.

[0099] In some embodiments, the range determination module 902 is specifically used for:

[0100] Based on the aforementioned lens shooting height, the radius of the first area of ​​the aforementioned first information display area is determined;

[0101] Centered on the virtual camera, the area of ​​the first information display area in the virtual scene is divided by the radius of the first area.

[0102] In some embodiments, the plurality of information display areas further include a second information display area, and there is a preset mapping relationship between the first information display area and the second information display area.

[0103] In some embodiments, the range determination module 902 is specifically used for:

[0104] Based on the area range of the first information display area and the preset mapping relationship, the area range of the second information display area in the virtual scene is determined.

[0105] In some embodiments, the range determination module 902 is specifically used for:

[0106] The product of the first region radius and the preset radius coefficient is taken as the second region radius, wherein the preset radius coefficient is greater than 1;

[0107] Centered on the aforementioned virtual camera, the third information display area is defined within the aforementioned virtual scene by the radius of the aforementioned second area.

[0108] The area outside the first information display area in the third information display area is taken as the second information display area to determine the area range of the second information display area in the virtual scene.

[0109] In some embodiments, the range determination module 902 is specifically used for:

[0110] Obtain the fixed shooting angle corresponding to the lens shooting height of the virtual camera in fixed view mode;

[0111] Determine the fixed shooting area when the virtual camera shoots at the above lens shooting height and the above fixed shooting angle, and draw a circumcircle for the above fixed shooting area;

[0112] Based on the radius of the circumcircle, the radius of the first region is determined, wherein the radius of the circumcircle is greater than or equal to the radius of the first region.

[0113] In some embodiments, the range determination module 902 is specifically used for:

[0114] Obtain the mapping curve of the virtual camera in fixed view mode, where the horizontal axis of the mapping curve is the shooting height and the vertical axis is the shooting angle.

[0115] Determine the fixed shooting angle corresponding to the above lens shooting height on the above mapping curve.

[0116] In some embodiments, the aforementioned multiple information display areas are constructed based on target locations in the aforementioned virtual scene.

[0117] In some embodiments, the target location includes the camera location of a virtual camera, and the plurality of information display areas are constructed with the camera location as the center.

[0118] In some embodiments, the aforementioned multiple information display areas correspond to different levels, and the higher the level of the information display area, the closer it is to the virtual camera in the horizontal direction; the higher the shooting height of the lens, the larger the area of ​​the highest level information display area.

[0119] In some embodiments, the above display parameters include information transparency, where higher-level information display areas have lower information transparency;

[0120] The aforementioned information display module 903 is specifically used for:

[0121] Based on the area range and information transparency corresponding to the above multiple information display areas, the scene information in the above scene areas is rendered and displayed.

[0122] In some embodiments, the height determination module 901 is specifically used for:

[0123] Obtain the target shooting angle of the virtual camera, and based on the target shooting angle, determine the scene area to be shot at the above-mentioned lens shooting height.

[0124] As can be seen from the above, the graphical user interface provided by the terminal displays content that includes part or all of the virtual scene. The graphical user interface includes multiple information display areas, each displaying scene information with different display parameters. Then, in response to scene scaling operations, the camera height for capturing the virtual scene and the scene area captured at that camera height are determined. Based on the camera height, the area range of the multiple information display areas in the graphical user interface is determined. Based on the area range corresponding to the multiple information display areas and the display parameters, the scene information in the scene areas is displayed. Thus, the information display areas are divided by the camera height of the virtual camera, so that when displaying the virtual scene, scene information in the corresponding information display areas is displayed with different display parameters, thus weakening unimportant information and enabling players to view the information they need in the virtual scene in a timely manner.

[0125] Accordingly, this application also provides an electronic device, which can be a terminal, such as a smartphone, tablet computer, laptop computer, touch screen, game console, personal computer (PC), personal digital assistant (PDA), or other terminal device. Alternatively, the electronic device can be a server.

[0126] like Figure 10 As shown, Figure 10 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. The electronic device 1000 includes a processor 1001 with one or more processing cores, a memory 1002 with one or more computer-readable storage media, and a computer program stored on the memory 1002 and executable on the processor. The processor 1001 and the memory 1002 are electrically connected. Those skilled in the art will understand that the electronic device structure shown in the figure does not constitute a limitation on the electronic device, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0127] The processor 1001 is the control center of the electronic device 1000. It connects various parts of the electronic device 1000 via various interfaces and lines. By running or loading software programs and / or units stored in the memory 1002, and by calling data stored in the memory 1002, it executes various functions and processes data of the electronic device 1000, thereby providing overall monitoring of the electronic device 1000. The processor 1001 can be a central processing unit (CPU), a graphics processing unit (GPU), a network processor (NP), etc., and can implement or execute the methods, steps, and logic diagrams disclosed in the embodiments of this application.

[0128] In this embodiment, the processor 1001 in the electronic device 1000 loads the instructions corresponding to the processes of one or more applications into the memory 1002 according to the following steps, and the processor 1001 runs the applications stored in the memory 1002 to realize various functions, such as:

[0129] In response to scene scaling operations, determine the camera shooting height for capturing the aforementioned virtual scene, as well as the scene area captured at the aforementioned camera shooting height;

[0130] Based on the aforementioned lens shooting height, the area range of multiple information display areas in the aforementioned graphical user interface is determined;

[0131] Based on the aforementioned area ranges corresponding to the multiple information display areas and the aforementioned display parameters, the scene information in the aforementioned scene areas is displayed.

[0132] For details on the implementation of each of the above operations, please refer to the previous examples, which will not be repeated here.

[0133] Optional, such as Figure 10 As shown, the electronic device 1000 further includes: a touch display screen 1003, a radio frequency circuit 1004, an audio circuit 1005, an input unit 1006, and a power supply 1007. The processor 1001 is electrically connected to the touch display screen 1003, the radio frequency circuit 1004, the audio circuit 1005, the input unit 1006, and the power supply 1007. Those skilled in the art will understand that... Figure 10 The electronic device structure shown does not constitute a limitation on the electronic device and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0134] The touch display screen 1003 can be used to display a graphical user interface (GUI) and receive operation commands generated by the user interacting with the GUI. The touch display screen 1003 may include a display panel and a touch panel. The display panel can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces of the electronic device. These graphical user interfaces can be composed of graphics, text, icons, video, and any combination thereof. Optionally, the display panel can be configured using a liquid crystal display (LCD), organic light-emitting diode (OLED), or other similar technologies. The touch panel can be used to collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch panel), generate corresponding operation commands, and execute the corresponding program according to the operation commands. Optionally, the touch panel may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch location and the signal generated by the touch operation, transmitting the signal to the touch controller. The touch controller receives touch information from the touch detection device, converts it into touch point coordinates, and sends it to the processor 1001. It can also receive and execute commands from the processor 1001. The touch panel can cover the display panel. When the touch panel detects a touch operation on or near it, it transmits the information to the processor 1001 to determine the type of touch event. Subsequently, the processor 1001 provides corresponding visual output on the display panel based on the type of touch event. In this embodiment, the touch panel and the display panel can be integrated into the touch display screen 1003 to achieve input and output functions. However, in some embodiments, the touch panel and the touch display screen 1003 can be implemented as two independent components to achieve input and output functions. That is, the touch display screen 1003 can also be used as part of the input unit 1006 to achieve input functions.

[0135] The radio frequency circuit 1004 can be used to transmit and receive radio frequency signals to establish wireless communication with network devices or other electronic devices, and to transmit and receive signals with network devices or other electronic devices.

[0136] Audio circuit 1005 can be used to provide an audio interface between a user and an electronic device via a speaker and a microphone. Audio circuit 1005 can convert received audio data into electrical signals and transmit them to the speaker, where the speaker converts them into sound signals for output. Conversely, the microphone converts collected sound signals into electrical signals, which are then received by audio circuit 1005, converted back into audio data, and processed by processor 1001 before being transmitted via radio frequency circuit 1004 to, for example, another electronic device, or output to memory 1002 for further processing. Audio circuit 1005 may also include an earphone jack to provide communication between peripheral headphones and electronic devices.

[0137] The input unit 1006 can be used to receive input numbers, character information or user feature information (such as fingerprints, iris, facial information, etc.), and generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.

[0138] Power supply 1007 is used to supply power to various components of electronic device 1000. Optionally, power supply 1007 can be logically connected to processor 1001 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. Power supply 1007 may also include one or more DC or AC power supplies, recharging systems, power fault detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0139] although Figure 10 As not shown in the diagram, the electronic device 1000 may also include a camera, sensor, wireless fidelity module, Bluetooth module, etc., which will not be described in detail here.

[0140] In the above embodiments, the descriptions of each embodiment have different focuses. For parts not described in detail in a certain embodiment, please refer to the relevant descriptions in other embodiments.

[0141] Those skilled in the art will understand that all or part of the steps in the various methods of the above embodiments can be performed by instructions, or by instructions controlling related hardware. These instructions can be stored in a computer-readable storage medium and loaded and executed by a processor.

[0142] Therefore, embodiments of this application provide a computer-readable storage medium storing multiple computer programs that can be loaded by a processor to execute any of the information display methods provided in this application. The computer program can execute the steps of the following information display method:

[0143] In response to scene scaling operations, determine the camera shooting height for capturing the aforementioned virtual scene, as well as the scene area captured at the aforementioned camera shooting height;

[0144] Based on the aforementioned lens shooting height, the area range of multiple information display areas in the aforementioned graphical user interface is determined;

[0145] Based on the aforementioned area ranges corresponding to the multiple information display areas and the aforementioned display parameters, the scene information in the aforementioned scene areas is displayed.

[0146] As can be seen, a computer program can be loaded by a processor to execute any of the information display methods provided in the embodiments of this application, thereby bringing about the following technical effects: enabling players to view the information they need in the virtual scene in a timely manner.

[0147] For details on the implementation of each of the above operations, please refer to the previous examples, which will not be repeated here.

[0148] The computer-readable storage medium may include: read-only memory (ROM), random access memory (RAM), disk or optical disk, etc.

[0149] Since the computer program stored in the computer-readable storage medium can execute any of the information display methods provided in the embodiments of this application, the beneficial effects that any of the information display methods provided in the embodiments of this application can achieve can be realized. For details, please refer to the previous embodiments, which will not be repeated here.

[0150] According to one aspect of this application, a computer program product or computer program is also provided, comprising computer instructions stored in a computer-readable storage medium. A processor of an electronic device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the electronic device to perform the methods provided in the various optional implementations of the above embodiments.

[0151] In the above embodiments of the information display device, computer-readable storage medium, electronic device, and computer program product, the descriptions of each embodiment have different focuses. Parts not described in detail in a particular embodiment can be referred to in the relevant descriptions of other embodiments. Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes and beneficial effects of the information display device, computer-readable storage medium, computer program product, electronic device, and their corresponding units described above can be referred to the description of the information display method in the above embodiments, and will not be repeated here.

[0152] The foregoing has provided a detailed description of an information display method, apparatus, electronic device, computer-readable storage medium, and computer program product provided in the embodiments of this application. Specific examples have been used to illustrate the principles and implementation methods of this application. The descriptions of the above embodiments are only for the purpose of helping to understand the method and core ideas of this application. At the same time, for those skilled in the art, there will be changes in the specific implementation methods and application scope based on the ideas of this application. Therefore, the content of this specification should not be construed as a limitation of this application.

Claims

1. An information display method characterized by comprising: A graphical user interface (GUI) is provided via a terminal. The GUI displays content that includes part or all of a virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. The method includes: In response to scene scaling operations, determine the camera shooting height for capturing the virtual scene, and the scene area captured at the camera shooting height; Based on the lens shooting height, the area range of multiple information display areas in the graphical user interface is determined; Based on the area range corresponding to the multiple information display areas and the display parameters, scene information in the scene area is displayed.

2. The information display method according to claim 1, wherein The plurality of information display areas include a first information display area, and the higher the lens shooting height, the larger the area of ​​the first information display area.

3. The information display method according to claim 2, wherein The process of determining the area range of multiple information display areas in the graphical user interface based on the lens shooting height includes: Based on the lens shooting height, determine the first area radius of the first information display area; Centered on the virtual camera, the first area radius is used to divide the area of ​​the first information display area in the virtual scene.

4. The information display method according to claim 3, wherein The plurality of information display areas also includes a second information display area, and there is a preset mapping relationship between the first information display area and the second information display area.

5. The information display method according to claim 4, wherein The step of determining the area range of multiple information display areas in the graphical user interface based on the lens shooting height also includes: Based on the area range of the first information display area and the preset mapping relationship, the area range of the second information display area in the virtual scene is determined.

6. The information display method of claim 5, wherein Determining the area of ​​the second information display area in the virtual scene based on the area range of the first information display area and the preset mapping relationship includes: The product of the first region radius and the preset radius coefficient is used as the second region radius, wherein the preset radius coefficient is greater than 1; Centered on the virtual camera, the third information display area is defined by the radius of the second area within the virtual scene. The area outside the first information display area in the third information display area is used as the second information display area to determine the area range of the second information display area in the virtual scene.

7. The information display method of claim 3, wherein Determining the radius of the first area of ​​the first information display area based on the lens shooting height includes: Obtain the fixed shooting angle corresponding to the lens shooting height of the virtual camera in fixed view mode; Determine the fixed shooting area when the virtual camera shoots at the lens shooting height and the fixed shooting angle, and construct a circumcircle for the fixed shooting area; The radius of the first region is determined based on the radius of the circumcircle, wherein the radius of the circumcircle is greater than or equal to the radius of the first region.

8. The information display method of claim 7, wherein The step of obtaining the fixed shooting angle corresponding to the lens shooting height of the virtual camera in fixed view mode includes: Obtain the mapping curve of the virtual camera in fixed view mode, wherein the horizontal axis of the mapping curve is the shooting height and the vertical axis is the shooting angle; A fixed shooting angle corresponding to the lens shooting height is determined on the mapping curve.

9. The information display method of claim 1, wherein The multiple information display areas are constructed based on the target locations in the virtual scene.

10. The information display method of claim 9, wherein The target location includes the camera position of the virtual camera, and the multiple information display areas are constructed with the camera position as the center.

11. The information display method according to claim 10, wherein The multiple information display areas correspond to different levels. The higher the level of the information display area, the closer it is to the virtual camera in the horizontal direction. The higher the shooting height of the lens, the larger the area of ​​the highest level information display area.

12. The information display method of claim 11, wherein, The display parameters include information transparency; the higher the level of the information display area, the lower the information transparency. The step of displaying scene information in the scene area based on the area range corresponding to the plurality of information display areas and the display parameters includes: Based on the area range and information transparency corresponding to the multiple information display areas, scene information in the scene area is rendered and displayed.

13. The information display method according to any one of claims 1 to 12, wherein Determine the scene area to be captured at the lens shooting height, including: Obtain the target shooting angle of the virtual camera, and based on the target shooting angle, determine the scene area to be shot at the lens shooting height.

14. An information display device, characterized by comprising: A graphical user interface (GUI) is provided via a terminal. The GUI displays content that includes part or all of a virtual scene. The GUI includes multiple information display areas, each displaying scene information with different display parameters. The device includes: The height determination module is used to respond to scene scaling operations, determine the camera shooting height for shooting the virtual scene, and the scene area shot at the camera shooting height; The range determination module is used to determine the range of multiple information display areas in the graphical user interface based on the shooting height of the lens; The information display module is used to display scene information in the scene area based on the area range corresponding to the plurality of information display areas and the display parameters.

15. An electronic device, comprising: The system includes a processor and a memory, the memory storing multiple instructions; the processor loads instructions from the memory to perform the steps of the information display method as described in any one of claims 1 to 13.

16. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a plurality of instructions adapted for loading by a processor to perform the steps of the information display method as described in any one of claims 1 to 13.

Images