Display control method, device, apparatus, and storage medium

Abstract

The application provides a display control method and device, equipment and a storage medium, and relates to the technical field of human-computer interaction. The method comprises the following steps: displaying a three-dimensional virtual scene and a two-dimensional interactive picture on a graphical user interface; in response to a movement triggering event of a virtual camera, determining a target display level of the two-dimensional interactive picture according to a real-time position of the virtual camera and a position of a target three-dimensional virtual object in the three-dimensional virtual scene; wherein the target display level is used to indicate a display level of the two-dimensional interactive picture relative to the target three-dimensional virtual object on the graphical user interface; and controlling the two-dimensional interactive picture to update and display on the target display level. The embodiment of the application can realize a three-dimensional perspective effect of the two-dimensional interactive picture in the three-dimensional virtual scene, and enrich the interactive experience of a user for a three-dimensional interactive application.

Description

Technical Field

[0001] This application relates to the field of human-computer interaction technology, and more specifically, to a display control method, apparatus, device, and storage medium. Background Technology

[0002] With the rapid development of computer and software technologies, interactive applications are becoming increasingly common. Among them, 3D interactive applications, in particular, offer a richer and more realistic user experience with their vivid and realistic scenes and sense of depth, making them increasingly popular.

[0003] Currently, for 3D interactive applications, the graphical user interface usually presents a 3D virtual scene, in which interactive images with 3D perspective effects are directly displayed to better integrate the interactive images into the 3D virtual scene, thereby increasing the user's sense of immersion and experience.

[0004] However, the perspective effect of interactive images with 3D perspective is actually a pre-made "fake perspective," which often cannot perform large perspective movements. Its actual display effect is likely to be affected by the complexity of the 3D virtual scene, resulting in "glitches." Summary of the Invention

[0005] In view of this, embodiments of this application provide a display control method, apparatus, device, and storage medium to achieve a three-dimensional perspective effect of two-dimensional interactive images in a three-dimensional virtual scene, enriching the user's interactive experience for three-dimensional interactive applications.

[0006] In a first aspect, embodiments of this application provide a display control method that provides a graphical user interface through a terminal device, the method comprising:

[0007] The graphical user interface displays a three-dimensional virtual scene and two-dimensional interactive images.

[0008] In response to a movement trigger event of the virtual camera, the target display level of the 2D interactive image is determined based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene; wherein, the target display level is used to indicate the display level of the 2D interactive image relative to the target 3D virtual object on the graphical user interface;

[0009] Control the updating and display of the two-dimensional interactive image on the target display layer.

[0010] Secondly, embodiments of this application also provide a display control device that provides a graphical user interface through a terminal device, the display control device comprising:

[0011] The display module is used to display three-dimensional virtual scenes and two-dimensional interactive images in the graphical user interface;

[0012] A determination module is used to respond to a movement trigger event of a virtual camera and determine the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene; wherein, the target display level is used to indicate the display level of the two-dimensional interactive image relative to the target three-dimensional virtual object on the graphical user interface;

[0013] The control module is used to control the updating and display of the two-dimensional interactive image on the target display layer.

[0014] Thirdly, embodiments of this application also provide an electronic device, including: a processor, a storage medium, and a bus, wherein the storage medium stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor communicates with the storage medium via the bus, and the processor executes the machine-readable instructions to perform the steps of a display control method as described in any one of the first aspects.

[0015] Fourthly, embodiments of this application also provide a computer-readable storage medium storing a computer program, which, when executed by a processor, performs the steps of a display control method as described in any one of the first aspects.

[0016] The display control method, apparatus, device, and storage medium provided in this application can display a three-dimensional virtual scene and a two-dimensional interactive image on a graphical user interface. Responding to a virtual camera movement trigger event, the target display layer of the two-dimensional interactive image is determined based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene. This allows for dynamic updating of the display layer of the two-dimensional interactive image relative to the virtual object in the three-dimensional virtual scene. This avoids perspective artifacts caused by the occlusion of the two-dimensional interactive image due to the varying display layers of the three-dimensional virtual object in the three-dimensional virtual scene. The two-dimensional interactive image moves dynamically between the display layers of the virtual object in the three-dimensional virtual scene, producing rich three-dimensional perspective effects. This achieves a simulation of real three-dimensional spatial relationships as closely as possible, enhancing the interactive experience.

[0017] To make the above-mentioned objectives, features and advantages of this application more apparent and understandable, preferred embodiments are described below in detail with reference to the accompanying drawings. Attached Figure Description

[0018] To more clearly illustrate the technical solutions of the embodiments of this application, the accompanying drawings used in the embodiments will be briefly introduced below. It should be understood that the following drawings only show some embodiments of this application and should not be regarded as a limitation of the scope. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.

[0019] Figure 1 A flowchart illustrating a display control method provided in an embodiment of this application;

[0020] Figure 2 Another flowchart of a display control method provided in an embodiment of this application;

[0021] Figure 3 Another flowchart of a display control method provided in an embodiment of this application;

[0022] Figure 4 This is a schematic diagram illustrating the positional relationship between two-dimensional interactive images and objects in a three-dimensional virtual scene provided in an embodiment of this application.

[0023] Figure 5 A schematic diagram of a graphical user interface for a display control method provided in an embodiment of this application;

