Display control method and device and electronic equipment

Abstract

The invention discloses a display control method and device, electronic equipment and a computer readable storage medium, a graphical user interface is provided through terminal equipment, and the graphical user interface comprises at least part of image resources; the method comprises the steps that a first control is provided through the graphical user interface, and the first control can rotate around a reference point or take the reference point as the center; and in response to a first trigger operation for the first control, rotating or zooming the image resource according to the first trigger operation. Through the scheme provided by the invention, a user can operate the first control by using a single finger so as to realize display control on image resources such as a map and the like, and complex cooperative operation by using two fingers is not needed, so that the complexity of display control on the image resources is effectively reduced, and the user experience is improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a display control method, device, electronic device and computer-readable storage medium. Background Art

[0002] At present, users usually have adjustment requirements for image resources displayed on the terminal, such as rotating the image resources or scaling the image resources. In the related art, users usually need to use two fingers to pinch or expand the image resources displayed on the interface to reduce or enlarge the image resources, and use two fingers to rotate the image resources displayed on the interface to achieve the rotation of the image resources. It can be seen that in the related art, when adjusting the image resources, two fingers need to be used for complex coordinated operations to achieve it, making the operation of the image resources too cumbersome and complicated.

[0003] Take games as an example. With the vigorous development of game technology, large-world exploration games have received widespread attention from users. These games allow users to freely explore a vast, open game world. In large-world exploration games, maps are an extremely important tool. Users can use maps to find mission objectives, explore unknown areas, go to destinations, or plan movement paths.

[0004] At present, in large-world exploration games, users are usually required to pinch or expand two fingers on the interface to zoom in or out on the map, and use two fingers to rotate the interface to rotate the map angle. It can be seen that the operation of the map in large-world exploration games usually requires two fingers to perform complex coordinated operations to achieve, making the map operation too cumbersome and complicated. Summary of the invention

[0005] The present application provides a display control method, device, electronic device and computer-readable storage medium, which can reduce the complexity of image resource operations, thereby improving user experience. The specific scheme is as follows:

[0006] In a first aspect, an embodiment of the present application provides a display control method, which provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least part of an image resource; the method includes:

[0007] Providing a first control through the graphical user interface, wherein the first control can rotate around a reference point or be centered on a reference point;

[0008] In response to a first trigger operation on the first control, the image resource is rotated or scaled according to the first trigger operation.

[0009] In a second aspect, an embodiment of the present application provides a display control device, which provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least part of an image resource; the device includes:

[0010] A providing unit, configured to provide a first control through the graphical user interface, wherein the first control can rotate around a reference point or be centered on a reference point;

[0011] An adjusting unit is configured to, in response to a first triggering operation on the first control, rotate or scale the image resource according to the first triggering operation.

[0012] In a third aspect, the present application further provides an electronic device, including:

[0013] Processor; and

[0014] The memory is used to store a data processing program. After the electronic device is powered on and the program is run by the processor, the method described in the first aspect is executed.

[0015] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium storing a data processing program, which is executed by a processor to perform the method described in the first aspect.

[0016] Compared with the prior art, this application has the following advantages:

[0017] The display control method provided in the embodiment of the present application provides a graphical user interface through a terminal device, and the graphical user interface includes at least part of the image resources, including the following steps: first, a first control is provided through the graphical user interface, and the first control can be rotated around a reference point or centered on a reference point; then, in response to a first trigger operation for the first control, the image resource is rotated or scaled according to the first trigger operation. It can be seen that in the display control method provided in the embodiment of the present application, when there is a need to rotate or scale the image resource, the scaling or rotation of the image resource can be controlled by performing a first trigger operation on the first control that can be rotated around a reference point or centered on a reference point with a single finger. In this way, the user can adjust the image resource with a single finger without the need for complex coordinated operations with two fingers, which effectively reduces the complexity of image resource operations and improves the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] Figure 1 is a flow chart of a display control method provided by an embodiment of the present application;

[0019] Figure 2 is a schematic diagram of the display form of the first control and the reference point in the display control method provided in an embodiment of the present application;

[0020] Figure 3 is an example diagram of a position change of a first control centered at a reference point when a sliding touch operation is performed in the display control method provided in an embodiment of the present application;

[0021] Figure 4 is an example diagram of a position change of a first control that can rotate around a reference point when a sliding touch operation is performed in the display control method provided in an embodiment of the present application;

[0022] Figure 5 is another example diagram of a position change of a first control centered at a reference point when a sliding touch operation is performed in the display control method provided in an embodiment of the present application;

[0023] Figure 6 is another example diagram of a position change of a first control that can rotate around a reference point when a sliding touch operation is performed in the display control method provided in an embodiment of the present application;

[0024] Figure 7 It is a schematic diagram of an interface of an example of generating a circular control that diffuses outward in the display control method provided in an embodiment of the present application;

[0025] Figure 8 It is an interface schematic diagram of an example of the rotation of a game map in the display control method provided in an embodiment of the present application;

[0026] Fig. 9 It is an interface schematic diagram of an example of zooming in and out of a game map in a display control method provided in an embodiment of the present application;

[0027] Fig.10 It is a schematic diagram of an interface for changing the viewing angle of a game map in a display control method provided in an embodiment of the present application;

[0028] Fig.11 is an interface schematic diagram of another example of rotating a game map in the display control method provided in an embodiment of the present application;

[0029] Fig.12 is a structural block diagram of an example of a display control device provided in an embodiment of the present application;

[0030] Fig.13 It is a structural block diagram of an example of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0031] Many specific details are described in the following description to facilitate a full understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the connotation of the present application, so the present application is not limited by the specific implementation disclosed below.

[0032] It should be noted that the terms "first", "second", "third", etc. in the claims, description and drawings of the present application are used to distinguish similar objects and are not used to describe a specific order or sequence. The data used in this way are interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than that illustrated or described herein. In addition, the terms "including", "having" and their variants are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0033] It should be understood that in the embodiments of the present application, "at least one" refers to one or more, and "more than one" refers to two or more. "And / or" is merely a way to describe the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship. "Including A, B and / or C" means including any one, any two, or any three of A, B, and C.

[0034] It should be understood that in the embodiments of the present application, "B corresponding to A", "B corresponding to A", "A corresponds to B", or "B corresponds to A" means that B is associated with A, and B can be determined according to A. Determining B according to A does not mean determining B only according to A, and B can also be determined according to A and / or other information.

[0035] It should be noted that the instructions or operations that appear in the subsequent detailed introduction of the display control method provided in the embodiment of the present application can be regarded as instructions or operations triggered by the user through fingers or controlling a mouse, keyboard, game controller or stylus or voice. The specific first trigger operation can be determined according to the type of electronic device. For example, when the electronic device is a touch screen device such as a mobile phone, tablet computer, game console, etc., the user can trigger instructions or operations on the touch screen through any suitable object or accessory such as a finger or stylus, or through voice. When the terminal device is a non-touch screen terminal device such as a desktop computer or a laptop computer, the user can trigger instructions or operations through external devices such as a mouse, keyboard, game controller, etc.

[0036] Based on the reasons mentioned in the background technology, in order to reduce the complexity of image resource operations and thus improve user experience, the first embodiment of the present application provides a display control method, which is applied to an electronic device, which may be a desktop computer, a laptop computer, a mobile phone, a tablet computer, an electronic watch, etc., or other electronic devices capable of display control, which are not specifically limited in the embodiments of the present application.

