User interface display method and apparatus, device, and storage medium
View Patent ↗A user interface display method and apparatus, a device, and a storage medium, in the field of graphical user interfaces. The method includes: displaying a virtual environment image, an operation control, and a minimap, the virtual environment image being an image in which a virtual environment around a virtual character, which is located in a virtual world, is observed from a perspective of the virtual character, wherein the minimap presents a thumbnail of the virtual world in which the virtual character is located, controlling, based on a control input via the operation control, activities of a virtual character in the virtual environment, and displaying, based on the virtual character being influenced by a target event in the virtual environment, the virtual environment image in a shielded state and the minimap in a blurred state.
1 . A user interface display method, performed by a terminal, the method comprising:
displaying a virtual environment image, an operation control, and a minimap, the virtual environment image being an image in which a virtual environment around a virtual character, which is located in a virtual world, is observed from a perspective of the virtual character, wherein the minimap presents a thumbnail of the virtual world in which the virtual character is located;
controlling, based on a control input via the operation control, activities of the virtual character in the virtual environment; and
displaying, based on the virtual character being influenced by a target event in the virtual environment, the virtual environment image in a shielded state and the minimap in a blurred state, the shielded state and the blurred state being visually distinct.
2 . The user interface display method according to claim 1 , wherein the displaying, based on the virtual character being influenced by the target event in the virtual environment, the virtual environment image in the shielded state and the minimap in the blurred state comprises:
displaying, based on the virtual character being influenced by a first target event in the virtual environment, all image contents in the virtual environment image in the shielded state and all information on the minimap in the blurred state; and
displaying, based on the virtual character being influenced by a second target event in the virtual environment, the all image contents in the virtual environment image in the shielded state and partial information on the minimap in the blurred state.
3 . The user interface display method according to claim 2 , wherein the virtual environment image is at a display layer, the minimap is at an information layer, and the information layer is an upper layer of the display layer;
the displaying, based on the virtual character being influenced by the first target event in the virtual environment, the all image contents in the virtual environment image in the shielded state and the all information on the minimap in the blurred state comprises:
superimposing a first mask layer on the display layer and a first blur effect layer on the information layer based on the virtual character being influenced by the first target event in the virtual environment; and
the displaying, based on the virtual character being influenced by the second target event in the virtual environment, the all image contents in the virtual environment image in the shielded state and the partial information on the minimap in the blurred state comprises:
superimposing the first mask layer on the display layer and a second blur effect layer on the information layer based on the virtual character being influenced by the second target event in the virtual environment,
the first mask layer being a mask layer for masking all virtual environment images, the first mask layer being a lower layer of the information layer, and a blur effect of the first blur effect layer being stronger than the blur effect of the second blur effect layer.
4 . The user interface display method according to claim 3 , wherein the user interface display method further comprises:
displaying the operation control, the operation control being configured to control activities of the virtual character in the virtual environment; and
continuing to display the operation control on a user interface.
5 . The user interface display method according to claim 4 , wherein the operation control is located at an operation layer; and
the superimposing the first mask layer on the display layer comprises:
superimposing the first mask layer between the display layer and the operation layer.
6 . The user interface display method according to claim 2 , wherein the user interface display method further comprises:
displaying, based on the virtual character being influenced by a third target event in the virtual environment, the all image contents in the virtual environment image in the shielded state and displaying the minimap in a clear state; and
displaying, based on the virtual character being influenced by a fourth target event in the virtual environment, partial image contents in the virtual environment image in the shielded state and displaying the minimap in the clear state.
7 . The user interface display method according to claim 6 , wherein the virtual environment image is at a display layer, the map presentation control is at an information layer, and the information layer is an upper layer of the display layer;
the displaying, based on the virtual character being influenced by the third target event in the virtual environment comprises:
superimposing a first mask layer on the display layer based on the virtual character being influenced by the third target event in the virtual environment; and
the displaying, based on the virtual character being influenced by the fourth target event in the virtual environment, comprises:
superimposing a second mask layer on the display layer based on the virtual character being influenced by the fourth target event in the virtual environment,
the first mask layer being a mask layer for masking the all image contents in the virtual environment image, the second mask layer being a mask layer for masking the partial image contents in the virtual environment image, and the first mask layer and the second mask layer being both lower layers of the information layer.
8 . The user interface display method according to claim 7 , wherein the superimposing the second mask layer on the display layer comprises:
determining a superimposing location on the display layer according to a relative location between the fourth target event and the virtual character based on the virtual character being influenced by the fourth target event in the virtual environment; and
superimposing the second mask layer on the superimposing location of the display layer.
9 . The user interface display method according to claim 8 , wherein the user interface display method further comprises:
displaying the operation control, the operation control being configured to control activities of the virtual character in the virtual environment, the operation control being located at an operation layer; and
superimposing the second mask layer between the superimposing location of the display layer and the operation layer.
10 . The user interface display method according to claim 9 , wherein the user interface display method further comprises:
obtaining a scope of influence of the target event; and
determining a type of the target event according to the scope of influence of the target event.
11 . The user interface display method according to claim 10 , wherein the determining the type of the target event comprises:
determining the type of the target event as the first target event based on the scope of influence of the target event comprising a blur effect layer;
determining the type of the target event as the second target event based on the scope of influence of the target event comprising the information layer but not comprising the blur effect layer;
determining the type of the target event as the third target event based on the scope of influence of the target event comprising the mask layer but not comprising the information layer; and
determining the type of the target event as the fourth target event based on the scope of influence of the target event comprising the display layer but not comprising the mask layer.
12 . The user interface display method according to claim 1 , wherein the displaying, based on the virtual character being influenced by the target event in the virtual environment, the virtual environment image in the shielded state and the minimap in the blurred state comprises:
displaying, based on the virtual character being influenced by a visual interference event in the virtual environment, the virtual environment image in the shielded state and landforms presented by the minimap in the blurred state; and
displaying a sound event icon in a clear state on the minimap based on the virtual character being influenced by a sound event in the virtual environment during the visual interference event.
13 . The user interface display method according to claim 12 , wherein the virtual environment image is at a display layer, the minimap is at an information layer, and the information layer is an upper layer of the display layer;
the displaying, based on the virtual character being influenced by the visual interference event in the virtual environment, the virtual environment image in the shielded state and landforms presented by the minimap in the blurred state, and displaying the sound event icon in the clear state on the minimap based on the virtual character being influenced by the sound event in the virtual environment during the visual interference event comprises:
superimposing a mask layer on the display layer and a blur effect layer on the information layer based on the virtual character being influenced by the visual interference event in the virtual environment; and
superimposing a clear effect layer on the information layer based on the virtual character being influenced by the sound event in the virtual environment during the visual interference event,
the clear effect layer being only configured to display the sound event icon in the clear state.
14 . A user interface display apparatus, the apparatus comprising:
at least one memory configured to store program code; and
at least one processor configured to read the program code and operate as instructed by the program code, the program code comprising:
display code configured to cause the at least one processor to display a virtual environment image, an operation control and a minimap, the virtual environment image being an image in which a virtual environment around a virtual character, which is located in a virtual world, is observed from a perspective of the virtual character, wherein the minimap presents a thumbnail of the virtual world in which the virtual character is located;
control code configured to cause the at least one processor to control, based on a control input via the operation control, activities of the virtual character in the virtual environment; and
shielding code configured to cause the at least one processor to display, based on the virtual character being influenced by a target event in the virtual environment, the virtual environment image in a shielded state and the map presentation control in a blurred state, the shielded state and the blurred state being visually distinct.
15 . The user interface display apparatus according to claim 14 , wherein the shielding code is further configured to cause the at least one processor to:
display, based on the virtual character being influenced by a first target event in the virtual environment, all image contents in the virtual environment image in the shielded state and all information on the minimap in the blurred state; and
display, based on the virtual character being influenced by a second target event in the virtual environment, the all image contents in the virtual environment image in the shielded state and partial information on the minimap in the blurred state.
16 . The user interface display apparatus according to claim 15 , wherein the virtual environment image is at a display layer, the minimap is at an information layer, and the information layer is an upper layer of the display layer; and
the shielding code is further configured to cause the at least one processor to:
superimpose a first mask layer on the display layer and a first blur effect layer on the information layer based on the virtual character being influenced by the first target event in the virtual environment; and
superimpose the first mask layer on the display layer and a second blur effect layer on the information layer based on the virtual character being influenced by the second target event in the virtual environment,
the first mask layer being a mask layer for masking all virtual environment images, the first mask layer being a lower layer of the information layer, and a blur effect of the first blur effect layer being stronger than the blur effect of the second blur effect layer.
17 . The user interface display apparatus according to claim 16 , wherein the display code is further configured to cause the at least one processor to display the operation control, the operation control being configured to control activities of the virtual character in the virtual environment; and
the program code further comprises:
operation code configured to cause the at least one processor to continue to display the operation control on a user interface.
18 . The user interface display apparatus according to claim 17 , wherein the operation control is located at an operation layer; and
the shielding code is further configured to cause the at least one processor to:
superimpose the first mask layer between the display layer and the operation layer.
19 . The user interface display apparatus according to claim 15 , wherein the shielding code is further configured to cause the at least one processor to:
display, based on the virtual character being influenced by a third target event in the virtual environment, the all image contents in the virtual environment image in the shielded state and keep displaying the minimap in a clear state; and
display, based on the virtual character being influenced by a fourth target event in the virtual environment, partial image contents in the virtual environment image in the shielded state and continue to display the minimap in the clear state.
20 . A non-transitory computer-readable storage medium storing computer code that when executed by at least one processor causes the at least one processor to:
display a virtual environment image, an operation control, and a minimap, the virtual environment image being an image in which a virtual environment around a virtual character, which is located in a virtual world, is observed from a perspective of the virtual character, wherein the minimap presents a thumbnail of the virtual world in which the virtual character is located;
control, based on a control input via the operation control, activities of the virtual character in the virtual environment; and
display, based on the virtual character being influenced by a target event in the virtual environment, the virtual environment image in a shielded state and the minimap in a blurred state, the shielded state and the blurred state being visually distinct.