[0024] Figure 6 This is a schematic diagram of the structure of a display control device provided in an embodiment of this application;

[0025] Figure 7 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0026] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, 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 some embodiments of this application, and not all embodiments. The components of the embodiments of this application described and shown in the accompanying drawings can generally be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of this application provided in the accompanying drawings is not intended to limit the scope of the claimed application, but merely represents selected embodiments of this application. All other embodiments obtained by those skilled in the art based on the embodiments of this application without inventive effort are within the scope of protection of this application.

[0027] In one embodiment of this disclosure, the display control method can run on a local terminal device or a server. When the display control method runs on a server, the method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.

[0028] In an optional implementation, various cloud applications, such as cloud gaming, can run under the cloud interaction system. Taking cloud gaming as an example, cloud gaming refers to a gaming method based on cloud computing. In the cloud gaming operating mode, the game program and the game screen presentation are separated. The storage and execution of the game loading method are completed on the cloud gaming server. The client device is used for data reception, transmission, and game screen presentation. For example, the client device can be a display device with data transmission capabilities located close to the user, such as a mobile terminal, television, computer, or PDA; however, the information processing is performed by the cloud gaming server in the cloud. When playing the game, the player operates the client device to send operation commands to the cloud gaming server. The cloud gaming server runs the game according to the operation commands, encodes and compresses the game screen and other data, returns it to the client device via the network, and finally, the client device decodes and outputs the game screen.

[0029] In an alternative implementation, the local terminal device stores a game program and is used to display game visuals. The local terminal device is used to interact with the player through a graphical user interface (GUI), i.e., by conventionally downloading, installing, and running the game program via an electronic device. The local terminal device can provide the GUI to the player in various ways, such as rendering it on a terminal display screen or providing it to the player via holographic projection. For example, the local terminal device may include a display screen for displaying the GUI, which includes game visuals, and a processor for running the game, generating the GUI, and controlling the display of the GUI on the screen.

[0030] In one possible implementation, embodiments of the present invention provide a display control method that provides a graphical user interface through a terminal device. The terminal device can be either the aforementioned local terminal device or a client device in the aforementioned cloud interactive system. It should be noted that the display control methods provided in the following embodiments of this application can be applied to three-dimensional interactive applications, such as three-dimensional game applications, i.e., game applications with three-dimensional scenes. Of course, in practical application scenarios, it is not limited to three-dimensional game applications; it can also be other applications that present three-dimensional virtual scenes, such as three-dimensional simulation teaching applications, etc. Any interactive application that presents a three-dimensional virtual scene is suitable for the display control method provided in this application.

[0031] The following describes the display control method provided in the embodiments of this application through multiple examples and in conjunction with the accompanying drawings. Figure 1 This is a flowchart illustrating a display control method provided in an embodiment of this application. Figure 1 As shown, the display control method may include:

[0032] S101. Display a three-dimensional virtual scene and two-dimensional interactive images in the graphical user interface.

[0033] The graphical user interface can display one or more 2D interactive images. A 2D interactive image is an image with any interactive function in the interactive interface, pre-created using a 2D encoder; it can also be referred to as 2D graphic information. 2D interactive images can include at least one of the following forms: 2D component images, 2D indicator images, and 2D effect images. Specifically, 2D component images can be 2D images with interactive control functions, such as component images with preset functions; 2D indicator images can be 2D images with indicator functions, such as indicator images of a preset message system; and 2D effect images can be 2D images with special effects, such as images with preset scene effects.

[0034] S102. In response to the movement trigger event of the virtual camera, determine the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene.

[0035] The target display hierarchy indicates the display hierarchy of the 2D interactive image relative to the target 3D virtual object on the graphical user interface. The target display hierarchy can be, for example, a front-to-back hierarchy, meaning the 2D interactive image is displayed before or after the target 3D virtual object.

[0036] In one possible implementation, the three-dimensional spatial relationship between the virtual camera and the target 3D virtual object is determined based on the real-time position of the virtual camera and the position of the target 3D virtual object. Then, based on this spatial relationship, the target display level of the 2D interactive image is determined. The real-time position of the virtual camera can be its position during movement, and similarly, the position of the target 3D virtual object is also its real-time position during the movement of the virtual camera. Therefore, the three-dimensional spatial relationship characterizes the dynamic positional relationship between the virtual camera and the target 3D virtual object in the 3D virtual scene during the movement of the virtual camera.

[0037] The target 3D virtual object can be a fixed 3D virtual object in a 3D virtual scene or an active 3D virtual object in a 3D virtual scene. Fixed 3D virtual objects can also be called 3D object objects, such as 3D virtual trees or 3D virtual building pillars; active 3D virtual objects can be controlled virtual objects, also known as player virtual objects, or uncontrolled virtual objects, also known as non-player virtual objects.

[0038] For the triggering method of virtual camera movement trigger events, at least the following implementation methods exist.

[0039] In one possible implementation, prior to responding to a movement trigger event of the virtual camera, a movement trigger event of the virtual camera can be generated based on movement events of controlled virtual objects in the 3D virtual scene. In other words, in this implementation, the movement of the controlled virtual object in the 3D virtual scene can trigger the generation of a movement trigger event of the virtual camera.