[0037] The application scenarios of the display control method provided in the embodiments of the present application include, but are not limited to, at least one of a game application, a map application, an instant messaging application, a picture editing application, and an online shopping application.

[0038] In an optional embodiment, when the display control method is run on a terminal device, the terminal device may include a display screen and a processor. When the display control method is applied to a virtual game, the display screen is used to present the game screen and receive instructions generated by the player acting on the game screen. The processor is used to store the game application, run the game, generate the game screen, respond to instructions, and control the display of the game screen on the display screen. When the user operates the game screen through the display screen, the game screen can control the local content of the terminal device by responding to the received operation instructions. The terminal device can provide the graphical user interface to the user in a variety of ways, for example, it can be rendered and displayed on the display screen of the terminal device, or the graphical user interface can be presented through holographic projection.

[0039] In an optional embodiment, when the display control method is run on a server, the method can be implemented and executed based on a cloud gaming system. A cloud gaming system refers to a gaming method based on cloud computing. A cloud gaming system includes a server and a client device. The operating body of the game application and the game screen presentation body are separated, and the storage and operation of the display control method are completed on the server. The game screen presentation is completed on the client, and the client is mainly used for receiving and sending game data and presenting the game screen. For example, the client can be a display device with a data transmission function close to the user side, such as a mobile terminal, a TV, a computer, a handheld computer, a personal digital assistant, a head-mounted display device, etc., but the terminal device for processing game data is a server in the cloud. When playing the game, the user instructs the client to send instructions to the server, and the server controls the running of the game according to the instructions, encodes and compresses the game screen and other data, and returns it to the client through the network. Finally, the client decodes and outputs the game screen.

[0040] It should be noted that in the embodiment of the present application, the execution subject of the display control method can be a terminal device or a server, wherein the terminal device can be a local terminal device or a client device in the aforementioned cloud game. The embodiment of the present application does not limit the type of the execution subject.

[0041] The technical solution of the present application is described in detail below through specific embodiments. It should be noted that the following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

[0042] The following, combined Figure 1 to Figure 6 The display control method provided in the embodiment of the present application is introduced.

[0043] like Figure 1 As shown, the display control method provided by the present application provides a graphical user interface through a terminal device, and the graphical user interface includes at least part of the image resources; and includes the following steps S101 to S102.

[0044] Step S101: providing a first control through the graphical user interface, wherein the first control can rotate around a reference point or take a reference point as the center.

[0045] In the embodiment of the present application, at least part of the image resource can be displayed through the graphical user interface. The image resource can occupy the entire graphical user interface or a part of the graphical user interface.

[0046] When the display control method provided in the embodiment of the present application is applied to a game application (i.e., a virtual game), at least part of the image resources displayed in the graphical user interface are at least part of the game map. The game map represents the spatial layout and geographical information of the game world, which helps the user understand the structure of the game world, plan action routes, find targets, and avoid dangers.

[0047] The virtual game may be a large world exploration game application, a strategy game, etc. In a virtual game, a user is usually allowed to freely explore in a vast, open game world, wherein a game map is an extremely important tool, through which a user can find a mission target, explore an unknown area, go to a destination, or plan a moving path. The display control method provided in the embodiment of the present application can reduce the complexity of the game map operation.

[0048] When the display control method provided in the embodiment of the present application is applied to a map application, at least part of the image resources displayed in the graphical user interface are at least part of the navigation map. The navigation map represents geographic spatial information, including but not limited to road networks, buildings, public facilities, natural landforms, etc. Through the navigation map, the user can determine his current geographical location, estimate the approximate distance between two locations, plan the optimal path between two locations, or understand the traffic conditions in a certain area, etc. The display control method provided in the embodiment of the present application can reduce the complexity of navigation map operations.

[0049] When the display control method provided in the embodiment of the present application is applied to an instant messaging application, at least part of the image resources displayed in the graphical user interface may be chat pictures sent or received by the terminal device during the chat process. The display control method provided in the embodiment of the present application can reduce the complexity of chat picture operations.

[0050] When the display control method provided in the embodiment of the present application is applied to an instant picture editing application, at least part of the image resources displayed in the graphical user interface may be pictures to be edited that need to be edited in the picture editing application. The display control method provided in the embodiment of the present application can reduce the complexity of the operation of the pictures to be edited.

[0051] When the display control method provided in the embodiment of the present application is applied to an online shopping application, at least part of the image resources displayed in the graphical user interface may be product images in the shopping platform. By rotating or scaling the product images, the user can timely understand the details of the corresponding products. The display control method provided in the embodiment of the present application can reduce the complexity of product image operations.

[0052] It should be noted that the graphical user interface may also include other interface elements. Taking the application of the display control method in a virtual game as an example, the graphical user interface may also include a friend list, a virtual backpack, movement controls, attack controls, skill release controls, etc., which are not limited here.

[0053] It should be noted that, for the sake of ease of introduction, the embodiments of the present application are described by taking the display control method applied in a virtual game as an example, and are not intended to limit the application scenarios of the present application.

[0054] In the case where the graphical user interface includes at least part of the image resources, the embodiment of the present application can implement flexible operation of the image resources through step S101 and step S102.

[0055] A first control can be provided in the above-mentioned graphical user interface. The first control can be a circular control, a rectangular control, a triangular control, a polygonal control, an irregular graphic control, etc., or it can be a line segment or an arc with a certain width. The present application does not specifically limit the display shape of the first control.

[0056] The first control can be displayed at a preset control position fixed in the graphical user interface, or at any position in the graphical user interface. For example, the first control can be fixedly displayed at position 1 in the upper left corner of the graphical user interface, or can be displayed at position 1 in the upper left corner of the graphical user interface at a first moment, at position 1 in the upper right corner of the graphical user interface at a second moment, and at the center of the graphical user interface at a third moment. The present application does not specifically limit the display position of the first control.

[0057] The first control can rotate around a reference point or be centered on a reference point. By providing the first control, the player can use a single finger to perform a sliding touch operation on the reference point. The sliding touch operation can be a sliding touch operation that rotates around the reference point or a sliding touch operation that moves closer to or away from the reference point, thereby controlling the rotation or scaling of image resources displayed in the graphical user interface.

[0058] In a specific implementation, the graphical user interface may display the first control and the corresponding reference point, or may display only the first control. Figure 2 The display forms of the first control and the reference point in the display control method provided in the embodiment of the present application are introduced.

[0059] With respect to the first control being centered at a reference point, the present application embodiment provides the following specific implementation methods 1 to 4:

[0060] In the optional specific implementation method 1, if Figure 2 As shown in 2-a, a dot 20 is displayed in the graphical user interface, and no reference point is displayed. The dot 20 is the first control, and its center is the reference point. The player can rotate around the dot with one finger, or slide the finger toward or away from the dot with one finger.

[0061] In the optional specific implementation method 2, if Figure 2 As shown in 2-b, a circle 21 is displayed in the graphical user interface, and no reference point is displayed. The circle 21 is the first control, and its center is the reference point. The player can perform a single-finger rotation around the circle 21, or a single-finger sliding touch operation toward or away from the circle 21.

[0062] In the optional specific implementation method three, if Figure 2As shown in 2-c, a circle 22 and a reference point 23 are displayed in the graphical user interface. The circle 22 is the first control, and the reference point 23 is the center of the circle 22. The player can rotate around the reference point 23 with one finger, or slide the finger toward or away from the reference point 23 with one finger.

