Interface conversion method, device, equipment and storage medium in game
By providing a functional interface on the game interface and compressing and expanding interface elements in response to user operations, the problem of excessively abrupt interface jump is solved, and a smoother interface conversion effect is achieved.
Patent Information
- Application Number
- CN202111483784.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2021-12-07
- Publication Date
- 2025-02-14
- Estimated Expiration
- 2041-12-07
AI Technical Summary
The interface jump process in existing games is too abrupt and lacks a smooth transition effect.
By providing a functional interface on the graphical user interface, and in response to user operations, elements in the preset screen are compressed to the edge side of the functional interface, and at the same time, the functional sub-interface is controlled to expand from the opposite side, dynamic adjustment of interface size is achieved.
It realizes the smoothness of the interface conversion process, eliminates the abruptness of jumping, and makes the user experience more smooth.
Smart Images

Figure CN114225394B_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of game technology, and in particular to a method, device, equipment and storage medium for interface conversion in a game. Background Art
[0002] With the continuous development of Internet technology, games are playing an increasingly important role in people's leisure and entertainment. Therefore, how to optimize the gaming experience of users is an issue that needs continuous attention during the development of games.
[0003] In current games, usually before an interface is opened in the game, the corresponding entrance promotional screen of the interface will be displayed in full screen on the graphical user interface. Then, when the player clicks on any position or preset position of the entrance promotional screen, a jump operation is triggered to directly enter the interface corresponding to the entrance promotional screen.
[0004] However, this jump method will cause the entrance promotional screen to disappear directly after the jump is triggered, resulting in a very abrupt jump process. Summary of the invention
[0005] The purpose of this application is to provide a method, device, equipment and storage medium for interface conversion in a game to address the deficiencies in the above-mentioned prior art, so as to solve the problem that the jump process in the prior art is very abrupt.
[0006] To achieve the above purpose, the technical solution adopted in the embodiment of the present application is as follows:
[0007] In a first aspect, an embodiment of the present application provides a method for interface conversion in a game, wherein a graphical user interface is displayed by a terminal device, and the method comprises:
[0008] Providing a function interface on the graphical user interface, and displaying a preset screen corresponding to the function interface in the function interface; wherein the preset screen includes at least one element;
[0009] In response to a first operation on the function interface, control the elements in the preset screen to be compressed toward a preset edge side of the function interface until the size of the preset screen is compressed to a first preset size; and control the function sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the function interface until the size of the function sub-interface is expanded to a second preset size.
[0010] Optionally, in response to the first operation on the functional interface, the step of controlling each element in the preset screen to be compressed toward a preset edge side of the functional interface includes:
[0011] In response to a first operation on the function interface, determining a target element from a preset picture displayed on the function interface;
[0012] According to the distance between the target element and the edge side of the functional interface, the preset edge side is determined from the edge sides, and each element in the preset screen is controlled to be compressed toward the preset edge side.
[0013] Optionally, the preset screen and the functional sub-interface are displayed on the graphical user interface in a non-overlapping manner.
[0014] Optionally, the step of controlling to compress each element in the preset screen toward a preset edge side of the functional interface includes:
[0015] Each element in the preset picture is compressed in equal proportion, and the display positions of each compressed element in the preset picture are rearranged.
[0016] Optionally, the step of compressing the elements in the preset picture in equal proportions and rearranging the display positions of the compressed elements in the preset picture includes:
[0017] A rotation origin is determined from the preset picture according to the position of the preset edge side, and each element in the preset picture is controlled to rotate around the rotation origin and be compressed toward the preset edge side.
[0018] Optionally, the first operation includes a trigger operation acting on an element displayed on the functional interface, or a trigger operation acting on a control on the functional interface.
[0019] Optionally, when the first operation is a trigger operation acting on an element displayed on the function interface, the function sub-interface is a content introduction interface related to the element;
[0020] When the first operation is a trigger operation acting on a control displayed on the function interface, the function sub-interface is a game interaction interface corresponding to the control.
[0021] Optionally, the method further comprises:
[0022] In response to an expansion operation on a compressed preset screen, each element in the preset screen is controlled to be expanded on the function interface to a size before compression.
[0023] Optionally, the step of controlling the functional sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the functional interface includes:
[0024] The functional sub-interface is controlled to expand from partial display to full display at a preset expansion rate on the opposite side of a preset edge side on the graphical user interface.
[0025] Optionally, the preset picture further includes: a background map, and the method further includes:
[0026] The background image is controlled to be compressed toward the preset edge side at a second preset compression rate.
[0027] Optionally, the step of controlling the elements in the preset screen to be compressed toward a preset edge side of the functional interface includes:
[0028] Each of the elements in the preset picture is controlled to be compressed toward a preset edge side on the graphical user interface at a first preset compression rate and a preset compression rule.
[0029] Optionally, the preset picture includes a left main element, a middle main element and a right main element, and the controlling each element in the preset picture to be compressed toward the preset edge side includes:
[0030] Taking the center of the target element as the rotation origin, according to the preset rotation rate and the preset compression rule, control each element in the preset screen to be compressed toward the preset edge side; the compressed elements are displayed on the preset edge side of the functional interface with a first preset size.
[0031] In a second aspect, another embodiment of the present application provides an interface conversion device in a game, the device comprising: a display module and a control module, wherein:
[0032] The display module is used to provide a functional interface on the graphical user interface, and display a preset screen corresponding to the functional interface in the functional interface; wherein the preset screen includes at least one element;
[0033] The control module is used to control the compression of each element in the preset screen toward the preset edge side of the function interface in response to a first operation on the function interface until the size of the preset screen is compressed to a first preset size; and control the function sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the function interface until the size of the function sub-interface is expanded to a second preset size.
[0034] Optionally, the device further comprises: a determination module, configured to determine a target element from a preset screen displayed on the function interface in response to a first operation on the function interface;
[0035] The control module is specifically used to determine the preset edge side from the edge sides according to the distance between the target element and the edge side of the functional interface, and control each element in the preset screen to be compressed toward the preset edge side.
[0036] Optionally, the preset screen and the functional sub-interface are displayed on the graphical user interface in a non-overlapping manner.
[0037] Optionally, the control module is specifically configured to compress each element in the preset picture in equal proportion, and rearrange the display positions of the compressed elements in the preset picture.
[0038] Optionally, the control module is specifically configured to determine a rotation origin from the preset picture according to the position of the preset edge side, and control each element in the preset picture to rotate around the rotation origin and be compressed toward the preset edge side.
[0039] Optionally, the first operation includes a trigger operation acting on an element displayed on the functional interface, or a trigger operation acting on a control on the functional interface.
[0040] Optionally, when the first operation is a trigger operation acting on an element displayed on the function interface, the function sub-interface is a content introduction interface related to the element;
[0041] When the first operation is a trigger operation acting on a control displayed on the function interface, the function sub-interface is a game interaction interface corresponding to the control.
[0042] Optionally, the control module is specifically configured to control the expansion of each element in the preset screen to a size before compression on the function interface in response to an expansion operation on the compressed preset screen.
[0043] Optionally, the control module is specifically used to control the functional sub-interface to expand from partial display to full display at a preset expansion rate on the opposite side of a preset edge side on the graphical user interface.
[0044] Optionally, the control module is specifically used to control the background image to be compressed toward the preset edge side at a second preset compression rate.
[0045] Optionally, the control module is specifically configured to control each of the elements in the preset screen to be compressed toward a preset edge side on the graphical user interface at a first preset compression rate and a preset compression rule.
[0046] Optionally, the preset screen includes a left main element, a middle main element and a right main element, and the control module is specifically used to control the elements in the preset screen to be compressed toward the preset edge side with the center of the target element as the rotation origin according to a preset rotation rate and a preset compression rule; the compressed elements are displayed on the preset edge side of the functional interface with a first preset size.
[0047] In the third aspect, another embodiment of the present application provides an interface conversion device in a game, comprising: a processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor, and when the interface conversion device in the game is running, the processor communicates with the storage medium through the bus, and the processor executes the machine-readable instructions to perform the steps of any method described in the first aspect above.
[0048] In a fourth aspect, another embodiment of the present application provides a storage medium having a computer program stored thereon, and when the computer program is executed by a processor, the steps of any method described in the first aspect are executed.
[0049] The beneficial effect of the present application is: by adopting the interface conversion method in the game provided by the present application, after responding to the first operation, the elements in the preset screen are compressed toward the preset edge side of the functional interface, and the functional sub-interface corresponding to the first operation is expanded from the opposite side of the preset edge side on the functional interface, so that the final functional interface can simultaneously display the preset screen of the first functional size and the functional sub-interface of the second preset size, so that the user can smoothly enter the functional sub-interface from the preset screen, and the overall process is smooth without the problem of abrupt jumps. BRIEF DESCRIPTION OF THE DRAWINGS
[0050] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments will be briefly introduced below. It should be understood that the following drawings only show certain embodiments of the present application and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.
[0051] Figure 1 A flowchart of a method for interface conversion in a game provided by an embodiment of the present application;
[0052] Figure 2 A schematic diagram of a graphical user interface provided in one embodiment of the present application;
[0053] Figure 3 A schematic diagram of a graphical user interface provided by another embodiment of the present application;
[0054] Figure 4 A schematic diagram of a graphical user interface provided by another embodiment of the present application;
[0055] Figure 5 A schematic diagram of a flow chart of an interface conversion method in a game provided by another embodiment of the present application;
[0056] Figure 6 A schematic diagram of the structure of an interface conversion device in a game provided by an embodiment of the present application;
[0057] Figure 7 A schematic diagram of the structure of an interface conversion device in a game provided by another embodiment of the present application;
[0058] Figure 8 A schematic diagram of the structure of an interface conversion device in a game provided in one embodiment of the present application. DETAILED DESCRIPTION
[0059] In order to make the purpose, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below in combination with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments.
[0060] The components of the embodiments of the present application generally described and shown in the drawings herein may be arranged and designed in various configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the application claimed for protection, but merely represents the selected embodiments of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present application.
[0061] In addition, the flowchart used in this application shows the operations implemented according to some embodiments of the present application. It should be understood that the operations of the flowchart can be implemented out of order, and the steps without logical context can be reversed in order or implemented simultaneously. In addition, those skilled in the art can add one or more other operations to the flowchart under the guidance of the content of this application, and can also remove one or more operations from the flowchart.
[0062] The following is an explanation of a method for interface conversion in a game provided by an embodiment of the present application in combination with a number of specific application examples. Figure 1 A flowchart of a method for converting an interface in a game provided by an embodiment of the present application is provided, wherein a graphical user interface is displayed by a terminal device, such as Figure 1 As shown, the method includes:
[0063] S101: providing a function interface on a graphical user interface, and displaying a preset screen corresponding to the function interface in the function interface.
[0064] Among them, the preset screen includes at least one element; in some possible embodiments, the preset screen can be, for example, a preset animation, or a preset static picture, etc. The content included in the specific preset screen can be flexibly adjusted according to user needs and is not limited to the above embodiments.
[0065] Figure 2 A schematic diagram of a graphical user interface provided by an embodiment of the present application, such as Figure 2 As shown, the preset screen may include, for example, three elements, namely, the left main element B, the middle main element C and the right main element D; it should be understood that the above embodiment is only an exemplary description, and the number and position of elements included in the specific graphical user interface can be flexibly adjusted according to user needs, and are not limited to those given in the above embodiment.
[0066] S102: In response to a first operation on the function interface, control the elements in the preset screen to be compressed toward the preset edge side of the function interface until the size of the preset screen is compressed to a first preset size; and control the function sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the function interface until the size of the function sub-interface is expanded to a second preset size.
[0067] For example, in some possible embodiments, for example, Figure 2 As shown, a control may also be displayed in the function interface, such as an entry control, which triggers a first operation in response to a trigger operation acting on the entry control; when the first operation is a trigger operation acting on a control displayed on the function interface, the function sub-interface is a game interaction interface corresponding to the control.
[0068] Alternatively, the first operation may be triggered by a trigger operation on an element displayed on the function interface, that is, a click operation on a preset element among at least one element displayed on the function interface, wherein when the first operation is a trigger operation on an element displayed on the function interface, the corresponding function sub-interfaces may not be the same after clicking different preset elements, that is, different preset elements may correspond to different function sub-interfaces, for example, the function sub-interface corresponding to each preset element is a content introduction interface related to the current element, or a display interface for the current preset element, etc.; it should be understood that the above embodiments are only exemplary descriptions, and the specific method of triggering the first operation, as well as the display method and display content of different function sub-interfaces can be flexibly adjusted according to user needs, and are not limited to those given in the above embodiments.
[0069] In an embodiment of the present application, each element in the preset screen is controlled to be compressed toward the preset edge side of the functional interface. For example, each element can be controlled to be compressed toward the preset edge side corresponding to the first operation. For example, if the current first operation is the first operation for the left preset element, each preset element can be controlled to be compressed toward the left edge of the functional interface, and the functional sub-interface corresponding to the first operation can be controlled to be expanded from the right edge of the graphical user interface; or, if the first operation is the first operation for the right preset element, each preset element can be controlled to be compressed toward the right edge of the functional interface, and the functional sub-interface corresponding to the first operation can be controlled to be expanded from the left edge of the graphical user interface.
[0070] Alternatively, the nearest edge side can be determined as the preset edge side based on the distance between the first operation and the edge side of the function interface. For example, if the current first operation is closest to the right edge of the function interface, the right edge of the function interface can be determined as the preset edge side, or if the current first operation is closest to the upper edge of the function interface, the upper edge of the function interface can be determined as the preset edge side. Subsequently, each preset element is controlled to expand toward the preset edge side on the function interface, and the function sub-interface corresponding to the first operation is controlled to expand from the opposite side of the preset edge side on the graphical user interface.
[0071] Alternatively, if the first operation is the first operation for entering the control, then each preset element can be controlled to expand toward a preset edge on the functional interface. The preset edge can be, for example, the left side or the right side, or the top or bottom, etc., and the functional sub-interface corresponding to the first operation is controlled to expand from the opposite side of the preset edge on the graphical user interface. It should be understood that the above embodiments are only exemplary descriptions, and the specific correspondence between the preset edge and the first operation can be flexibly adjusted according to user needs and is not limited to the above embodiments.
[0072] Figure 3 A schematic diagram of a graphical user interface provided by another embodiment of the present application, such as Figure 3 As shown, the preset screen and the functional sub-interface are displayed on the graphical user interface in a non-overlapping manner; for example, at this time, the preset edge side is the left side of the functional interface, then after controlling the elements in the preset screen to be compressed to the left side of the functional interface, the sub-functional interface is controlled to be expanded from the right side of the functional interface, and finally the compressed preset screen is displayed in a first preset size on the left side of the functional interface, and the sub-functional interface is displayed in a second preset size on the right side of the functional interface, thus completing the screen conversion from the preset screen to the sub-functional interface. It should be understood Figure 3 This is only an exemplary description. The content included in the converted graphical user interface, as well as the display method and display position of each content can be flexibly adjusted according to user needs and are not limited to those given in the above embodiments.
[0073] By adopting the interface conversion method in the game provided by the present application, after responding to the first operation, the elements in the preset screen are compressed toward the preset edge side of the functional interface, and the functional sub-interface corresponding to the first operation is expanded from the opposite side of the preset edge side on the functional interface, so that the final functional interface can simultaneously display the preset screen of the first functional size and the functional sub-interface of the second preset size, so that the user can smoothly enter the functional sub-interface from the preset screen, and the overall process is smooth without the problem of abrupt jumps.
[0074] For example, in one embodiment of the present application, the method of controlling each element in the preset screen to be compressed toward the preset edge of the functional interface may be, for example: in response to a first operation on the functional interface, determining a target element from the preset screen displayed on the functional interface; the determination method may be, for example, determined according to the operation position of the first operation, if the operation position of the first operation is within the element range of a certain element, then the element is determined to be the target element; or if the operation position of the first operation is not within the element range of each element, but is closest to a certain element, then the element with the closest distance is determined to be the target element; it should be understood that the above-mentioned method of determining a target element according to the first operation is only an exemplary description, and the specific method of determining the target element can be flexibly adjusted according to user needs, and is not limited to the above-mentioned embodiment.
[0075] Subsequently, according to the distance between the target element and the edge side of the functional interface, a preset edge side is determined from the edge sides; the determination method is, for example, based on the distance between the target element and the edge side of each functional interface, determining the edge side with the closest distance as the preset edge side; and controlling each element in the preset screen to be compressed toward the preset edge side.
[0076] In some possible embodiments, when determining the distance between the target element and the edge side of each functional interface, for example, only the distance between the target element and the preset comparison edge side can be determined. For example, the preset comparison edge side may be only the left edge side and the right edge side. In this case, when determining the distance, only the distance between the target element and the left edge side and the right edge side, respectively, is determined, and the preset edge side is determined between the left edge side and the right edge side; if the preset comparison edge side includes the left edge side and the upper edge side, in determining the distance, only the distance between the target element and the left edge side and the upper edge side, respectively, is determined, and the preset edge side is determined between the left edge side and the upper edge side. It should be understood that the above embodiments are only exemplary descriptions, and the specific method for determining the preset edge side can be flexibly adjusted according to user needs, and is not limited to the above embodiments.
[0077] During compression, for example, each element in the preset picture may be compressed in equal proportion, and the display positions of each compressed element in the preset picture may be rearranged.
[0078] In some possible embodiments, a rotation origin may be determined from the preset picture according to the position of the preset edge side, and each element in the preset picture may be controlled to rotate around the rotation origin and be compressed toward the preset edge side.
[0079] For example, in one embodiment of the present application, the method for determining the rotation origin can be: taking the center of the target element as the rotation origin, and controlling each element in the preset screen to be compressed toward a preset edge side according to a preset rotation rate and a preset compression rule; the compressed elements are displayed on the preset edge side of the functional interface with a first preset size.
[0080] For example, the elements on the functional interface still include the left main element, the middle main element and the right main element; for example, after determining that the target element is the left main element, the preset edge side is determined to be the left edge of the functional interface, and the rotation origin is the left main element. At this time, the elements in the preset screen are controlled to rotate around the left main element and compressed while rotating.
[0081] Figure 4 A schematic diagram of a graphical user interface provided by another embodiment of the present application, such as Figure 2 , Figure 3 and Figure 4 As shown, Figure 2 This is a schematic diagram of the display of the function interface when the first operation is not triggered. At this time, the coordinates of the left main element B are (b, b), the coordinates of the middle main element C are (c, c), and the coordinates of the right main element D are (d, b). Figure 4 The first operation is triggered on the function interface, and the schematic diagram is displayed when the first operation is more than half executed. It can be seen that at this time, the horizontal and vertical coordinates of the left main element B (b, b) remain unchanged, the angle rotates 45° counterclockwise with point B as the center, and the area is reduced to 50% to 90% with point B as the center; the horizontal coordinate of the middle main element C (cx, c) moves to the left by x, the vertical coordinate remains unchanged (where x is a custom variable, for example, one-third of the width of the function interface can be used as a reference), the angle rotates 45° counterclockwise, and the area is reduced to 50% to 90% with point B as the center; the horizontal coordinate of the right main element D (dx, b+x) moves to the left by x, the vertical coordinate moves upward by x, the angle rotates 45° counterclockwise, and the area is reduced to 50% to 90% with point D as the center.
[0082] Figure 3This is a schematic diagram showing the triggering of the first operation and the completion of the execution of the first operation. It can be seen that at this time, the horizontal and vertical coordinates of the left main element B (b, b) remain unchanged, and the angle is rotated 90° counterclockwise with point B as the center of the circle, and the area is reduced to 50% with point B as the center of the circle; C: the horizontal coordinate of the middle main element C (b, c) moves to b, and the vertical coordinate remains unchanged, and the area is reduced to 50% with point B as the center of the circle; D: the horizontal coordinate of the right main element D (b, d) moves to b, and the vertical coordinate moves to d, and the area is reduced to 50% with point D as the center of the circle.
[0083] In some possible embodiments, for example, each element in a preset screen can be controlled to be compressed toward a preset edge side on a graphical user interface at a first preset compression rate and preset compression rule. It should be understood that the above embodiments are only exemplary descriptions, and the specific compression method, the method for determining the rotation origin, and the compression rate can be flexibly adjusted according to user needs and are not limited to those given in the above embodiments.
[0084] In some possible embodiments, the preset picture also includes a background image. In the compression process, the background image needs to be controlled to be compressed toward the preset edge at a second preset compression rate. Figure 2 , Figure 3 and Figure 4 Take this as an example to illustrate: Figure 2 The background image A in the figure is the normal size image before compression. Figure 4 The background image in the figure is a schematic diagram showing that the first operation is triggered and the first operation is executed halfway, that is, it is compressed toward the preset edge side of the function interface at the second preset compression rate, and the width of the background image A is reduced to 60% of the normal size when the compression time is halfway; Figure 3 In order to trigger the first operation, and when the first operation is completed, the preset edge side of the functional interface is compressed at a second preset compression rate, and a schematic diagram is displayed when the compression time ends. At this time, the width of the background image A is reduced to 20% of the normal size; it should be understood that the above embodiment is only an exemplary description. Since the sizes of the elements in the preset screen are different, the sizes of the background image are different. Therefore, in order to ensure that the entire preset screen is compressed at a uniform preset compression rate, that is, in the process of compressing to the first preset size at the same time, the compression rates of the elements in the preset screen and the background image are not necessarily the same, that is, the second compression rate may be the same as the first compression rate, or it may be different, and it is specifically determined according to the size of each element, the size of the background image and the ratio between the first preset size. This application does not impose any restrictions here.
[0085] In some possible embodiments, the method of controlling the functional sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the functional interface can, for example, be: controlling the functional sub-interface to expand from partial display to full display on the opposite side of the preset edge side on the graphical user interface at a preset expansion rate; wherein the preset expansion rate needs to be consistent with the preset compression rate of the preset screen, to ensure that during the compression process of the preset screen, the functional sub-interface is also expanded at the same rate, thereby ensuring the integrity of the content displayed on the graphical user interface during the expansion of the functional sub-interface.
[0086] Optionally, based on the above embodiment, the embodiment of the present application may also provide an interface conversion method in a game. The implementation process of the above method is illustrated below in conjunction with the accompanying drawings. Figure 5 A flowchart of a method for interface conversion in a game provided by another embodiment of the present application is shown as follows: Figure 5 As shown, the method may also include:
[0087] S103: In response to an expansion operation on the compressed preset screen, control the expansion of each element in the preset screen to a size before compression on the function interface.
[0088] For example, in the embodiment of the present application, while controlling the expansion of each element in the preset screen, the sub-function interface is compressed to disappear on the function interface, and the expanded preset screen may still be, for example, Figure 2 shown.
[0089] In some possible embodiments, the expansion operation may be triggered in response to a click operation at any position in the compressed preset screen, or in response to a click operation on an expansion control, or in response to a trigger operation on a preset expansion shortcut key or a preset shortcut gesture. It should be understood that the above embodiments are only exemplary descriptions, and the specific triggering method of the expansion operation can be flexibly adjusted according to user needs, and is not limited to the above embodiments.
[0090] By adopting the interface conversion method in the game provided by the present application, after responding to the first operation, the target element, the rotation origin and the preset edge side are determined, and the elements in the preset screen are controlled to be compressed toward the preset edge side of the functional interface with the rotation origin, and at the same time, the functional sub-interface corresponding to the first operation is controlled to expand from the opposite side of the preset edge side on the functional interface, wherein the expansion rate is the same as the compression rate, so that during the jump process, the functional interface can keep displaying the preset screen of the first functional size and the functional sub-interface of the second preset size at the same time, so that the user can smoothly enter the functional sub-interface from the preset screen, and the overall process is smooth without the problem of abrupt jump.
[0091] The following is an explanation of the interface conversion device in the game provided by the present application in conjunction with the accompanying drawings. The interface conversion device in the game can execute the above Figure 1-Figure 5 The specific implementation and beneficial effects of the interface conversion method in any game are as mentioned above and will not be repeated below.
[0092] Figure 6 A schematic diagram of the structure of an interface conversion device in a game provided by an embodiment of the present application, such as Figure 6 As shown, the device includes: a display module 201 and a control module 202, wherein:
[0093] The display module 201 is used to provide a function interface on the graphical user interface and display a preset screen corresponding to the function interface in the function interface; wherein the preset screen includes at least one element;
[0094] The control module 202 is used to control the compression of each element in the preset screen toward the preset edge side of the functional interface in response to the first operation on the functional interface until the size of the preset screen is compressed to the first preset size; and control the functional sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the functional interface until the size of the functional sub-interface is expanded to the second preset size.
[0095] Optionally, based on the above embodiment, the embodiment of the present application may also provide an interface conversion device in a game, as shown below in conjunction with the accompanying drawings. Figure 6 The implementation process of the given device is described by way of example. Figure 7 A schematic diagram of the structure of an interface conversion device in a game provided by another embodiment of the present application is shown as follows: Figure 7 As shown, the device further includes: a determination module 203, configured to determine a target element from a preset screen displayed on the function interface in response to a first operation on the function interface;
[0096] The control module 202 is specifically configured to determine a preset edge side from the edge sides according to the distance between the target element and the edge side of the functional interface, and control each element in the preset screen to be compressed toward the preset edge side.
[0097] Optionally, the preset screen and the function sub-interface are displayed on the graphical user interface in a non-overlapping manner.
[0098] Optionally, the control module 202 is specifically configured to compress each element in the preset picture in equal proportion, and rearrange the display positions of the compressed elements in the preset picture.
[0099] Optionally, the control module 202 is specifically configured to determine a rotation origin from the preset picture according to the position of the preset edge side, and control each element in the preset picture to rotate around the rotation origin and be compressed toward the preset edge side.
[0100] Optionally, the first operation includes a trigger operation acting on an element displayed on the function interface, or a trigger operation acting on a control on the function interface.
[0101] Optionally, when the first operation is a trigger operation acting on an element displayed on the function interface, the function sub-interface is a content introduction interface related to the element;
[0102] When the first operation is a trigger operation acting on a control displayed on the function interface, the function sub-interface is a game interaction interface corresponding to the control.
[0103] Optionally, the control module 202 is specifically configured to control the expansion of each element in the preset screen to a size before compression on the function interface in response to an expansion operation on the compressed preset screen.
[0104] Optionally, the control module 202 is specifically configured to control the functional sub-interface to expand from partial display to full display at a preset expansion rate on the opposite side of a preset edge side of the graphical user interface.
[0105] Optionally, the control module 202 is specifically configured to control the background image to be compressed toward a preset edge side at a second preset compression rate.
[0106] Optionally, the control module 202 is specifically configured to control each element in the preset screen to be compressed toward a preset edge side on the graphical user interface at a first preset compression rate and a preset compression rule.
[0107] Optionally, the preset screen includes a left main element, a middle main element and a right main element. The control module 202 is specifically used to control the elements in the preset screen to be compressed toward a preset edge side with the center of the target element as the rotation origin according to a preset rotation rate and a preset compression rule; the compressed elements are displayed on the preset edge side of the function interface with a first preset size.
[0108] The above-mentioned device is used to execute the method provided by the aforementioned embodiment, and its implementation principle and technical effect are similar, which will not be repeated here.
[0109] The above modules may be one or more integrated circuits configured to implement the above methods, such as one or more application specific integrated circuits (ASICs), or one or more microprocessors, or one or more field programmable gate arrays (FPGAs). For another example, when a module is implemented in the form of a processing element scheduling program code, the processing element may be a general-purpose processor, such as a central processing unit (CPU) or other processor that can call program code. For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).
[0110] Figure 8 This is a schematic diagram of the structure of an interface conversion device in a game provided by an embodiment of the present application. The interface conversion device in the game can be integrated into a terminal device or a chip of the terminal device.
[0111] like Figure 8 As shown, the interface conversion device in the game includes: a processor 501, a storage medium 502 and a bus 503.
[0112] The processor 501 is used to store programs. The processor 501 calls the program stored in the storage medium 502 to execute the above Figure 1-Figure 5 The corresponding method embodiment has similar specific implementation methods and technical effects, which will not be described here.
[0113] Optionally, the present application also provides a program product, such as a storage medium, on which a computer program is stored, including a program that, when executed by a processor, executes an embodiment corresponding to the above method.
[0114] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
[0115] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
[0116] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of hardware plus software functional units.
[0117] The above-mentioned integrated unit implemented in the form of a software functional unit can be stored in a computer-readable storage medium. The above-mentioned software functional unit is stored in a storage medium, including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) or a processor (English: processor) to perform some steps of the methods of each embodiment of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (English: Read-Only Memory, abbreviated: ROM), random access memory (English: Random Access Memory, abbreviated: RAM), disk or optical disk and other media that can store program codes.
Claims
1. A method for interface conversion in a game, characterized in that: Displaying a graphical user interface via a terminal device, the method comprising: Providing a function interface on the graphical user interface, and displaying a preset screen corresponding to the function interface in the function interface; wherein the preset screen includes at least one element; In response to a first operation on the function interface, controlling each element in the preset screen to be compressed toward a preset edge side of the function interface until the size of the preset screen is compressed to a first preset size; and controlling a function sub-interface corresponding to the first operation to be expanded from the opposite side of the preset edge side on the function interface until the size of the function sub-interface is expanded to a second preset size; The step of controlling the elements in the preset screen to be compressed toward the preset edge side of the functional interface includes: Compressing each element in the preset picture in equal proportion, and rearranging the display positions of each compressed element in the preset picture; The step of compressing the elements in the preset picture in equal proportion and rearranging the display positions of the compressed elements in the preset picture includes: A rotation origin is determined from the preset picture according to the position of the preset edge side, and each element in the preset picture is controlled to rotate around the rotation origin and be compressed toward the preset edge side.
2. The method according to claim 1, characterized in that The step of controlling each element in the preset screen to be compressed toward a preset edge side of the functional interface in response to the first operation on the functional interface includes: In response to a first operation on the function interface, determining a target element from a preset picture displayed on the function interface; According to the distance between the target element and the edge side of the functional interface, the preset edge side is determined from the edge sides, and each element in the preset screen is controlled to be compressed toward the preset edge side.
3. The method according to claim 1, characterized in that The preset screen and the functional sub-interface are displayed on the graphical user interface in a non-overlapping manner.
4. The method according to claim 1, characterized in that The first operation includes a trigger operation acting on an element displayed on the function interface, or a trigger operation acting on a control on the function interface.
5. The method according to claim 4, characterized in that When the first operation is a trigger operation acting on an element displayed on the function interface, the function sub-interface is a content introduction interface related to the element; When the first operation is a trigger operation acting on a control displayed on the function interface, the function sub-interface is a game interaction interface corresponding to the control.
6. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: In response to an expansion operation on a compressed preset screen, each element in the preset screen is controlled to be expanded on the function interface to a size before compression.
7. The method according to claim 1, characterized in that The step of controlling the functional sub-interface corresponding to the first operation to unfold from the opposite side of the preset edge side on the functional interface includes: The functional sub-interface is controlled to expand from partial display to full display at a preset expansion rate on the opposite side of a preset edge side on the graphical user interface.
8. The method according to claim 1, characterized in that The preset picture also includes: a background map, and the method further includes: The background image is controlled to be compressed toward the preset edge side at a second preset compression rate.
9. The method according to claim 1, characterized in that The step of controlling the elements in the preset screen to be compressed toward the preset edge side of the functional interface includes: Each of the elements in the preset picture is controlled to be compressed toward a preset edge side on the graphical user interface at a first preset compression rate and a preset compression rule.
10. The method according to claim 2, characterized in that The preset picture includes a left main element, a middle main element and a right main element, and the controlling each element in the preset picture to be compressed toward the preset edge side includes: Taking the center of the target element as the rotation origin, according to the preset rotation rate and the preset compression rule, control each element in the preset screen to be compressed toward the preset edge side; the compressed elements are displayed on the preset edge side of the functional interface with a first preset size.
11. An interface conversion device in a game, characterized in that: The graphical user interface is displayed by a terminal device, and the device comprises: a display module and a control module, wherein: The display module is used to provide a functional interface on the graphical user interface, and display a preset screen corresponding to the functional interface in the functional interface; wherein the preset screen includes at least one element; The control module is used for controlling, in response to a first operation on the function interface, to compress each element in the preset screen toward a preset edge side of the function interface until the size of the preset screen is compressed to a first preset size; and controlling the function sub-interface corresponding to the first operation to expand from the opposite side of the preset edge side on the function interface until the size of the function sub-interface is expanded to a second preset size; The control module is used to compress each element in the preset picture in equal proportion and rearrange the display position of each compressed element in the preset picture; determine a rotation origin from the preset picture according to the position of the preset edge side, and control each element in the preset picture to rotate around the rotation origin and be compressed toward the preset edge side.
12. An interface conversion device in a game, characterized in that: The device includes: a processor, a storage medium and a bus, the storage medium stores machine-readable instructions executable by the processor, when the interface conversion device in the game is running, the processor and the storage medium communicate through the bus, and the processor executes the machine-readable instructions to execute the method described in any one of claims 1-10 above.
13. A storage medium, characterized in that: The storage medium stores a computer program, and when the computer program is executed by a processor, the method according to any one of claims 1 to 10 is executed.
Citation Information
Patent Citations
Interaction method and device of application control interface
CN110308845A
Control interface display method, device thereof and equipment and storage medium
CN112121415A