[0040] In another possible implementation, prior to responding to the virtual camera's movement trigger event, the virtual camera's movement trigger event can be generated based on the interactive function events of the controlled virtual object towards other virtual objects. In this implementation, the interactive function events can be, for example, follow function events or proximity function events. The other virtual objects can be, for example, virtual objects of non-player characters (NPCs) or virtual objects of other players.

[0041] In another possible implementation, prior to responding to the virtual camera's movement trigger event, a virtual camera movement trigger event can be generated based on the task progress events of the controlled virtual objects in the 3D virtual scene. The task progress event could be, for example, a task progress event triggered by the controlled virtual object completing a target task.

[0042] S103. Control the updating and display of the two-dimensional interactive image on the target display layer.

[0043] One possible implementation is to control the two-dimensional interactive image to be updated from the current display level to a preset position on the target display level, thereby achieving dynamic updates of the display level of the two-dimensional interactive image.

[0044] The method provided in this application, by displaying a 3D virtual scene and a 2D interactive image in a graphical user interface, responds to a virtual camera movement trigger event, determines the target display layer of the 2D interactive image based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene, and then controls the 2D interactive image to be updated and displayed on the target display layer. This achieves dynamic updating of the display layer of the 2D interactive image relative to the virtual object in the 3D virtual scene on the graphical user interface, avoiding the perspective error caused by the 2D interactive image being occluded due to the display layer of the 3D virtual object in the 3D virtual scene. It allows the 2D interactive image to move dynamically between the display layers of the virtual object in the 3D virtual scene, producing rich 3D perspective effects, and realizing that the 2D interactive image simulates the real 3D spatial relationship as much as possible, thus enhancing the interactive experience.

[0045] The following examples will be used to explain in detail the specific implementation process of determining the target display level in the display control method provided in this embodiment. Figure 2 Another flowchart of a display control method provided in an embodiment of this application is shown below. Figure 2 As shown, in the above method, S102, in response to the movement trigger event of the virtual camera, determining the target display level of the 2D interactive image based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene may include:

[0046] S201. Determine the real-time distance parameters between the virtual camera and the target 3D virtual object based on the real-time position of the virtual camera and the position of the target 3D virtual object.

[0047] The real-time position of the virtual camera and the position of the target 3D virtual object are both their respective positions in the 3D virtual scene. Therefore, the real-time distance parameter between the virtual camera and the target 3D virtual object can be determined based on the real-time position of the virtual camera and the position of the target 3D virtual object, which can be used to characterize the spatial distance between the virtual camera and the target 3D virtual object in the 3D virtual scene.

[0048] S202. Determine the target display level of the two-dimensional interactive image based on the real-time distance parameters.

[0049] Since the real-time distance parameter is actually the real-time distance between the virtual camera and the target 3D virtual object during the virtual camera process, the target display layer of the 2D interactive image is determined based on the real-time distance parameter, thus realizing the dynamic update of the display layer between the 2D interactive image and the target 3D virtual object during the movement of the virtual camera.

[0050] In a possible implementation, step S202 determines the target display level of the two-dimensional interactive image based on the real-time distance parameter, including:

[0051] Determine the target distance range where the real-time distance parameter is located according to the real-time distance parameter and multiple preset distance ranges; determine the target display level of the two-dimensional interactive picture according to the target distance range.

[0052] In this implementation, by determining the target display level of the two-dimensional interactive picture based on the target distance range where the real-time distance parameter is located, the dynamic update of the display level of the two-dimensional interactive picture in the three-dimensional virtual scene can be achieved through a controllable distance range, and the chaos caused by the frequent adjustment of the display level due to the dynamic change of the real-time distance parameter can be avoided.

[0053] In some possible implementation manners, if the number of two-dimensional interactive pictures is multiple, the multiple two-dimensional interactive pictures can be grouped to obtain grouping labels for each two-dimensional interactive picture. Different grouping labels can be used to represent display priorities. For example, the multiple two-dimensional interactive pictures can be grouped according to a preset display priority grouping rule. If there are two groups, namely group 1 and group 2, the grouping labels of the corresponding two-dimensional interactive pictures can be the grouping label of group 1 and the grouping label of group 2. The grouping label of group 1 and the grouping label of group 2 can also be respectively referred to as the first grouping label and the second grouping label.

[0054] Correspondingly, determining the target display level of the two-dimensional interactive picture according to the target distance range may specifically include: determining the target display level of the two-dimensional interactive picture according to the target distance range and the grouping labels of each two-dimensional interactive picture.

[0055] Assume that the multiple preset distance ranges may include three distance ranges. For example, a first distance range less than or equal to a first preset distance threshold, a second distance range greater than the first preset distance threshold and less than or equal to a second preset distance threshold, and a third distance range greater than the second preset distance threshold. For example, if the first preset distance threshold is 30 and the second preset distance threshold is 60, the first distance range can be expressed as X≤30, the second distance range can be expressed as 30<X≤60, and the third distance range can be expressed as 60<X.

[0056] In a possible implementation manner, if the target distance range is the first distance range less than or equal to the first preset distance threshold, determine the target display level of each first two-dimensional interactive picture with the first grouping label as the first display level, and determine the target display level of each second two-dimensional interactive picture with the second grouping label as the second display level. Among them, the first display level is used to indicate that the display level of the two-dimensional interactive picture is higher than the display level of the target three-dimensional virtual object, and the second display level is used to indicate that the display level of the two-dimensional interactive picture is lower than the display level of the target three-dimensional virtual object.