[0063] In the optional specific implementation method 4, if Figure 2 As shown in 2-d in FIG. 2 , a rectangular bar 24 and a reference point 25 are displayed in the graphical user interface. The rectangular bar 24 is the first control, and the reference point 25 is the center of the rectangular bar 24. The player can perform a single-finger rotation around the reference point 25, or a single-finger sliding touch operation close to or away from the reference point 25. The specific form of the first control 24 can also be a line segment centered on the reference point 25.

[0064] In view of the first control being rotatable around a reference point, the present application embodiment provides the following specific implementation methods 5 to 8:

[0065] In the optional specific implementation method 5, if Figure 2 As shown in 2-e in FIG. 2 , the graphical user interface displays a first control 26 and a reference point 27. The first control 26 is an operation mark that can rotate around the reference point 27. The player can perform a single-finger control to rotate the first control 26 around the reference point 27, or a single-finger control to slide the first control 26 closer to or farther from the reference point 27. It should be noted that in 2-e, the example is taken as an example that the first control is a triangle. In actual applications, the first control can also be a dot, a rectangle, a heart, a star, etc.

[0066] In the optional specific implementation method 6, if Figure 2 As shown in 2-f, a line segment 28 is displayed in the graphical user interface. The line segment 28 is the first control, and its endpoint 28-1 at one end is the reference point. The player can control the line segment 28 to rotate around the endpoint 28-1 with one finger, or perform a sliding touch operation from the other endpoint 28-2 of the line segment 28 to approach the endpoint 28-1 or away from the endpoint 28-1 with one finger.

[0067] In the optional specific implementation method seven, if Figure 2 As shown in 2-g, a line segment 29 and two endpoints 29-1 and 29-2 of the line segment 29 are displayed in the graphical user interface. The line segment 29 is the first control, and the endpoint 29-1 is the reference point. The player can control the line segment 29 to rotate around the endpoint 29-1 with one finger, or perform a sliding touch operation with one finger from the other endpoint 29-2 of the line segment 29 to approach the endpoint 29-1 or away from the endpoint 29-1.

[0068] In the optional specific implementation method eight, if Figure 2 As shown in 2-h in FIG. 2 , a circle 30 is displayed in the graphical user interface, and the circle 30 is the first control. The reference point 32 is a certain distance away from the center 31 of the circle. The player can control the circle 30 to rotate around the reference point 32 (that is, the center 31 rotates around the reference point 32) with one finger, or perform a sliding touch operation with one finger close to or away from the reference point 25. The initial state of the first control can also be a circle with the center at the reference point. With the sliding touch operation, the center position of the first control can deviate from the reference point accordingly to prompt the user the position of the current sliding touch operation relative to the reference point.

[0069] The specific form of the first control is not limited to the above specific implementation method, as long as it can provide visual prompts to the user so that the user can perform rotational sliding touch operations around the reference point and sliding touch operations away from or close to the reference point within a preset response area.

[0070] It should be noted that the above-mentioned sliding touch operation can be performed in the control operation area corresponding to the first control. The control operation area can be a specified range centered on the reference point. The specified range can have a visual prompt or not. The visual prompt can include but is not limited to highlighting the specified range, highlighting the edge of the specified range, etc.

[0071] During the sliding touch operation, the display form of the first control may remain unchanged or may change.

[0072] Specifically, during the sliding touch operation of a single finger approaching or moving away from the reference point, the first control may approach or move away from the reference point, or may not change.

[0073] Please refer to Figure 3 , Figure 3 is an example diagram of a position change of a first control centered at a reference point (the center of the control is located at the reference point in the initial state) when a sliding touch operation is performed in the display control method provided in an embodiment of the present application. Figure 3 include Figure 2 2-c, as well as 2-i1 and 2-i2, in 2-c, the reference point 23 is the center of the first control 22, that is, the first control 22 is centered on the reference point 23. As shown in 2-i1, when the player performs a single-finger sliding touch operation away from the reference point, the position of the first control 22 will move away from the reference point; as shown in 2-i2, when the player performs a single-finger sliding touch operation away from the reference point, the position of the first control 22 does not change. When the player performs different sliding touch operations, the type of change in the position of the first control is different (change or no change), which can prompt the player the type of sliding touch operation currently being performed.

[0074] Please refer to Figure 4 , Figure 4 is an example diagram of a position change of a first control that can rotate around a reference point when a sliding touch operation is performed in the display control method provided in an embodiment of the present application, Figure 4 include Figure 2 2-e, 2-j1 and 2-j2 in FIG. 2-e, the first control 26 can rotate around the reference point 27. As shown in 2-j1, when the player performs a single-finger sliding touch operation away from the reference point, the position of the first control 26 will move away from the reference point; as shown in 2-j2, when the player performs a single-finger sliding touch operation away from the reference point, the position of the first control 26 does not change. Similar to FIG. Figure 3 In the embodiment shown, when the player performs different sliding touch operations, the position of the first control changes in different types (changes or no changes), which can prompt the player the type of sliding touch operation currently being performed. Of course, it can also be set that when the player performs a sliding touch operation with a single finger away from or close to the reference point, the position of the first control 26 changes accordingly to prompt the user whether the current operation is a zoom-in operation or a zoom-out operation.

[0075] During the process of performing a sliding touch operation of rotating a single finger around a reference point, the display form of the first control may change to provide visual guidance to the user, so that the user can determine whether the sliding trigger operation performed is in line with expectations. Specifically, when the first control is centered on a reference point, during the process of performing a sliding touch operation of rotating a single finger around the reference point, the first control rotates around its center in the same rotation direction. When the first control can rotate around a reference point, during the process of performing a sliding touch operation of rotating a single finger around the reference point, the first control can rotate around the reference point in the same rotation direction.

[0076] Please refer to Figure 5 , Figure 5 is another example diagram of a position change of a first control centered at a reference point during a sliding touch operation in the display control method provided in an embodiment of the present application. Figure 5 include Figure 2 2-d and 2-k in 2-d, in which the first control 24 is centered on the reference point 25. As shown in 2-k, when the player rotates counterclockwise around the reference point with one finger, the first control 24 will rotate counterclockwise around the reference point 25.

[0077] Please refer to Figure 6 , Figure 6 is another example diagram of a position change of a first control that can rotate around a reference point during a sliding touch operation in the display control method provided in an embodiment of the present application. Figure 6 include Figure 22-e and 2-m in 2-e, in which the first control 26 can rotate around the reference point 27. As shown in 2-m, when the player rotates counterclockwise around the reference point with one finger, the first control 26 will rotate counterclockwise around the reference point 27.

[0078] It should be noted that during the sliding touch operation of rotating around the reference point with a single finger, the display form of the first control may also remain unchanged.

[0079] Optionally, the first control may be permanently displayed on the graphical user interface.

[0080] Optionally, the first control may be displayed in a graphical user interface after receiving a touch operation input by a user for the image resource. Therefore, the above step S101 may be implemented by the following steps:

[0081] In response to a touch operation on the image resource, the first control is displayed in the graphical user interface.

[0082] The user can perform the touch operation on the above-mentioned image resource. The touch operation can be one of a click operation, a long press operation, a hard press operation, etc. The click operation can be a single click, a double click, etc. The embodiment of the present application does not specifically limit the touch operation.

[0083] In an optional implementation, the first control may be generated and displayed based on the operation position of the touch operation.

[0084] In an optional specific implementation, the above step of "displaying the first control in the graphical user interface" may include the following steps:

[0085] In the graphical user interface, the first control is displayed with the operation position of the touch operation as the reference point.