[0057] In other words, if the target distance range is within the first distance range, it is determined that the virtual camera is relatively close to the target 3D virtual object. To avoid display confusion, the 2D interactive images need to be displayed in layers. Therefore, based on the first display layer, the 2D interactive images with higher priority, that is, the first 2D interactive images with the first group label, can be displayed in front of the target 3D virtual object. Based on the second display layer, the 2D interactive images with lower priority, that is, the second 2D interactive images with the second group label, can be displayed behind the target 3D virtual object.

[0058] In another possible implementation, if the target distance range is a second distance range that is greater than a first preset distance threshold and less than or equal to a second preset distance threshold, then the target display level of all two-dimensional interactive images corresponding to each group label is determined to be the second display level.

[0059] In other words, if the target distance range is within the second distance range, then the distance between the virtual camera and the target 3D virtual object is determined to be appropriate. Regardless of the grouping labels of the 2D interactive images, all 2D interactive images can be displayed behind the target 3D virtual object based on the second display level.

[0060] In another possible implementation, if the target distance range is a third distance range that is greater than the second preset distance threshold, then the target display level of all two-dimensional interactive images corresponding to each group label is determined to be the first display level.

[0061] In other words, if the target distance range is the third distance range, it is determined that the virtual camera is too far away from the target 3D virtual object. Regardless of the grouping label of the 2D interactive images, all 2D interactive images can be displayed behind the target 3D virtual object based on the first display level.

[0062] In the method provided in the above embodiments of this application, the target display level of the two-dimensional interactive image can be determined based on the target distance range and in conjunction with the grouping labels of the two-dimensional interactive image. This allows for dynamic updating of the display level of the two-dimensional interactive image, avoiding both the visual impact caused by displaying too close and the poor visual effect caused by displaying too far.

[0063] To avoid display occlusion issues caused by two-dimensional interactive images being interspersed among multiple object display layers on a graphical user interface, the method described above, before determining the target display layer of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene, may further include:

[0064] The target 3D virtual object is determined from the real-time field of view corresponding to the real-time position of the virtual camera in the 3D virtual scene.

[0065] In other words, during the process of determining the target display level, the target 3D virtual objects considered can be a subset of 3D virtual objects determined from the 3D virtual scene, rather than all 3D virtual objects. For example, the target 3D virtual objects can be determined from the real-time field of view corresponding to the real-time position of the virtual camera in the 3D virtual scene. In the specific implementation, the target 3D virtual objects can be determined only from the real-time field of view corresponding to the real-time position of the virtual camera, while virtual objects outside the real-time field of view do not need to be given much attention.

[0066] In other possible implementations, to make the update of the display hierarchy of the 2D interactive image more dynamic and the perspective effect more realistic, the display position of the 2D interactive image is also controlled in addition to updating its display hierarchy. Examples will be provided below with reference to the accompanying drawings. Figure 3 This is yet another flowchart illustrating a display control method provided in an embodiment of this application. Figure 3 As shown, the method may further include:

[0067] S301. In response to a movement trigger event, control the two-dimensional interactive image to move along a preset image movement direction.

[0068] In other words, as the virtual camera moves, it can control both the update of the display hierarchy of the two-dimensional interactive image and the update of its position.

[0069] Controlling the movement of a 2D interactive image along a preset image movement direction can include: controlling the 2D interactive image to move from a preset starting display position to a preset target display position along the preset image movement direction, thereby achieving dynamic adjustment of the 2D interactive image's position; or, controlling the 2D interactive image to move out of the graphical user interface from a preset starting display position along the preset image movement direction, thereby achieving a dynamic special effect display of the 2D interactive image "flying out".

[0070] Because 2D interactive images may occlude or be occluded by objects in a 3D virtual scene during movement, determining the target virtual object from the real-time field of view corresponding to the real-time position of the virtual camera in the 3D virtual scene can include:

[0071] S302. During the movement of the two-dimensional interactive image, a three-dimensional virtual object that meets the preset projection overlap condition with the two-dimensional interactive image is identified as the target three-dimensional virtual object from the real-time field of view in the three-dimensional virtual scene.

[0072] The preset projection overlap condition is as follows: the two-dimensional interactive image is located within the preset projection area of ​​the three-dimensional virtual object in the preset camera movement direction parallel to the virtual camera.

[0073] For example, the target 3D virtual object may include: all 3D virtual objects within a preset projection area. That is, all 3D virtual objects are treated as a whole. Based on the position of each 3D virtual object within the preset projection area and the real-time position of the virtual camera, the display hierarchy relationship of the 2D interactive image relative to all 3D virtual objects is determined through the implementation method of determining the target display hierarchy provided in the above embodiment, so as to avoid the occlusion problem that may be caused between two 3D virtual objects when the target 3D virtual object is displayed.

[0074] In another example, the target 3D virtual object may also include: the 3D virtual object furthest from the virtual camera within a preset projection area, and the 3D virtual object closest to the virtual camera. In this example, only the 3D virtual object furthest from the virtual camera and the 3D virtual object closest to the virtual camera need to be considered. Then, by using the real-time position of the virtual camera, and the positions of the furthest and closest 3D virtual objects, the display layer relationship of the 2D interactive image relative to the furthest 3D virtual object and the display layer relationship relative to the closest 3D virtual object can be determined through the implementation method for determining the target display layer provided in the above embodiment. This avoids potential occlusion problems between the two 3D virtual objects when the target 3D virtual object is displayed.

[0075] To facilitate understanding, the following examples are provided in conjunction with the interface diagram. Figure 4 This is a schematic diagram illustrating the positional relationship between two-dimensional interactive images and objects in a three-dimensional virtual scene provided in an embodiment of this application. For example... Figure 4As shown, in response to a virtual camera movement trigger event, the virtual camera moves along a preset camera movement direction, while simultaneously controlling the 2D interactive image to move along a preset image movement direction. During the movement of the 2D interactive image, if the 2D interactive image is within a preset projection area of ​​object Z at time A, then based on the real-time position of the virtual camera and the position of object Z, the target display level of the 2D interactive image is determined using the method provided in any of the above embodiments. Based on the target display level, the 2D interactive image is then controlled to be displayed before or after the display level of object Z at time A. If the 2D interactive image moves to a preset projection area of ​​object Y at time B, then based on the real-time position of the virtual camera and the position of object Y, the target display level of the 2D interactive image is again determined using the method provided in any of the above embodiments. Based on the target display level, the 2D interactive image is then controlled to be displayed before or after the display level of object Y at time B. As the 2D interactive image moves, if the 2D interactive image moves into the preset projection area of ​​object X at time C, then the target display level of the 2D interactive image is determined by the method provided in any of the above embodiments based on the real-time position of the virtual camera and the position of object X. Then, based on the target display level, the 2D interactive image is controlled to be displayed before or after the display level of object X at time C.

[0076] The method provided in this embodiment can, during the movement of a two-dimensional interactive image, identify a three-dimensional virtual object within the real-time field of view of a three-dimensional virtual scene that meets a preset projection overlap condition with the two-dimensional interactive image as the target three-dimensional virtual object. Then, based on its position and the real-time position of the virtual camera, the target display level of the two-dimensional interactive image is determined. This method can achieve a visual interweaving effect between the two-dimensional interactive image and the three-dimensional virtual objects in the three-dimensional virtual scene during movement, while avoiding occlusion or being occluded between the two-dimensional interactive image and objects in the three-dimensional virtual scene, thus increasing the visual sense of three-dimensional space of the two-dimensional interactive image.

[0077] The graphical user interface involved in the embodiments of this application will be further illustrated below with reference to the accompanying drawings. Figure 5 This is a schematic diagram of a graphical user interface for a display control method provided in an embodiment of this application. For example... Figure 5As shown, the graphical user interface can display multiple 2D interactive images and a 3D virtual scene. The 3D virtual scene contains at least one 3D virtual object. The controlled virtual object and the virtual support object can be respectively designated as target 3D virtual object 1 and target 3D virtual object 2. Based on the movement trigger event of the virtual camera, and according to the real-time position of the virtual camera and the positions of target 3D virtual object 1 and target 3D virtual object 2, it is possible to determine and control that 2D interactive image 1, 2D interactive image 2, and 2D interactive image 3 are placed before target 3D virtual object 2 in the display hierarchy; 2D interactive image 4 is placed after target 3D virtual object 1 in the display hierarchy; and 2D interactive image 5 is placed before target 3D virtual object 1 in the display hierarchy. 2D interactive images 1, 2D interactive image 2, and 2D interactive image 3 can be, for example, 2D component images, while 2D interactive images 4 and 2D interactive image 5 can be, for example, ribbon-like 2D special effects images.

[0078] As shown in the figure above, the method provided in this embodiment can realize the interleaving display of two-dimensional interactive images in a three-dimensional virtual scene, so that the two-dimensional interactive images move with rich dynamic motion between the display layers of virtual objects in the three-dimensional virtual scene, producing rich three-dimensional perspective effects.

[0079] The following describes the display control device, equipment, and storage medium provided in this application for implementation. The specific implementation process and technical effects are described above and will not be repeated below.

[0080] Figure 6 This is a schematic diagram of the structure of a display control device provided in an embodiment of this application, as shown below. Figure 6 As shown, the display control device 600 provides a graphical user interface through a terminal device, and the display control device 600 may include:

[0081] Display module 601 is used to display three-dimensional virtual scenes and two-dimensional interactive images in a graphical user interface;

[0082] The determination module 602 is used to respond to the movement trigger event of the virtual camera and determine the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene; wherein, the target display level is used to indicate the display level of the two-dimensional interactive image relative to the target three-dimensional virtual object on the graphical user interface;

[0083] The control module 603 is used to control the updating and display of two-dimensional interactive images on the target display layer.

[0084] The solution provided in this embodiment can display a 3D virtual scene and a 2D interactive image in a graphical user interface. Responding to a virtual camera movement trigger event, the target display layer of the 2D interactive image is determined based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene. This allows for dynamic updating of the 2D interactive image's display layer relative to the virtual object in the 3D virtual scene. This avoids perspective artifacts caused by the 2D interactive image being occluded due to the varying display layers of the 3D virtual object in the 3D virtual scene. The 2D interactive image moves dynamically between the display layers of the virtual object in the 3D virtual scene, producing rich 3D perspective effects. This achieves a simulation of real 3D spatial relationships as closely as possible, enhancing the user's interactive experience.