[0086] In an embodiment of the present application, in response to a touch operation on the image resource, the operation position of the touch operation can be obtained, and a first control with the operation position as the reference point can be displayed in the graphical user interface. For example, if the user clicks on position a in the image resource, a circular first control centered on position a can be generated, and the first control can rotate around position a, and position a is the reference point. In another embodiment, if the user clicks on position b in the image resource, a line segment-shaped first control with position b as the midpoint can be generated, and the first control can rotate around position b, and position b is also a reference point. In another embodiment, if the user clicks on position c in the image resource, a line segment-shaped first control with position c as a fixed endpoint can be generated, and the first control can rotate around position c, and position c is also a reference point.

[0087] In another optional specific implementation, the above step of “displaying the first control in the graphical user interface” may include the following steps:

[0088] A first control is displayed in the graphical user interface with the operation position of the touch operation as a reference point.

[0089] It should be noted that the size of the first control may be a preset size, or may change over time, and the present application does not impose any limitation on the size of the first control.

[0090] Through the first control, the user can implement flexible operations on the above-mentioned image resources.

[0091] Step S102: In response to a first trigger operation on the first control, rotating or scaling the image resource according to the first trigger operation.

[0092] The user may perform the first trigger operation through the first control. The first trigger operation may be based on the reference point. The physical operation area of ​​the first trigger operation may be the control operation area corresponding to the first control.

[0093] In an optional specific implementation, the first trigger operation may be the aforementioned sliding touch operation around the reference point, or a sliding touch operation approaching or moving away from the reference point.

[0094] In another optional specific implementation, the first trigger operation may be a click touch operation around the reference point, or a click touch operation close to or away from the reference point.

[0095] It should be noted that in the embodiment of the present application, the touch operation and the first trigger operation are both operations performed by a single finger. In specific implementation, the user can choose which first trigger operation to perform based on actual needs (rotation needs of image resources or scaling of image resources), so as to conveniently control the rotation or scaling of the image resource by performing the first trigger operation on the first control.

[0096] It should be noted that when the image resource displayed in the graphical user interface needs to be slid in the field of view, the user can click on the image resource with one hand and drag it. That is, in response to the drag operation on the image resource, the drag direction of the drag operation is obtained, and the image resource is slid in the drag direction.

[0097] The display control method provided in the embodiment of the present application provides a graphical user interface through a terminal device, and the graphical user interface includes at least part of the image resources, including the following steps: first, a first control is provided through the graphical user interface, and the first control can be rotated around a reference point or centered on a reference point; then, in response to a first trigger operation for the first control, the image resource is rotated or scaled according to the first trigger operation. It can be seen that in the display control method provided in the embodiment of the present application, when there is a need to rotate or scale the image resource, the scaling or rotation of the image resource can be controlled by performing a first trigger operation on the first control that can be rotated around a reference point or centered on a reference point with a single finger. In this way, the user can adjust the image resource with a single finger without the need for complex coordinated operations with two fingers, which effectively reduces the complexity of image resource operations and improves the user experience.

[0098] In a specific implementation, the graphical user interface may be provided by a terminal device in a horizontal screen position, or may be provided by a terminal device in a vertical screen position.

[0099] It should be noted that in some game play, large world exploration games are often combined with vertical screen design to create a lightweight gaming experience suitable for mobile devices. In the related art, in large world exploration games in vertical screen mode, users are usually required to use two fingers to pinch or expand on the interface to zoom in or out on the game map, and use two fingers to rotate on the interface to rotate the map angle. It can be seen that the operation of the map in the large world exploration game in vertical screen mode usually requires two fingers to perform complex coordinated operations to achieve, making the map operation in vertical screen mode too cumbersome and complicated. The display control method provided in the embodiment of the present application can realize the flexible use of the game map in vertical screen mode through the simple operation of a single finger, thereby improving the player's gaming experience in vertical screen mode.

[0100] In an optional implementation, the first control may be a first control that diffuses outward at a preset speed, and the above step of “displaying the first control in the graphical user interface” may include the following steps:

[0101] Displaying a first control that spreads outward at a preset speed in the graphical user interface;

[0102] In response to a pressing operation on the first control that is diffused outward, the first control is controlled to stop diffusing.

[0103] It should be noted that when the first control is a circular control with the reference point as the center, the radius of the first control increases at the above-mentioned preset speed, thereby spreading outward; when the first control is a rectangular bar control with one end point as the reference point, the length of the first control increases at the above-mentioned preset speed, thereby spreading outward; when the first control is an operating dot that can rotate around the reference point, the first control moves away from the reference point at a preset speed, thereby spreading outward. For the convenience of introduction, the following description is taken as an example that the first control is a circular control with the reference point as the center.

[0104] The preset speed may be a speed preset by the game system or a speed defined by the user. When the first control is a circular control, the radius of the circular control may increase at a preset speed, and the radius r of the circular control is calculated as follows: r=r0+vt, where r0 is the initial radius, which may be 0 or a specified initial value, and v is the preset speed.

[0105] When the sliding distance is related to the zoom ratio, the first control that spreads outward at a preset speed can be used to assist the user to freely control the zoom ratio of the image resource.

[0106] As can be seen from the above introduction, the physical operation area of ​​the first trigger operation is the control operation area of ​​the first control.

[0107] In an optional implementation, the control operation area may be an area including the first control and the reference point. When the first control is larger or the first control is farther from the reference point, the control operation area is correspondingly larger. When a single-finger sliding touch operation is performed close to the reference point, the maximum sliding distance is larger.

[0108] In another optional implementation, the control operation area can be the entire physical range of the graphical user interface, and the starting contact point position of the sliding touch operation can be located on the first control. For example, when the first control is a circular control with the reference point as the center, the starting contact point position of the sliding touch operation is the position on the circumference of the circular control. In this way, when the first control is larger or the first control is farther from the reference point, the distance between the starting contact position and the reference point is larger, the maximum sliding distance when performing a sliding touch operation with a single finger approaching is larger, and the maximum sliding distance when performing a sliding touch operation with a single finger away from the reference point is smaller.

[0109] In this way, the scaling ratio of the image resource can be freely controlled by flexibly controlling the first control that spreads outwards. The user can control the size of the first control according to whether his main intention is to enlarge or reduce the image resource.

[0110] Taking the first control as a circular control as an example, if the starting contact point position is a position on the boundary line of the circular control, when sliding away from the center of the circle as a reference point, the image resource is enlarged, and when sliding close to the center of the circle as a reference point, the image resource is reduced. When the circular control is larger, the distance from the circumference of the circular control to the edge of the interface is closer, and the user can operate the image resource to enlarge a smaller multiple, or reduce a larger multiple (thereby making the choice of the reduction operation more extensive), and when the circular control is smaller, the user can operate the image resource to enlarge a larger multiple, or reduce a smaller multiple (thereby making the choice of the enlargement operation more extensive); when sliding away from the center of the circle as a reference point, the image resource is reduced, and when sliding close to the center of the circle as a reference point, the image resource is enlarged, and when the circular control is larger, the distance from the circumference of the circular control to the edge of the interface is closer, and the user can operate the image resource to enlarge a larger multiple, or reduce a smaller multiple, and when the circular control is smaller, the user can operate the image resource to enlarge a smaller multiple, or reduce a larger multiple.

[0111] When the first control spreads outward, the user can control the first control to stop spreading when the user presses the first control. Specifically, the user can control the first control to stop spreading by pressing any position on the first control or pressing a position on the boundary line of the first control. Based on the first control that stops spreading, the above-mentioned first trigger operation can be performed to control the image resource to rotate or scale.