[0085] In one feasible implementation, the determining module 602 is specifically configured to generate a virtual camera movement trigger event based on movement events of controlled virtual objects in a 3D virtual scene before responding to a movement trigger event of the virtual camera; or, generate a virtual camera movement trigger event based on interaction function events of controlled virtual objects in a 3D virtual scene with respect to target virtual objects; or, generate a virtual camera movement trigger event based on task progress events of controlled virtual objects in a 3D virtual scene.

[0086] In one feasible implementation, the determining module 602 is specifically used to: determine the real-time distance parameter between the virtual camera and the target 3D virtual object based on the real-time position of the virtual camera and the position of the target 3D virtual object; and determine the target display level of the 2D interactive image based on the real-time distance parameter.

[0087] In a feasible implementation, the determining module 602 is specifically used to: determine the target distance range where the real-time distance parameter is located based on the real-time distance parameter and multiple preset distance ranges; and determine the target display level of the two-dimensional interactive image based on the target distance range.

[0088] In one feasible implementation, there are multiple two-dimensional interactive images. The determining module 602 is specifically used to: determine the target display level of the two-dimensional interactive images based on the target distance range and the grouping labels of each two-dimensional interactive image.

[0089] In one feasible implementation, the determining module 602 is specifically configured to: if the target distance range is a first distance range less than or equal to a first preset distance threshold, then determine the target display level of each first two-dimensional interactive image of the first group label as the first display level, and determine the target display level of each second two-dimensional interactive image of the second group label as the second display level, wherein the first display level is used to indicate that the display level of the two-dimensional interactive image is higher than the display level of the target three-dimensional virtual object, and the second display level is used to indicate that the display level of the two-dimensional interactive image is lower than the display level of the target three-dimensional virtual object; or, if the target distance range is a second distance range greater than the first preset distance threshold and less than or equal to the second preset distance threshold, then determine that the target display level of all two-dimensional interactive images corresponding to each group label is the second display level; or, if the target distance range is a third distance range greater than the second preset distance threshold, then determine that the target display level of all two-dimensional interactive images corresponding to each group label is the first display level.

[0090] In one feasible implementation, the determining module 602 is specifically used to determine the target 3D virtual object from the real-time field of view corresponding to the real-time position of the virtual camera in the 3D virtual scene before determining the target display level of the 2D interactive image based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene.

[0091] In one feasible implementation, the control module 603 is further configured to, in response to a movement trigger event, control the two-dimensional interactive image to move along a preset image movement direction. The determining module 602 is specifically configured to: during the movement of the two-dimensional interactive image, determine, from the real-time field of view in the three-dimensional virtual scene, a three-dimensional virtual object that satisfies a preset projection overlap condition with the two-dimensional interactive image as the target three-dimensional virtual object, wherein the preset projection overlap condition is: the two-dimensional interactive image is located within a preset projection area of ​​the three-dimensional virtual object in a preset camera movement direction parallel to the virtual camera.

[0092] In one feasible implementation, the target 3D virtual object includes: all 3D virtual objects within a preset projection area; or, the target 3D virtual object includes: the 3D virtual object furthest from the virtual camera within the preset projection area, and the 3D virtual object closest to the virtual camera.

[0093] In one feasible implementation, the control module 603 is specifically used to control the two-dimensional interactive image to move from a preset starting display position to a preset target display position along a preset image movement direction; or, to control the two-dimensional interactive image to move out of the graphical user interface from the preset starting display position along a preset image movement direction.

[0094] In one feasible implementation, the two-dimensional interactive image includes at least one of the following forms of interactive images: two-dimensional component images, two-dimensional indicator images, and two-dimensional special effects images.

[0095] Figure 7 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application, such as... Figure 7 As shown, the electronic device includes a processor 701, a storage medium 702, and a bus 703. The storage medium 702 stores machine-readable instructions executable by the processor 701. When the electronic device runs a display control method as described in the embodiment, the processor 701 communicates with the storage medium 702 via the bus 703. The processor 701 executes the machine-readable instructions, and the preamble of the processor 1301 method item performs the following steps:

[0096] Display 3D virtual scenes and 2D interactive images in a graphical user interface;

[0097] In response to a virtual camera movement event, the target display level of the 2D interactive image is determined based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene; wherein, the target display level is used to indicate the display level of the 2D interactive image relative to the target 3D virtual object on the graphical user interface;

[0098] Control the updating and display of 2D interactive images on the target display layer.

[0099] In one feasible implementation, before executing a motion trigger event in response to a virtual camera, the processor 701 generates a motion trigger event for the virtual camera based on a motion event of a controlled virtual object in the 3D virtual scene; or, generates a motion trigger event for the virtual camera based on an interaction function event of a controlled virtual object in the 3D virtual scene with respect to a target virtual object; or, generates a motion trigger event for the virtual camera based on a task progress event of a controlled virtual object in the 3D virtual scene.

[0100] In one feasible implementation, when the processor 701 determines the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene, it specifically performs the following: determining the real-time distance parameter between the virtual camera and the target three-dimensional virtual object based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object; and determining the target display level of the two-dimensional interactive image based on the real-time distance parameter.

[0101] In one feasible implementation, when the processor 701 performs the task of determining the target display level of a two-dimensional interactive image based on the real-time distance parameter, it specifically performs the following: determining the target distance range in which the real-time distance parameter is located based on the real-time distance parameter and multiple preset distance ranges; and determining the target display level of the two-dimensional interactive image based on the target distance range.

[0102] In one feasible implementation, there are multiple two-dimensional interactive images. When the processor 701 performs the task of determining the target display level of the two-dimensional interactive images based on the target distance range, it specifically performs the following: determining the target display level of the two-dimensional interactive images based on the target distance range and the grouping labels of each two-dimensional interactive image.

[0103] In one feasible implementation, when the processor 701 determines the target display level of the two-dimensional interactive images based on the target distance range and the grouping labels of each two-dimensional interactive image, it specifically performs the following tasks:

[0104] If the target distance range is a first distance range less than or equal to a first preset distance threshold, then the target display level of each first two-dimensional interactive image of the first group label is determined to be the first display level, and the target display level of each second two-dimensional interactive image of the second group label is determined to be the second display level. The first display level indicates that the display level of the two-dimensional interactive image is higher than the display level of the target three-dimensional virtual object, and the second display level indicates that the display level of the two-dimensional interactive image is lower than the display level of the target three-dimensional virtual object. Alternatively, if the target distance range is a second distance range greater than the first preset distance threshold and less than or equal to the second preset distance threshold, then the target display level of all two-dimensional interactive images corresponding to each group label is determined to be the second display level. Alternatively, if the target distance range is a third distance range greater than the second preset distance threshold, then the target display level of all two-dimensional interactive images corresponding to each group label is determined to be the first display level.

[0105] In one feasible implementation, before determining the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene, the processor 701 is also used to determine the target three-dimensional virtual object from the real-time field of view corresponding to the real-time position of the virtual camera in the three-dimensional virtual scene.

[0106] In one feasible implementation, the processor 701 is also configured to, in response to a movement trigger event, control the two-dimensional interactive image to move along a preset image movement direction.

[0107] In one feasible implementation, when the processor 701 determines the target virtual object based on the real-time field of view corresponding to the real-time position of the virtual camera in the three-dimensional virtual scene, it specifically performs the following: during the movement of the two-dimensional interactive image, it determines, from the real-time field of view of the three-dimensional virtual scene, a three-dimensional virtual object that satisfies a preset projection coincidence condition with the two-dimensional interactive image as the target three-dimensional virtual object, wherein the preset projection coincidence condition is: the two-dimensional interactive image is located within a preset projection area of ​​the three-dimensional virtual object in a preset camera movement direction parallel to the virtual camera.

[0108] In one feasible implementation, the target 3D virtual object includes: all 3D virtual objects within a preset projection area; or, the target 3D virtual object includes: the 3D virtual object furthest from the virtual camera within the preset projection area, and the 3D virtual object closest to the virtual camera.

[0109] In one feasible implementation, when the processor 701 executes the control to move the two-dimensional interactive image along a preset image movement direction, it is specifically used to: control the two-dimensional interactive image to move from a preset starting display position to a preset target display position along the preset image movement direction; or, control the two-dimensional interactive image to move out of the graphical user interface from the preset starting display position along the preset image movement direction.

[0110] In one feasible implementation, the two-dimensional interactive image includes at least one of the following forms of interactive images: two-dimensional component images, two-dimensional indicator images, and two-dimensional special effects images.

[0111] This application also provides a computer-readable storage medium storing a computer program that is executed by a processor, wherein the processor performs the steps of any of the display control methods described above.

[0112] In this embodiment, the computer program, when run by the processor, can also execute other machine-readable instructions to perform other methods as described in the embodiments. For details on the specific execution steps and principles, please refer to the description of the embodiments, which will not be repeated here.

[0113] In the embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. The apparatus embodiments described above are merely illustrative. For example, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. Furthermore, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Additionally, the displayed or discussed mutual couplings, direct couplings, or communication connections may be through some communication interfaces; indirect couplings or communication connections between devices or units may be electrical, mechanical, or other forms.

[0114] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0115] In addition, the functional units in the embodiments provided in this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0116] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0117] It should be noted that similar labels and letters in the following figures indicate similar items. Therefore, once an item is defined in one figure, it does not need to be further defined and explained in subsequent figures. In addition, the terms "first", "second", "third", etc. are used only to distinguish descriptions and should not be construed as indicating or implying relative importance.

[0118] Finally, it should be noted that the above-described embodiments are merely specific implementations of this application, used to illustrate the technical solutions of this application, and not to limit them. The protection scope of this application is not limited thereto. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features, within the scope of the technology disclosed in this application; and these modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application. All should be covered within the protection scope of this application. Therefore, the protection scope of this application should be determined by the protection scope of the claims.

Claims