[0112] like Figure 7 Shown is an interface diagram of an example of generating a circular control that diffuses outward in the display control method provided in an embodiment of the present application. Figure 7 The interface (3-a), the interface (3-b) and the interface (3-c) are included. The interface (3-a) displays a game map. When a user performs a touch operation on a position 201 in the game map, the graphical user interface will change from interface (3-a) to interface (3-b). At this time, a circular control 202 with position 201 as the center and continuously spreading outward at a uniform speed will appear in the graphical user interface, as shown in interface (3-c). When the user presses position 203 of the circular control 202 that spreads outward, the circular control will stop spreading and maintain the current size.

[0113] In an optional implementation, the “rotating or scaling the image resource according to the first trigger operation” in the above step S102 may include the following steps:

[0114] If the first trigger operation is a sliding touch operation around the reference point, the image resource is rotated.

[0115] In a specific implementation, the image resource may be controlled to rotate around the corresponding reference point. In the case where the first control is a circular control with the reference point as the center, the image resource may be controlled to rotate around the center of the circular control. For ease of introduction, the following description is based on the first control being a circular control with the reference point as the center, and is not intended to limit this application.

[0116] In an optional implementation, the above step of "rotating the image resource" may be: determining the angle to be rotated of the image resource according to the first trigger operation, and controlling the image resource to rotate around the center position of the circle to the angle to be selected.

[0117] Optionally, in the case where the first trigger operation is a sliding touch operation, a first correspondence between the sliding distance and the rotation angle can be preset in an embodiment of the present application, and the step of "determining the angle to be rotated of the image resource according to the first trigger operation" can be: determining the angle to be selected corresponding to the image resource according to the sliding distance and the preset first correspondence between the sliding distance and the rotation angle.

[0118] For example, if a user slides from position a on the circumference of a circular control to position b on the circumference of a circular control, the sliding distance is 2 cm, and the corresponding rotation angle is 20 degrees, then the image resource is rotated by 20 degrees. It should be noted that for ease of understanding, this application uses a single-finger sliding touch operation around a reference point as an example of sliding on the circumference of a circular control. In actual applications, the operation position corresponding to the single-finger sliding touch operation around a reference point can be specifically set based on actual needs and is not limited to the example.

[0119] Optionally, when the first control is a circular control, the step of "determining the angle to be rotated of the image resource according to the first trigger operation" may be: determining the angle between the line segment formed by the starting contact position and the center position and the line segment formed by the ending contact position and the center position as the angle to be rotated of the image resource. For example, if the user slides from position a on the circumference of the circular control to position b on the circumference of the circular control, and the arc from position a to position b is π, then the angle to be rotated of the image resource is 180 degrees.

[0120] As an optional implementation, the clockwise direction of the first trigger operation can be obtained, and the image resource can be controlled to rotate according to the clockwise direction. For example, if the user slides clockwise from position a on the circumference of the circular control to position b on the circumference of the circular control, the image resource is controlled to rotate clockwise; if the user slides counterclockwise from position b on the circumference of the circular control to position a on the circumference of the circular control, the image resource is controlled to rotate counterclockwise. Therefore, the above step "if the first trigger operation is a sliding touch operation around the reference point, then rotate the image resource" can include the following steps:

[0121] If the first trigger operation is a touch operation of sliding clockwise around the reference point, the image resource is rotated clockwise;

[0122] If the first trigger operation is a touch operation of sliding counterclockwise around the reference point, the image resource is rotated counterclockwise.

[0123] It is understandable that a virtual camera is set up in the virtual game. The virtual camera refers to a hypothetical camera in the software of an electronic device. It is a tool for expressing the viewpoint in a three-dimensional virtual environment. During the game, the displayed game screen is captured by the virtual camera.

[0124] In an optional specific implementation, the image resource may be controlled by rotating a virtual camera so as to rotate in a manner that the position of the center of the first control remains unchanged.

[0125] In an optional implementation, the image resource is obtained by photographing the virtual camera at a first shooting position and aiming at a first image resource position, the first image resource position and the center position of the circle do not overlap with each other, and the step of "controlling the image resource to rotate around the center position of the circle by the angle to be selected" may be:

[0126] Controlling the virtual camera to move from the first shooting position to a second shooting position, so that the virtual camera changes from shooting at the first image resource position to shooting at the center position of the circle;

[0127] Control the virtual camera to rotate around the center position of the circle to the angle to be selected;

[0128] The virtual camera is controlled to move from the second shooting position to the first shooting position to present a picture of the image resource after rotating around the center position of the circle by the angle to be selected.

[0129] In algorithm implementation, if it is desired to present a picture after the image resource is rotated around the center position of the circle to the angle to be selected, the virtual camera can first be moved from the first shooting position to a visual focus that does not coincide with the center position of the circle to shoot, and then translated to the second shooting position to shoot at the center position of the circle, so that the focus of the virtual camera is changed to the center position of the circle; then, the virtual camera is controlled to rotate the angle to be rotated, because the focus of the virtual camera is the center position of the circle, so that the virtual camera rotating the angle to be rotated can rotate the image resource around the center position of the circle to the angle to be rotated; finally, the virtual camera is translated in the opposite direction, that is, the virtual camera is restored to the original first shooting position, so that the center position of the circle is restored to the original interface position.

[0130] In this way, the image resource is rotated around the center position of the circle by the angle to be rotated by changing the position of the virtual camera, and a picture after the image resource is rotated around the center position of the circle by the angle to be selected is presented.

[0131] like Figure 8 201 is a diagram showing an example of the rotation of an image resource in a display control method provided in an embodiment of the present application. The graphical user interface includes an image resource and a circular control 202 with position 201 as the center, which is generated by performing a touch operation on the image resource. When a user performs a sliding touch operation of sliding a finger from position 203 on the circumference of the circular control 202 to position 204 on the circumference, the image resource is rotated by the attached Figure 2 The image resource shown in the image is changed to the attached Figure 3 As can be seen from the image resource shown, when the user performs a sliding touch operation on the first control, the image resource rotates around position 201.

[0132] It should be noted that the user performs a sliding touch operation around the reference point on the generated first control to control the corresponding rotation of the image resource. On the one hand, the complexity of the rotation of the image resource is reduced. On the other hand, the sliding touch operation is similar to the user operating the first control to rotate. Controlling the rotation of the image resource through the sliding touch operation is in line with the user's operating habits and learning curve, and has a good game immersion and visual experience.

[0133] In an optional implementation, the “rotating or scaling the image resource according to the first trigger operation” in the above step S102 may include the following steps:

[0134] If the first trigger operation is a sliding touch operation approaching or moving away from the reference point, scaling the image resource.

[0135] Specifically, the step of “if the first trigger operation is a sliding touch operation approaching or moving away from the reference point, scaling the image resource” includes:

[0136] If the first trigger operation is a sliding touch operation away from the reference point, enlarging the image resource;

[0137] If the first trigger operation is a sliding touch operation close to the reference point, the image resource is reduced.

[0138] Optionally, when a user performs a sliding touch operation from a starting operation position away from a reference point, it is determined that the dynamic adjustment method of the image resource is enlargement, and the image resource can be controlled to enlarge in a manner to keep the center position of the first control unchanged; when a user performs a sliding touch operation from a starting operation position toward a reference point, it is determined that the dynamic adjustment method of the image resource is reduction, and the image resource can be controlled to reduce in a manner to keep the center position of the first control unchanged.

[0139] like Fig. 9 Shown is an interface schematic diagram of an example of scaling of image resources in the display control method provided in an embodiment of the present application, including interface (4-a) and interface (4-b).

[0140] The interface (4-a) includes an image resource and a circular control 202 with position 201 as the center (i.e., the reference point) generated by performing a touch operation on the image resource. When the user performs a sliding touch operation in which the finger slides from position 203 on the circumference of the circular control 202 to position 205 outside the circle (i.e., a sliding touch operation away from the reference point), the image resource is generated by the attached Figure 7 The image resource shown in the image is changed to the attached Fig. 9 From the image resource shown in the interface (4-a), it can be seen that the image resource is enlarged with position 201 as the center.

[0141] The interface (4-b) includes an image resource and a circular control 202 with position 201 as the center, which is generated by performing a touch operation on the image resource. When the user performs a sliding touch operation in which the finger slides from position 203 on the circumference of the circular control 202 to position 206 within the circle (i.e., a sliding touch operation close to the reference point), the image resource is generated by the attached Figure 7 The image resource shown in the image is changed to the attached Fig. 9 From the image resource shown in the interface (4-b), it can be seen that the image resource is reduced with the position 201 as the center.

[0142] It should be noted that zooming in on the image resource allows the user to view a certain location on the image resource in detail, such as viewing obstacles, buildings, terrain features, etc. at a certain location; zooming out on the image resource allows the user to view a larger terrain area, so as to understand more or even the layout of the entire image resource.

[0143] This setting method controls the zooming in or out of image resources by sliding touch operations with a single finger towards or away from a reference point. On the one hand, it reduces the complexity of the operation. On the other hand, users can use the map flexibly, and can understand the overall situation from a macro perspective, and pay attention to details from a micro perspective, thereby assisting users to better navigate, plan and make decisions in the game, thereby improving the user experience.

[0144] In the embodiment of the present application, when a sliding touch operation approaching or moving away from a reference point is received, the scaling ratio of the image resource can be determined according to the sliding touch operation, and the image resource can be controlled to be scaled according to the scaling ratio.

[0145] Specifically, the above step of “scaling the image resource” can be implemented according to the following steps:

[0146] Get the sliding distance of the sliding touch operation;

[0147] Determining a scaling ratio of the image resource according to the sliding distance;

[0148] According to the scaling ratio, the image resource is controlled to be scaled in a manner of keeping the center position of the first control unchanged.

[0149] When a sliding touch operation approaching or moving away from a reference point is received, a sliding distance of the sliding touch operation can be obtained, that is, the distance between the starting contact position and the ending contact position of the sliding touch operation is determined. Then, a scaling ratio of the image resource is determined according to the sliding distance. Finally, the image resource is controlled to be scaled so as to keep the center position of the first control unchanged and scaled accordingly according to the scaling ratio.

[0150] In an optional specific implementation, the sliding distance is proportional to the zoom ratio of the image resource, that is, the larger the sliding distance, the larger the zoom ratio of the image resource, and the smaller the sliding distance, the smaller the zoom ratio of the image resource. For example, if the user slides 3 cm away from the reference point with a single finger, the image resource will be enlarged 3 times; if the user slides 5 cm away from the reference point with a single finger, the image resource will be enlarged 5 times. For another example, if the user slides 3 cm close to the reference point with a single finger, the image resource will be reduced 3 times; if the user slides 5 cm close to the reference point with a single finger, the image resource will be reduced 5 times.

[0151] In combination with this specific implementation, when the starting position of the sliding touch operation is located on the boundary line of the first control, after the user performs a touch operation on the image resource, a circular control that gradually spreads outwards and takes the reference point as the center is displayed on the interface. If there is a need to reduce the image resource by a larger multiple, when the circular control on the interface spreads to a larger size, a pressing operation can be performed on the circular control that spreads outwards to control the large-sized circular control to stop spreading. At this time, the user can slide a large distance from the circumference of the circular control to the center of the circle, so the image resource can be correspondingly controlled to be reduced to a larger multiple; if there is a need to enlarge the image resource by a larger multiple, when a small-sized circular control is just generated on the interface, a pressing operation can be performed on the circular control that spreads outwards to control the small-sized circular control to stop spreading. At this time, the user can slide a large distance from the circumference of the circular control to the screen boundary, so the image resource can be correspondingly controlled to be enlarged to a larger multiple.

[0152] In another optional specific implementation, a second correspondence between distance intervals and zoom ratios may be pre-set in the virtual game, and the step of "determining the zoom ratio of the image resource based on the sliding distance" may be: determining the target distance interval in which the sliding distance is located, and determining the zoom ratio of the image resource corresponding to the target distance interval based on the pre-set second correspondence.

[0153] Similar to the rotation of the image resource, the scaling of the image resource can also be achieved through the virtual camera.

[0154] Optionally, the image resource is obtained by photographing the virtual camera at a first shooting position and aiming at a first image resource position. When the first control is a circular control, the first image resource position and the center position of the circular control do not overlap with each other. The step of "controlling the image resource to scale in a manner of keeping the center position of the first control unchanged" can be implemented according to the following steps:

[0155] Controlling the virtual camera to move from the first shooting position to a second shooting position, so that the virtual camera changes from shooting at the first image resource position to shooting at the center position of the circle;

[0156] Controlling the lens of the virtual camera to zoom in or out;

[0157] The virtual camera is controlled to move from the second shooting position to the first shooting position to present a picture in which the image resource is scaled in a manner of keeping the center position of the circular control unchanged.

[0158] Specifically, if it is determined that the dynamic adjustment method of the image resource is to zoom in, the step of "controlling the lens of the virtual camera to zoom in or out" is: controlling the lens of the virtual camera to zoom in; if it is determined that the dynamic adjustment method of the image resource is to zoom out, the step of "controlling the lens of the virtual camera to zoom in or out" is: controlling the lens of the virtual camera to zoom out.

[0159] In algorithm implementation, if the image resource is to be presented after being scaled with the center position of the circle as the scaling center, the virtual camera can first be moved from the first shooting position to a visual focus that does not coincide with the center position of the circle, and then moved to the second shooting position to shoot with the center position of the circle, so that the focus of the virtual camera is changed to the center position of the circle; then, the lens of the virtual camera is controlled to be zoomed in or out. Since the focus of the virtual camera is the center position of the circle, zooming in or out of the lens of the virtual camera can make the image resource zoomed with the center position of the circle as the scaling center; finally, the virtual camera after zooming in or out is translated in the opposite direction, that is, the virtual camera after zooming in or out is restored to the original first shooting position, so that the center position of the circle is restored to the original interface position.

[0160] In this way, the image resource is scaled with the center of the circle as the scaling center by changing the position of the virtual camera, and a picture after the image resource is scaled with the center of the circle as the scaling center is presented.

[0161] In an optional manner, the image resource is a map presented in a first perspective, and the display control method provided in the embodiment of the present application may further include the following steps:

[0162] In response to the first triggering operation ending, continuously displaying the first control within a preset period of time;

[0163] In response to a sliding operation from a first position corresponding to the first control to a second position, the map is presented at a second perspective.

[0164] In an embodiment of the present application, the first control can be continuously displayed within a preset time period (for example, 3 seconds or 5 seconds) after the first trigger operation is completed. When the first trigger operation is a sliding operation, after the user releases his hand, the first control will be continuously displayed on the graphical user interface within the preset time period.

[0165] The user may perform a sliding operation from a first position corresponding to the first control to a second position, thereby presenting the map at a second perspective different from the first perspective.