1. A display control method, characterized in that, The method of providing a graphical user interface via a terminal device includes: The graphical user interface displays a three-dimensional virtual scene and two-dimensional interactive images. In response to a movement trigger event of the virtual camera, the target display level of the 2D interactive image is determined based on the real-time position of the virtual camera and the position of the target 3D virtual object in the 3D virtual scene; wherein, the target display level is used to indicate the display level of the 2D interactive image relative to the target 3D virtual object on the graphical user interface; Control the updating and display of the two-dimensional interactive image on the target display layer.

2. The method according to claim 1, characterized in that, Prior to responding to a movement-triggered event from the virtual camera, the method further includes: Based on the movement events of the controlled virtual objects in the 3D virtual scene, generate movement trigger events for the virtual camera; or, Based on the interaction events of the controlled virtual object in the 3D virtual scene with other virtual objects, a movement trigger event for the virtual camera is generated; or, Based on the task progress events of the controlled virtual objects in the three-dimensional virtual scene, a movement trigger event for the virtual camera is generated.

3. The method according to claim 1, characterized in that, The step of determining the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene includes: Based on the real-time position of the virtual camera and the position of the target 3D virtual object, determine the real-time distance parameter between the virtual camera and the target 3D virtual object; The target display level of the two-dimensional interactive image is determined based on the real-time distance parameter.

4. The method according to claim 3, characterized in that, Determining the target display level of the two-dimensional interactive image based on the real-time distance parameter includes: Based on the real-time distance parameter and multiple preset distance ranges, determine the target distance range in which the real-time distance parameter is located; The target display level of the two-dimensional interactive image is determined based on the target distance range.

5. The method according to claim 4, characterized in that, The number of the two-dimensional interactive images is multiple, and determining the target display level of the two-dimensional interactive images based on the target distance range includes: Based on the target distance range and the grouping labels of each of the two-dimensional interactive images, the target display level of the two-dimensional interactive images is determined.

6. The method according to claim 5, characterized in that, The step of determining the target display level of the two-dimensional interactive image based on the target distance range and the grouping labels of each two-dimensional interactive image includes: If the target distance range is a first distance range less than or equal to a first preset distance threshold, then the target display level of each first two-dimensional interactive image of the first group label is determined to be the first display level, and the target display level of each second two-dimensional interactive image of the second group label is determined to be the second display level. The first display level indicates that the display level of the two-dimensional interactive image is higher than the display level of the target three-dimensional virtual object, and the second display level indicates that the display level of the two-dimensional interactive image is lower than the display level of the target three-dimensional virtual object; or... If the target distance range is a second distance range that is greater than the first preset distance threshold and less than or equal to the second preset distance threshold, then the target display level of all two-dimensional interactive images corresponding to each group label is determined to be the second display level; or... If the target distance range is a third distance range that is greater than the second preset distance threshold, then the target display level of all two-dimensional interactive images corresponding to each group label is determined to be the first display level.

7. The method according to claim 1, characterized in that, Before determining the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene, the method further includes: The target 3D virtual object is determined from the real-time field of view corresponding to the real-time position of the virtual camera in the 3D virtual scene.

8. The method according to claim 7, characterized in that, The method further includes: In response to the movement trigger event, the system also controls the two-dimensional interactive image to move along a preset image movement direction; Determining the target 3D virtual object based on the real-time field of view corresponding to the real-time position of the virtual camera in the 3D virtual scene includes: During the movement of the two-dimensional interactive image, from the real-time field of view in the three-dimensional virtual scene, a three-dimensional virtual object that satisfies a preset projection overlap condition with the two-dimensional interactive image is determined as the target three-dimensional virtual object. The preset projection overlap condition is that the two-dimensional interactive image is located within a preset projection area of ​​the three-dimensional virtual object in a preset camera movement direction parallel to the virtual camera.

9. The method according to claim 8, characterized in that, The target 3D virtual object includes: all 3D virtual objects within the preset projection area; or... The target 3D virtual object includes: the 3D virtual object farthest from the virtual camera within the preset projection area, and the 3D virtual object closest to the virtual camera.

10. The method according to claim 8, characterized in that, The control of moving the two-dimensional interactive image along a preset image movement direction includes: Control the two-dimensional interactive image to move from a preset starting display position to a preset target display position along the preset image movement direction; or... The two-dimensional interactive image is controlled to move out of the graphical user interface from the preset starting display position along the preset image movement direction.

11. The method according to claim 1, characterized in that, The two-dimensional interactive images include at least one of the following forms: two-dimensional component images, two-dimensional indicator images, and two-dimensional special effects images.

12. A display control device, characterized in that, The display control device provides a graphical user interface via a terminal device and includes: The display module is used to display three-dimensional virtual scenes and two-dimensional interactive images in the graphical user interface; A determination module is used to respond to a movement trigger event of a virtual camera and determine the target display level of the two-dimensional interactive image based on the real-time position of the virtual camera and the position of the target three-dimensional virtual object in the three-dimensional virtual scene; wherein, the target display level is used to indicate the display level of the two-dimensional interactive image relative to the target three-dimensional virtual object on the graphical user interface; The control module is used to control the updating and display of the two-dimensional interactive image on the target display layer.

13. An electronic device, characterized in that, include: The device includes a processor, a storage medium, and a bus, wherein the storage medium stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor communicates with the storage medium via the bus, and the processor executes the machine-readable instructions to perform the steps of a display control method as described in any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, performs the steps of the display control method as described in any one of claims 1 to 11.

Images