[0166] In an optional embodiment, the starting operation position of the first touch operation and the starting operation position of the sliding operation in this step (i.e., the first position) are different positions. For example, the starting operation position of the first touch operation is a position in the control operation area other than the reference point, and the first position is the reference point.

[0167] In another optional embodiment, the response area of ​​the first touch operation is different from the response area of ​​the sliding operation in this step. For example, the response area of ​​the first touch operation is the control operation area of ​​the first control, and the response area of ​​the sliding operation is an area outside the control operation area of ​​the first control. That is to say, the first position and the second position corresponding to the first control are both positions in the control operation area of ​​the first control.

[0168] Optionally, the map presented in the first perspective may be a map presented in a top-down perspective, and the map presented in the second perspective may be a map presented in a top-down perspective.

[0169] Optionally, the map presented in the first perspective may be a map presented in a top-down perspective, and the map presented in the second perspective may be a map presented in a top-down perspective. This setting method can realize the rotation, scaling and perspective change of the image resource only through the first control in the graphical user interface, effectively reducing the complexity of image resource adjustment.

[0170] Optionally, the first picture after rotating or scaling the image resource is obtained by shooting a virtual camera at a first shooting position and aiming at a second image resource position; the above step of "presenting the map at a second perspective" may include the following steps:

[0171] Determining a third shooting position to which the virtual camera is to be moved;

[0172] Control the display of the virtual camera to move from the first shooting position to the third shooting position, and switch the first picture displayed in the graphical user interface to a second picture, wherein the second picture is obtained by shooting the virtual camera at the third shooting position aiming at the second image resource position.

[0173] When a sliding operation from the first position to the second position in the control operation area corresponding to the first control is received, the third shooting position to which the virtual camera is to be moved can be determined based on the sliding operation, thereby controlling the display of the virtual camera to move from the first shooting position to the third shooting position, triggering a change in the viewing angle of the image resource.

[0174] In an optional specific implementation, the second position can be determined as the third shooting position, which is directly above the map position corresponding to the second position on the map and at the same height as the first shooting position. For example, the virtual camera is currently located at shooting position 1 to shoot map position 1, and the user slides the finger from the center of the circle to interface position 1, and interface position 1 corresponds to map position 2. Then, shooting position 2 directly above map position 2 and at the same height as shooting position 1 is determined as the position to be moved to by the virtual camera, and the virtual camera is controlled to move from shooting position 1 to shooting position 2, and shoot map position 1.

[0175] In another optional specific implementation, the viewing angle change angle of the virtual camera can be determined based on a sliding operation from the first position to the second position in the control operation area corresponding to the first control, and the third shooting position to which the virtual camera is to be moved can be determined based on the viewing angle change angle.

[0176] Specifically, the step of “determining the third shooting position to which the virtual camera is to be moved according to the viewing angle change angle” may be:

[0177] Get the sliding direction of the above sliding operation;

[0178] On the ray formed by the first shooting position and the sliding direction, determine the third shooting position to which the virtual camera is to be moved, wherein the angle between the line segment formed by the third shooting position and the second image resource position and the first line segment is the viewing angle change angle, and the first line segment is the line segment between the second image resource position and the first shooting position.

[0179] First, when a sliding operation from a first position to a second position in a control operation area corresponding to the first control is received, a viewing angle change angle can be determined, the viewing angle change angle is used to indicate the shooting angle of the virtual camera to be aimed at the second image resource position for shooting, and the viewing angle change angle can be proportional to the sliding distance of the sliding operation. For example, if the user's finger slides 2 cm from the center of the circular control, the viewing angle change angle is 20 degrees, and if the user's finger slides 4 cm from the center of the circular control, the viewing angle change angle is 40 degrees.

[0180] Afterwards, the sliding direction of the sliding operation can be obtained, and the third shooting position to which the virtual camera is to be moved can be determined on the ray formed by the first shooting position and the sliding direction. In the embodiment of the present application, the third shooting position to which the virtual camera is to be moved is a position having the same height as that of the first shooting position and located in the sliding direction, and the angle between the line segment formed by the third shooting position and the second image resource position and the first line segment is the viewing angle change angle, and the first line segment is the line segment between the second image resource position and the first shooting position.

[0181] For example, the virtual camera is currently located at shooting position 1 to shoot map position 1. The user's finger slides 2 centimeters from the center of the circle toward the bottom of the interface, and the viewing angle changes by 20 degrees. Then, a target position can be determined that is located directly south of the shooting position 1 and has an angle of 20 degrees between line segment 1 and line segment 2 (the line segment formed by the shooting position 1 and the map position 1), and the target position is determined as the third shooting position to which the virtual camera is to move.

[0182] With this setting, the change in viewing angle of the second screen relative to the first screen matches the sliding direction of the sliding operation from the first position to the second position in the control operation area corresponding to the first control, which can effectively enhance the user's gaming immersion.

[0183] Optionally, the first shooting position is located directly above the second image resource position, and the first picture is a picture taken by the virtual camera vertically downwardly pointing toward the second image resource position. By sliding from the first position to the second position in the control operation area corresponding to the first control, the first picture displayed on the graphical user interface can be changed to the second picture taken by the virtual camera diagonally downwardly pointing toward the second image resource position.

[0184] Optionally, the first shooting position is located diagonally above the second image resource position, and the first picture is a picture shot by the virtual camera pointing diagonally downward at the second image resource position, and by sliding from the first position to the second position in the control operation area corresponding to the first control, the first picture displayed on the graphical user interface can be changed to a second picture shot by the virtual camera pointing vertically downward at the second image resource position.

[0185] like Fig.10 2 is a schematic diagram of an interface for changing the viewing angle of an image resource in a display control method provided in an embodiment of the present application. When a user slides a finger from the center 201 (i.e., reference point) of the first control to position 207, the image resource changes from the adjacent Figure 7The vertical downward view shown is changed to the attached Fig.10 The image resource is shown from a diagonal downward perspective.

[0186] Through image resources, the perspective of image resources can be changed flexibly and quickly, which expands the functions of operating image resources.

[0187] Optionally, the display control method provided in the embodiment of the present application may further include the following steps:

[0188] In response to a sliding operation from the second position toward the first hour clock, the second screen is controlled to rotate around the center of the first control in the direction indicated by the first hour clock, wherein the sliding operation from the second position toward the first hour clock and the sliding operation from the first position to the second position in the control operation area corresponding to the first control are continuous and uninterrupted operations, and the first hour clock is one of clockwise and counterclockwise.

[0189] Specifically, when the second screen after the perspective change is presented in the graphical user interface and the user does not release the control, in response to a sliding operation of sliding clockwise from the second position, the second screen is controlled to rotate clockwise around the center of the first control; in response to a sliding operation of sliding counterclockwise from the second position, the second screen is controlled to rotate counterclockwise around the center of the first control. The rotation angle of the second screen may be proportional to the sliding distance of the sliding operation of sliding clockwise from the second position.

[0190] like Fig.11 FIG. 1 is a schematic diagram of another example of rotating an image resource in a display control method provided in an embodiment of the present application, and FIG. Fig.10 In the example, the user slides his finger from the center of the circle 201 to the position 207 to change the perspective of the image resource. When the user slides his finger counterclockwise from the position 201 to the position 208, the surrounding Fig.10 The image resource shown will be rotated counterclockwise to the attached Fig.11 The image resource shown.

[0191] The above is an introduction to the display control method provided in the first embodiment of the present application.

[0192] Corresponding to the display control method provided in the first embodiment of the present application, the second embodiment of the present application further provides a display control device, which provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least part of the image resources; Fig.12 As shown, the display control device 800 includes:

[0193] A providing unit 801 is used to provide a first control through the graphical user interface, where the first control can rotate around a reference point or take a reference point as the center;

[0194] The adjusting unit 802 is configured to, in response to a first triggering operation on the first control, rotate or scale the image resource according to the first triggering operation.

[0195] Optionally, the adjusting unit 802 is specifically configured to:

[0196] If the first trigger operation is a sliding touch operation around the reference point, the image resource is rotated.

[0197] Optionally, the adjusting unit 802 is specifically configured to:

[0198] If the first trigger operation is a sliding touch operation approaching or moving away from the reference point, scaling the image resource.

[0199] Optionally, the adjusting unit 802 is specifically configured to:

[0200] If the first trigger operation is a touch operation of sliding clockwise around the reference point, the image resource is rotated clockwise;

[0201] If the first trigger operation is a touch operation of sliding counterclockwise around the reference point, the image resource is rotated counterclockwise.

[0202] Optionally, the adjusting unit 802 is specifically configured to:

[0203] If the first trigger operation is a sliding touch operation away from the reference point, enlarging the image resource;

[0204] If the first trigger operation is a sliding touch operation close to the reference point, the image resource is reduced.

[0205] Optionally, the providing unit 801 is specifically used for:

[0206] In response to a touch operation on the image resource, the first control is displayed in the graphical user interface.

[0207] Optionally, the providing unit 801 is specifically configured to: display, in the graphical user interface, the first control with the operation position of the touch operation as the reference point.

[0208] Optionally, the providing unit 801 is specifically used for:

[0209] Displaying a first control that spreads outward at a preset speed in the graphical user interface;

[0210] In response to a pressing operation on the first control that is diffused outward, the first control is controlled to stop diffusing.

[0211] Optionally, the image resource is a map presented in a first perspective, and the adjustment unit 802 is further configured to:

[0212] In response to the first triggering operation ending, continuously displaying the first control within a preset period of time;

[0213] In response to a sliding operation from a first position corresponding to the first control to a second position, the map is presented at a second perspective.

[0214] Optionally, the graphical user interface is provided by a terminal device in a vertical screen position.

[0215] Corresponding to the display control method provided in the first embodiment of the present application, the third embodiment of the present application further provides an electronic device for display. Fig.13 As shown, the electronic device 900 includes: a processor 901; and a memory 902, which is used to store a program of a display control method. After the device is powered on and the program of the display control method is run by the processor, the following steps are performed:

[0216] Providing a first control through the graphical user interface, wherein the first control can rotate around a reference point or be centered on a reference point;

[0217] In response to a first trigger operation on the first control, the image resource is rotated or scaled according to the first trigger operation.

[0218] Corresponding to the display control method provided in the first embodiment of the present application, the fourth embodiment of the present application provides a computer-readable storage medium storing a program of the display control method, the program is executed by a processor to perform the following steps:

[0219] Providing a first control through the graphical user interface, wherein the first control can rotate around a reference point or be centered on a reference point;

[0220] In response to a first trigger operation on the first control, the image resource is rotated or scaled according to the first trigger operation.

[0221] It should be noted that for the detailed description of the devices, electronic devices and computer-readable storage media provided in the second, third and fourth embodiments of the present application, reference can be made to the relevant description of the first embodiment of the present application, and no further details will be given here.

[0222] Although the present application is disclosed as above in the form of a preferred embodiment, it is not intended to limit the present application. Any technical personnel in this field may make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the scope of protection of the present application shall be based on the scope defined by the claims of the present application.

[0223] In a typical configuration, a node device in a blockchain includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0224] The memory may include non-permanent storage in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash RAM. The memory is an example of a computer-readable medium.

[0225] 1. Computer-readable media includes permanent and non-permanent, removable and non-removable media that can be used to store information by any method or technology. Information can be computer-readable instructions, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), random access memory (RAM) of other attributes, read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage media or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined in this article, computer-readable media does not include non-transitory media such as modulated data signals and carrier waves.

[0226] 2. Those skilled in the art should understand that the embodiments of the present application can be provided as methods, systems or computer program products. Therefore, the present application can take the form of a complete hardware embodiment, a complete software embodiment or an embodiment combining software and hardware. Moreover, the present application can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0227] Although the present application is disclosed as above in the form of a preferred embodiment, it is not intended to limit the present application. Any technical personnel in this field may make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the scope of protection of the present application shall be based on the scope defined by the claims of the present application.

Claims

1. A display control method, characterized in that: Providing a graphical user interface through a terminal device, wherein the graphical user interface includes at least part of the image resources; the method comprises: Providing a first control through the graphical user interface, wherein the first control can rotate around a reference point or be centered on a reference point; In response to a first trigger operation on the first control, the image resource is rotated or scaled according to the first trigger operation.

2. The method according to claim 1, characterized in that: The rotating or scaling the image resource according to the first trigger operation includes: If the first trigger operation is a sliding touch operation around the reference point, the image resource is rotated.

3. The method according to claim 1, characterized in that The rotating or scaling the image resource according to the first trigger operation includes: If the first trigger operation is a sliding touch operation approaching or moving away from the reference point, scaling the image resource.

4. The method according to claim 2, characterized in that: If the first trigger operation is a sliding touch operation around the reference point, rotating the image resource includes: If the first trigger operation is a touch operation of sliding clockwise around the reference point, the image resource is rotated clockwise; If the first trigger operation is a touch operation of sliding counterclockwise around the reference point, the image resource is rotated counterclockwise.

5. The method according to claim 3, wherein if the first trigger operation is a sliding touch operation approaching or moving away from the reference point, scaling the image resource comprises: If the first trigger operation is a sliding touch operation away from the reference point, enlarging the image resource; If the first trigger operation is a sliding touch operation close to the reference point, the image resource is reduced.

6. The method according to claim 1, characterized in that Providing a first control through the graphical user interface includes: In response to a touch operation on the image resource, the first control is displayed in the graphical user interface.

7. The method according to claim 6, characterized in that The displaying the first control in the graphical user interface includes: In the graphical user interface, the first control is displayed with the operation position of the touch operation as the reference point.

8. The method according to claim 6, characterized in that The displaying the first control in the graphical user interface includes: Displaying a first control that spreads outward at a preset speed in the graphical user interface; In response to a pressing operation on the first control that is diffused outward, the first control is controlled to stop diffusing.

9. The method according to claim 1, characterized in that: The image resource is a map presented in a first-person perspective, and the method further includes: In response to the first triggering operation ending, continuously displaying the first control within a preset period of time; In response to a sliding operation from a first position corresponding to the first control to a second position, the map is presented at a second perspective.

10. The method according to any one of claims 1 to 9, characterized in that: The graphical user interface is provided by a terminal device in a vertical screen position.

11. A display control device, characterized in that: Providing a graphical user interface through a terminal device, wherein the graphical user interface includes at least part of the image resources; the apparatus comprises: A providing unit, configured to provide a first control through the graphical user interface, wherein the first control can rotate around a reference point or be centered on a reference point; An adjusting unit is configured to, in response to a first triggering operation on the first control, rotate or scale the image resource according to the first triggering operation.

12. An electronic device, characterized in that: include: processor; as well as The memory is used to store a data processing program. After the electronic device is powered on and the program is run by the processor, the method according to any one of claims 1 to 10 is executed.

13. A computer-readable storage medium, characterized in that: A data processing program is stored, and the program is run by a processor to execute the method according to any one of claims 1 to 10.

Images