CN110604918B - Interface element adjustment method and device, storage medium and electronic equipment - Google Patents
Interface element adjustment method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN110604918B CN110604918B CN201910900528.7A CN201910900528A CN110604918B CN 110604918 B CN110604918 B CN 110604918B CN 201910900528 A CN201910900528 A CN 201910900528A CN 110604918 B CN110604918 B CN 110604918B
- Authority
- CN
- China
- Prior art keywords
- interface element
- movement
- interface
- touch operation
- graphical user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 80
- 230000008569 process Effects 0.000 claims abstract description 19
- 230000003993 interaction Effects 0.000 claims abstract description 8
- 230000001276 controlling effect Effects 0.000 claims description 24
- 230000000875 corresponding effect Effects 0.000 claims description 10
- 230000002596 correlated effect Effects 0.000 claims description 4
- 230000004044 response Effects 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 3
- 238000007654 immersion Methods 0.000 abstract description 7
- 230000004927 fusion Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 4
- 230000002452 interceptive effect Effects 0.000 description 4
- 241000737241 Cocos Species 0.000 description 3
- 239000008280 blood Substances 0.000 description 3
- 210000004369 blood Anatomy 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000003776 cleavage reaction Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000006073 displacement reaction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000008092 positive effect Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 230000007017 scission Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000000638 solvent extraction Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
Classifications
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/20—Input arrangements for video game devices
- A63F13/21—Input arrangements for video game devices characterised by their sensors, purposes or types
- A63F13/214—Input arrangements for video game devices characterised by their sensors, purposes or types for locating contacts on a surface, e.g. floor mats or touch pads
- A63F13/2145—Input arrangements for video game devices characterised by their sensors, purposes or types for locating contacts on a surface, e.g. floor mats or touch pads the surface being also a display device, e.g. touch screens
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/20—Input arrangements for video game devices
- A63F13/22—Setup operations, e.g. calibration, key configuration or button assignment
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/10—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by input arrangements for converting player-generated signals into game device control signals
- A63F2300/1068—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by input arrangements for converting player-generated signals into game device control signals being specially adapted to detect the point of contact of the player on a surface, e.g. floor mat, touch pad
- A63F2300/1075—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by input arrangements for converting player-generated signals into game device control signals being specially adapted to detect the point of contact of the player on a surface, e.g. floor mat, touch pad using a touch screen
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/30—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by output arrangements for receiving control signals generated by the game device
- A63F2300/308—Details of the user interface
Abstract
The disclosure belongs to the technical field of computers, and relates to an interface element adjustment method and device, a computer readable storage medium and electronic equipment. The method comprises the following steps: determining at least one first interface element of the graphical user interface; responding to touch operation on the graphical user interface, and controlling movement of the game scene according to the touch operation; and acquiring the movement parameters of the touch operation, and controlling the first display state of the first interface element according to the movement parameters. According to the method and the device, on one hand, the first display state of the first interface element is controlled only according to the movement parameters, the display states of other interface elements are not adjusted, the immersion of a player is improved, the player can conveniently and timely check game information, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the moving parameters are determined through touch operation, so that the hysteresis sense that the first interface element moves along with the lens can be created, and the fusion sense of the first interface element and the game scene is enhanced.
Description
Technical Field
The disclosure relates to the field of computer technology, and in particular, to an interface element adjustment method, an interface element adjustment device, a computer readable storage medium and electronic equipment.
Background
An in-game User Interface (UI) is a medium for players to interact with and exchange information with the game. The UI in the current game is kept still, so that the operation of a player can be facilitated. However, such stationary UI and moving game scenes can create just a kind of cleavage feel, destroying the player's sense of immersion in the game. In some games that emphasize substitution, a stationary UI is obviously unsuitable.
In view of the foregoing, there is a need in the art to develop a new interface element adjustment method and apparatus.
It should be noted that the information disclosed in the above background section is only for enhancing understanding of the background of the present disclosure and thus may include information that does not constitute prior art known to those of ordinary skill in the art.
Disclosure of Invention
The present disclosure is directed to an interface element adjustment method, an interface element adjustment device, a computer-readable storage medium, and an electronic apparatus, and thus, at least to some extent, overcome the problem of user interface and game scene splitting due to the limitations of the related art.
Other features and advantages of the present disclosure will be apparent from the following detailed description, or may be learned in part by the practice of the disclosure.
According to one aspect of the present disclosure, there is provided an interface element adjustment method applied to a game application running on a mobile terminal, wherein a graphical user interface is rendered on a display screen of the mobile terminal, the graphical user interface including at least a portion of a game scene and at least one interface element, the method comprising: determining at least one first interface element of the graphical user interface; responding to touch operation on the graphical user interface, and controlling movement of the game scene according to the touch operation; and acquiring the movement parameters of the touch operation, and controlling the first display state of the first interface element according to the movement parameters.
In an exemplary embodiment of the disclosure, the obtaining the movement parameter of the touch operation, and controlling the first display state of the first interface element according to the movement parameter, includes: acquiring a first direction of the touch operation, and determining a second direction opposite to the first direction according to the first direction; the first interface element is controlled to move in the second direction.
In an exemplary embodiment of the disclosure, the obtaining the movement parameter of the touch operation, and controlling the first display state of the first interface element according to the movement parameter, includes: acquiring the moving distance of the touch operation, and determining a moving amplitude according to the moving distance; controlling the first interface element to move in the second direction according to the movement amplitude.
In an exemplary embodiment of the present disclosure, the movement amplitude is positively correlated with the movement distance.
In an exemplary embodiment of the present disclosure, the method further comprises: and controlling the first interface element to return to the initial position of the first interface element within the time threshold after the movement.
In an exemplary embodiment of the present disclosure, the method further comprises: generating a corresponding first sequence frame animation according to a first moving process of the first interface element from the initial position to a target position; and generating a corresponding second sequence frame animation according to a second moving process of the first interface element from the target position to the initial position.
In an exemplary embodiment of the disclosure, the determining at least one first interface element of the graphical user interface includes: acquiring marking information of interface elements, and classifying the interface elements according to the marking information; and determining at least one first interface element in the graphical user interface according to the classification result.
In one exemplary embodiment of the present disclosure, the first interface element includes an interactive control that is not an information presentation class.
In an exemplary embodiment of the present disclosure, the method further comprises: determining a second interface element in the graphical user interface according to the classification result; and maintaining a second display state of the second interface element.
According to one aspect of the present disclosure, there is provided an interface element adjustment apparatus, the apparatus including: an element determination module configured to determine at least a first interface element of the graphical user interface; a scene movement module configured to control movement of the game scene according to a touch operation on the graphical user interface in response to the touch operation; and the state adjustment module is configured to acquire the movement parameters of the touch operation and control the first display state of the first interface element according to the movement parameters.
According to one aspect of the present disclosure, there is provided an electronic device including: a processor and a memory; wherein the memory has stored thereon computer readable instructions which, when executed by the processor, implement the interface element adjustment method of any of the above-described exemplary embodiments.
According to one aspect of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the interface element adjustment method in any of the above-described exemplary embodiments.
As can be seen from the above technical solutions, the interface element adjustment method, the interface element adjustment device, the computer storage medium, and the electronic device in the exemplary embodiments of the present disclosure have at least the following advantages and positive effects:
in the method and the device provided by the exemplary embodiment of the disclosure, the first display state of the first interface element can be adjusted through the movement parameter determined according to the touch operation. On the one hand, the first display state of the first interface element is controlled only according to the movement parameters, the display states of other interface elements are not adjusted, the immersion of the player is improved, the player can conveniently and timely check game information, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the moving parameters are determined through touch operation, so that the hysteresis sense that the first interface element moves along with the lens can be created, and the fusion sense of the first interface element and the game scene is enhanced.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the disclosure and together with the description, serve to explain the principles of the disclosure. It will be apparent to those of ordinary skill in the art that the drawings in the following description are merely examples of the disclosure and that other drawings may be derived from them without undue effort.
FIG. 1 schematically illustrates a flow chart of a method of interface element adjustment in an exemplary embodiment of the present disclosure;
FIG. 2 schematically illustrates a flow diagram of a method of determining a first interface element in an exemplary embodiment of the present disclosure;
FIG. 3 schematically illustrates a flow chart of a method of controlling a first display state according to a movement parameter in an exemplary embodiment of the present disclosure;
FIG. 4 schematically illustrates a flow chart of a method of controlling a first display state further according to a movement parameter in an exemplary embodiment of the present disclosure;
FIG. 5 schematically illustrates a flow diagram of a method of generating a sequential frame animation in an exemplary embodiment of the present disclosure;
FIG. 6 schematically illustrates a flow diagram of a method of controlling a second display state of a second interface element in an exemplary embodiment of the present disclosure;
FIG. 7 schematically illustrates a schematic view of a game lens direction and a second direction in an exemplary embodiment of the present disclosure;
FIG. 8 schematically illustrates a flow diagram of interface element shake placement in an application scenario of an exemplary embodiment of the present disclosure;
FIG. 9 schematically illustrates an application interface schematic prior to interface element adjustment in an application scenario of an exemplary embodiment of the present disclosure;
FIG. 10 schematically illustrates an application interface schematic after interface element adjustment in an application scenario of an exemplary embodiment of the present disclosure;
FIG. 11 schematically illustrates a structural diagram of an interface element adjustment device in an exemplary embodiment of the present disclosure;
FIG. 12 schematically illustrates an electronic device for implementing an interface element adjustment method in an exemplary embodiment of the present disclosure;
fig. 13 schematically illustrates a computer-readable storage medium for implementing an interface element adjustment method in an exemplary embodiment of the present disclosure.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. However, the exemplary embodiments may be embodied in many forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of the example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the present disclosure. One skilled in the relevant art will recognize, however, that the aspects of the disclosure may be practiced without one or more of the specific details, or with other methods, components, devices, steps, etc. In other instances, well-known technical solutions have not been shown or described in detail to avoid obscuring aspects of the present disclosure.
The terms "a," "an," "the," and "said" are used in this specification to denote the presence of one or more elements/components/etc.; the terms "comprising" and "having" are intended to be inclusive and mean that there may be additional elements/components/etc. in addition to the listed elements/components/etc.; the terms "first" and "second" and the like are used merely as labels, and are not intended to limit the number of their objects.
Furthermore, the drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and thus a repetitive description thereof will be omitted. Some of the block diagrams shown in the figures are functional entities and do not necessarily correspond to physically or logically separate entities.
Aiming at the problems in the related art, the disclosure provides an interface element adjustment method applied to a game application running on a mobile terminal, which is characterized in that a graphical user interface is rendered on a display screen of the mobile terminal, wherein the graphical user interface comprises at least part of a game scene and at least one interface element.
The mobile terminal can be electronic equipment such as a smart phone, a tablet personal computer, a notebook computer, a game machine and the like. The graphical user interface rendered on the display of the mobile terminal may be the medium for interaction and information exchange between games and players, enabling the conversion between the internal form of the information and the human acceptable form. The graphical user interface is widely defined and comprises at least a portion of a game scene and at least one interface element. Wherein the interface element may refer to a control having pictures and text and capable of presenting information or allowing a player to interact with it.
FIG. 1 shows a flow chart of an interface element adjustment method, as shown in FIG. 1, comprising at least the following steps:
step S110, at least one first interface element of the graphical user interface is determined.
And S120, responding to touch operation on the graphical user interface, and controlling movement of the game scene according to the touch operation.
And S130, acquiring movement parameters of touch operation, and controlling a first display state of the first interface element according to the movement parameters.
In an exemplary embodiment of the present disclosure, the first display state of the first interface element may be adjusted by a movement parameter determined according to a touch operation. On the one hand, the first display state of the first interface element is controlled only according to the movement parameters, the display states of other interface elements are not adjusted, the immersion of the player is improved, the player can conveniently and timely check game information, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the moving parameters are determined through touch operation, so that the hysteresis sense that the first interface element moves along with the lens can be created, and the fusion sense of the first interface element and the game scene is enhanced.
The steps of the interface element adjustment method are described in detail below.
In step S110, at least one first interface element of the graphical user interface is determined.
In an exemplary embodiment of the present disclosure, fig. 2 shows a flow diagram of a method of determining a first interface element, as shown in fig. 2, the method at least comprising the steps of: in step S210, the marking information of the interface element is acquired, and the interface element is classified according to the marking information. In view of the fact that the interface element adjustment method can adjust the display state of the interface element, the marking information can be information for marking whether the interface element is adjusted. For example, in a combat interface, an interface element is_shake flag may be assigned that may distinguish between the interface element being moved or not being moved. Further, the is_shake flag of the interface element that is not moved may be set to True, and the is_shake flag of the interface element that is not moved may be set to False.
When compiled in a game engine (e.g., a cocos engine) tool, each interface element may be considered a node, e.g., denoted cc.node. The cc.node nodes can be nested, a plurality of cc.node child nodes can be accommodated under one cc.node father node, and when the cc.node father node moves, the subordinate cc.node child nodes also move along with the cc.node father node. When the interface element is loaded into the game scene, the interface element cc.node node marked as True by the is_shake is loaded under one cc.node node as a child node of the cc.node node, and the whole cc.node father node is named as a shake_node; correspondingly, an interface element cc.node node marked as False by is_shake is loaded under one cc.node node as a child node thereof, and the whole cc.node father node is named as not_shake_node.
In view of this, the interface elements may be classified according to the setting of the is_shake flag of the interface element.
In step S220, at least one first interface element in the gui is determined according to the classification result. For example, if the is_shake of the interface element is marked as True, the interface element may be determined as a first interface element in the graphical user interface, and at least one of the first interface elements. In addition, the first interface element to be moved later may be determined according to other marking information of the interface element, which is not particularly limited in the present exemplary embodiment.
In an alternative embodiment, the first interface element includes an interactive control that is not an information presentation class. Although moving the interface element may bring about a better sense of immersion, shaking of a portion of the interface element may result in a player not being able to accurately learn information, thereby bringing about an uncomfortable look. Thus, the determined first interface element may be an interactive control of a non-information presentation class, such as a rocker, a combat button, or the like.
In the present exemplary embodiment, the first interface element moving in the graphical user interface may be determined according to the classification information of the interface element, and the classification mode is simple and the determination mode is accurate; in addition, by using the setting of the child node and the father node of the editing tool, the workload can be reduced, and the element adjustment time can be saved.
In step S120, in response to the touch operation on the graphical user interface, movement of the game scene is controlled according to the touch operation.
In an exemplary embodiment of the present disclosure, the touch operation may be a movement operation initiated by a touch medium, and movement of the game scene may be controlled according to a movement trajectory or a click position of the movement operation, for example. In general, movement of a game scene may be a change in a game lens upon a transition by a player manipulating a joystick on a graphical user interface, and the game lens is associated with the presentation of the graphical user interface, i.e., the game scene, thereby controlling movement of the game scene in accordance with a touch operation.
In step S130, a movement parameter of the touch operation is obtained, and a first display state of the first interface element is controlled according to the movement parameter.
In an exemplary embodiment of the present disclosure, fig. 3 shows a flow chart of a method for controlling a first display state according to a movement parameter, and as shown in fig. 3, the method at least includes the following steps: in step S310, a first direction of the touch operation is acquired, and a second direction opposite to the first direction is determined according to the first direction. For example, the first direction may be a direction of a sliding operation. The sliding operation direction may be a sliding direction of the touch medium on the display screen, and the specific sliding direction may be defined according to actual requirements. For example, sliding from below the display screen to above the display screen may define a first direction as being upward; sliding from the left direction of the display screen to the right direction of the display screen may define the first direction as being to the right. In addition, the first direction of the touch operation may be determined by other definitions, which are not particularly limited in the present exemplary embodiment.
When the first direction is acquired, an opposite direction of the first direction may be determined as the second direction. For example, if the first direction is upward, the second direction is downward; if the first direction is rightward, the second direction is leftward, etc.
In step S320, the first interface element is controlled to move in the second direction. In order to create a hysteresis of the lens movement and the first interface element following, the first interface element may be controlled to move in a second direction opposite to the first direction of the touch operation. When the first direction of the touch operation is rightward, the lens can be controlled to turn rightward, and at this time, the first interface element can be offset by a certain distance in the leftward direction.
In the present exemplary embodiment, the first interface element may be controlled to move in the determined direction through a touch operation, so as to create a hysteresis sense that the first interface element follows the movement of the lens, increase a fusion sense of the first interface element and the game scene, and optimize user experience.
To further optimize the effect of the movement of the first interface element, a movement amplitude of the first interface element may be determined. In an alternative embodiment, fig. 4 shows a flow chart of a method for controlling the first display state further according to the movement parameter, as shown in fig. 4, the method at least comprises the following steps: in step S410, a movement distance of the touch operation is obtained, and a movement amplitude is determined according to the movement distance. When the touch operation is a sliding operation, the user can continuously press the display screen and slide the pressing position in the pressing process at the same time so as to complete the sliding operation. When the sliding operation of the display screen by the user is detected, the mobile terminal can acquire the sliding operation distance, namely the moving distance. The moving distance may be a distance from the operation start point to the operation end point in the operation of the user, and may be understood as a track length of the sliding operation.
And determining the movement amplitude according to the determined movement distance to be used as the movement basis of the first interface element. Specifically, the manner of determining the movement amplitude may be to set a distance interval for the movement distance, and if the movement distance is in a target distance interval, the corresponding movement amplitude may be obtained according to the target distance interval. For example, the correspondence between the movement distance and the movement amplitude preset in the horizontal direction may be that when the movement distance is less than 20, the movement amplitude is 0; when the movement distance is greater than or equal to 20 and less than or equal to 30, the movement amplitude is 3 times the movement distance; when the moving distance is greater than 30, the moving amplitude is 30. It can be seen that the magnitude of the movement in the horizontal direction may be a preset value, and the preset threshold may be 0 or 30, or may be other values, which is not particularly limited in the present exemplary embodiment. In an alternative embodiment, the magnitude of movement is positively correlated with the distance of movement. For example, the movement amplitude may be 3 times the movement distance, or may be other positive correlation, which is not particularly limited in the present exemplary embodiment.
The correspondence between the preset moving distance and the moving amplitude in the vertical direction may be that the moving amplitude is 0 when the moving distance is less than 20; when the movement distance is greater than or equal to 20 and less than or equal to 30, the movement amplitude is 1.5 times of the movement distance; when the moving distance is greater than 30, the moving amplitude is 15. It can be seen that the magnitude of the movement in the horizontal direction may be a preset value, and the preset threshold may be 0 or 15, or may be another value, which is not particularly limited in the present exemplary embodiment. In an alternative embodiment, the magnitude of movement is positively correlated with the distance of movement. For example, the movement amplitude may be 1.5 times the movement distance, or may be other positive correlation, which is not particularly limited in the present exemplary embodiment.
In addition, there may be other methods of determining the movement amplitude according to the movement distance, and the present exemplary embodiment is not particularly limited thereto.
In step S420, the first interface element is controlled to move in the second direction according to the movement amplitude. After determining the second direction and the movement amplitude, the first interface element may be controlled to move in the second direction according to the movement amplitude.
In this embodiment, the movement state of the first interface element is determined from two dimensions of the movement direction and the movement amplitude, so that the first display state of the first interface element is more accurately controlled, and the fusion effect of the game scene and the first interface element is better.
In an alternative embodiment, the first interface element is controlled to return to the initial position of the first interface element within a time threshold after the movement. In order to avoid the repeated movement of the first interface element in the period, a time threshold may be preset, and the time for the first interface element to return to the initial position is controlled. Wherein the time isThe threshold value may be 1s, 0.1s, etc., and may be other time threshold values, which are not particularly limited in the present exemplary embodiment. For example, if the initial position of the first interface element is (x 1 ,y 1 ) Then, for a time of 1s, the first interface element is moved from the initial position (x 1 ,y 1 ) Move at a constant speed to a target position (x 1 +a,y 1 +b), reach (x 1 +a,y 1 After +b), from (x 1 +a,y 1 +b) move at constant speed to (x) 1 ,y 1 )。
In the process of moving and returning the first interface element, a corresponding sequence frame animation can be generated. FIG. 5 shows a flow diagram of a method of generating a sequence frame animation, as shown in FIG. 5, comprising at least the steps of: in step S510, a corresponding first sequence frame animation is generated according to a first movement process of the first interface element from the initial position to the target position. For example, if the initial position of the first interface element is (x 1 ,y 1 ) Then, the first interface element may be moved from the initial position (x 1 ,y 1 ) Move at a constant speed to a target position (x 1 +a,y 1 +b). The first interface element is moved from the initial position (x 1 ,y 1 ) Move at a constant speed to a target position (x 1 +a,y 1 The process of +b) may be a first moving process, which is a first sequence frame animation. The principle of sequential frame animation is to decompose animation actions in 'continuous key frames', that is, draw different contents on each frame of a time axis frame by frame, so that the different contents are continuously played to form animation. That is, the first moving process is drawn frame by frame, resulting in a first sequence of frame animations.
When a player initiates a touch operation, a first sequence of frame animations is generated and executed immediately. Then, the touch operation continues to function, but the first interface element no longer accepts the movement request, but continues to perform the first sequence of frame animations.
In step S520, a corresponding second sequence frame animation is generated according to a second movement process of the first interface element from the target position back to the initial position. For example, the first interface element is moved from the target position (x 1 +a,y 1 +b) at a constant speed to an initial position (x) 1 ,y 1 ) Then, the second moving process from the target position back to the initial position is the second sequence frame animation, i.e. the second moving process draws frame by frame, generating the second sequence frame animation.
At the end of the first sequence of frame animations, the first interface element moves to the maximum displacement where it may stay if the touch operation continues to function. When the touch operation stops, the second sequence frame animation is immediately executed, and the first interface element returns to the initial position.
In addition, in the course of executing the first-sequence frame animation, the touch operation stops, and the execution of the first-sequence frame animation may be immediately stopped, but the second-sequence frame animation that moves from the current position back to the initial position may be executed.
In the present exemplary embodiment, the moving manner of the first interface element under the condition that the player switches the viewing angle can be determined through the first sequence frame animation and the second sequence frame animation, so that the function of moving the first interface element in real time is realized, and the interactive experience of the player is optimized.
In addition to controlling the first display state of the first interface element according to the movement parameter, a display state of the interface element that does not need to be moved may be determined. FIG. 6 is a flow chart of a method for controlling a second display state of a second interface element, as shown in FIG. 6, the method at least includes the following steps: in step S610, a second interface element of the graphical user interface is determined according to the classification result. Since controls of the information presentation class, such as popup windows, flyers, barrages, etc., can present game information to a player through text, if moved, the player may cause discomfort in order to see clearly what is being slid. Thus, these controls may be determined to be the second interface element. When editing in the cross-platform game engine cocos tool, an interface element cc.node node marked as False by is_shake can be loaded under one cc.node node as a child node thereof, and the whole cc.node parent node is named as not_shake_node. Thus, the interface element whose is_shake is marked as False may be determined as the second interface element.
In step S620, a second display state of the second interface element is maintained. Because the second interface element can display the corresponding text information, the second display state of the second interface element is not required to be adjusted according to the movement parameters, and the second display state can be kept unchanged.
In this exemplary embodiment, the determined second interface element maintains the second display state of the second interface element, that is, the display state may be defined differently according to the differences of different interface elements, so that the immersion of the player is improved, and meanwhile, the user experience of the player is ensured, and the interaction process of the player is not affected.
The following describes the interface element adjustment method in the embodiment of the present disclosure in detail in connection with an application scenario.
Fig. 7 shows a schematic view of the direction of the game lens and the second direction in which the first interface element moves, and as shown in fig. 7, the player controls the movement of the game lens through the touch operation, and thus, the movement direction 710 of the game lens may be a direction consistent with the first direction of the touch operation. However, since the second direction 720 is opposite to the first direction, it can be determined that the moving direction 710 of the game lens is opposite to the second direction 720. When the movement direction 710 of the game lens is the upper left corner of the display screen, the second movement direction 720 of the first interface element may be the lower right corner of the display screen.
Fig. 8 is a flow chart illustrating a method for shaking an interface element in an application scenario, and as shown in fig. 8, the initialization of the first interface element may be to determine the first interface element according to the marking information of the interface element. In the editing process in the cross-platform game engine cocos tool, an interface element marked as True by the is_shake is determined as a first interface element. Then, a moving direction of the lens may be determined according to the first direction of the touch operation, and the moving direction of the lens may be output, so that the first interface element determines a second direction opposite to the moving direction of the lens. Finally, the first interface element may be controlled to move in the second direction, or the first interface element may be controlled to move in the second direction according to the determined movement amplitude.
Fig. 9 shows a schematic view of an application interface before adjustment of interface elements in an application scene, where the first interface elements are in initial positions, that is, the combat button interface in the lower right corner area and the blood volume information interface in the upper left corner are in initial positions, as shown in fig. 9.
Fig. 10 shows an application interface schematic diagram after interface element adjustment in an application scene, and as shown in fig. 10, a player initiates a left touch operation, and a combat button interface in the lower right corner and a blood volume information interface in the upper left corner move to the right and move to a target position. When the touch operation of the player stops, the combat button interface and the blood volume information interface return to the initial positions from the target positions. It should be noted that the three buttons on the lower left, namely, quick transfer, debug, and Custom, may be determined as the second interface element, and the three buttons remain in the display state of the initial position and do not follow the movement during the movement of the first interface element following the touch operation.
In an exemplary embodiment of the present disclosure, the first display state of the first interface element may be adjusted by a movement parameter determined according to a touch operation. On the one hand, the first display state of the first interface element is controlled only according to the movement parameters, the display states of other interface elements are not adjusted, the immersion of the player is improved, the player can conveniently and timely check game information, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the moving parameters are determined through touch operation, so that the hysteresis sense that the first interface element moves along with the lens can be created, and the fusion sense of the first interface element and the game scene is enhanced.
It should be noted that while the implementations of the above exemplary embodiments describe the steps of the methods in this disclosure in a particular order, this does not require or imply that the steps must be performed in that particular order or that all of the steps must be performed in order to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step to perform, and/or one step decomposed into multiple steps to perform, etc.
In addition, in an exemplary embodiment of the present disclosure, an interface element adjustment apparatus is also provided. Fig. 11 shows a schematic structural diagram of an interface element adjustment device, and as shown in fig. 11, an interface element adjustment device 1100 may include: an element determination module 1110, a scene movement module 1120, a status adjustment module 1130. Wherein:
an element determination module 1110 configured to determine at least a first interface element of the graphical user interface; a scene movement module 1120 configured to control movement of a game scene according to a touch operation in response to the touch operation on the graphical user interface; the state adjustment module 1130 is configured to obtain a movement parameter of the touch operation, and control a first display state of the first interface element according to the movement parameter.
The specific details of the interface element adjustment device are described in detail in the corresponding interface element adjustment method, so that the details are not repeated here.
It should be noted that although several modules or units of interface element adjustment device 1100 are mentioned in the detailed description above, such partitioning is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit in accordance with embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into a plurality of modules or units to be embodied.
Furthermore, although the steps of the methods in the present disclosure are depicted in a particular order in the drawings, this does not require or imply that the steps must be performed in that particular order or that all illustrated steps be performed in order to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step to perform, and/or one step decomposed into multiple steps to perform, etc.
From the above description of embodiments, those skilled in the art will readily appreciate that the example embodiments described herein may be implemented in software, or may be implemented in software in combination with the necessary hardware. Thus, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (may be a CD-ROM, a U-disk, a mobile hard disk, etc.) or on a network, including several instructions to cause a computing device (may be a personal computer, a server, a mobile terminal, or a network device, etc.) to perform the method according to the embodiments of the present disclosure.
In addition, in an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided.
An electronic device 1200 according to such an embodiment of the application is described below with reference to fig. 12. The electronic device 1200 shown in fig. 12 is merely an example, and should not be construed as limiting the functionality and scope of use of embodiments of the present application.
As shown in fig. 12, the electronic device 1200 is in the form of a general purpose computing device. Components of electronic device 1200 may include, but are not limited to: the at least one processing unit 1210, the at least one memory unit 1220, a bus 1230 connecting the different system components (including the memory unit 1220 and the processing unit 1210), and a display unit 1240.
Wherein the storage unit stores program code that is executable by the processing unit 1210 such that the processing unit 1210 performs steps according to various exemplary embodiments of the present application described in the above-described "exemplary methods" section of the present specification.
The storage unit 1220 may include readable media in the form of volatile storage units, such as Random Access Memory (RAM) 1221 and/or cache memory unit 1222, and may further include Read Only Memory (ROM) 1223.
Storage unit 1220 may also include a program/utility 1224 having a set (at least one) of program modules 1225, such program modules 1225 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each or some combination of which may include an implementation of a network environment.
Bus 1230 may be a local bus representing one or more of several types of bus structures including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or using any of a variety of bus architectures.
The electronic device 1200 may also communicate with one or more external devices 1400 (e.g., keyboard, pointing device, bluetooth device, etc.), one or more devices that enable a user to interact with the electronic device 1200, and/or any devices (e.g., routers, modems, etc.) that enable the electronic device 1200 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 1250. Also, the electronic device 1200 may communicate with one or more networks such as a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the internet through the network adapter 1260. As shown, the network adapter 1240 communicates with other modules of the electronic device 1200 over the bus 1230. It should be appreciated that although not shown, other hardware and/or software modules may be used in connection with electronic device 1200, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage systems, and the like.
From the above description of embodiments, those skilled in the art will readily appreciate that the example embodiments described herein may be implemented in software, or in combination with the necessary hardware. Thus, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (may be a CD-ROM, a U-disk, a mobile hard disk, etc.) or on a network, and includes several instructions to cause a computing device (may be a personal computer, a server, a terminal device, or a network device, etc.) to perform the method according to the embodiments of the present disclosure.
In an exemplary embodiment of the present disclosure, a computer-readable storage medium having stored thereon a program product capable of implementing the method described above in the present specification is also provided. In some possible embodiments, the various aspects of the application may also be implemented in the form of a program product comprising program code for causing a terminal device to carry out the steps according to the various exemplary embodiments of the application as described in the "exemplary methods" section of this specification, when said program product is run on the terminal device.
Referring to fig. 13, a program product 1300 for implementing the above-described method according to an embodiment of the present application is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present application is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium can be, for example, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium would include the following: an electrical connection having one or more wires, a portable disk, a hard disk, random Access Memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The computer readable signal medium may include a data signal propagated in baseband or as part of a carrier wave with readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations of the present application may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C++ or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of remote computing devices, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., connected via the Internet using an Internet service provider).
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any adaptations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
Claims (8)
1. An interface element adjustment method applied to a game application running on a mobile terminal, wherein a graphical user interface is rendered on a display screen of the mobile terminal, the graphical user interface comprising at least a part of a game scene and at least one interface element, the method comprising:
acquiring marking information of interface elements, and classifying the interface elements according to the marking information;
determining at least one first interface element in the graphical user interface according to the classification result, wherein the first interface element comprises an interaction control of a non-information display class;
responding to touch operation on the graphical user interface, and controlling movement of the game scene according to the touch operation;
acquiring movement parameters of the touch operation, and controlling a first display state of the first interface element according to the movement parameters;
determining a second interface element in the graphical user interface according to the classification result, wherein the second interface element comprises a control of an information display class;
maintaining a second display state of the second interface element;
the obtaining the movement parameter of the touch operation, and controlling the first display state of the first interface element according to the movement parameter includes:
acquiring a first direction of the touch operation, and determining a second direction opposite to the first direction according to the first direction;
the first interface element is controlled to move in the second direction.
2. The method for adjusting an interface element according to claim 1, wherein the obtaining the movement parameter of the touch operation, and controlling the first display state of the first interface element according to the movement parameter, includes:
acquiring the moving distance of the touch operation, and determining a moving amplitude according to the moving distance;
controlling the first interface element to move in the second direction according to the movement amplitude.
3. The interface element adjustment method of claim 2, wherein the movement magnitude is positively correlated with the movement distance.
4. The interface element adjustment method according to claim 1 or 2, characterized in that the method further comprises:
and controlling the first interface element to return to the initial position of the first interface element within the time threshold after the movement.
5. The interface element adjustment method of claim 4, further comprising:
generating a corresponding first sequence frame animation according to a first moving process of the first interface element from the initial position to a target position;
and generating a corresponding second sequence frame animation according to a second moving process of the first interface element from the target position to the initial position.
6. An interface element adjustment device for a game application running on a mobile terminal, wherein a graphical user interface is rendered on a display screen of the mobile terminal, the graphical user interface comprising at least a portion of a game scene and at least one interface element, the device comprising:
the element determining module is configured to acquire marking information of interface elements and classify the interface elements according to the marking information;
determining at least one first interface element in the graphical user interface according to the classification result, wherein the first interface element comprises an interaction control of a non-information display class;
a scene movement module configured to control movement of the game scene according to a touch operation on the graphical user interface in response to the touch operation;
the state adjustment module is configured to acquire movement parameters of the touch operation and control a first display state of the first interface element according to the movement parameters;
determining a second interface element in the graphical user interface according to the classification result, wherein the second interface element comprises a control of an information display class;
maintaining a second display state of the second interface element;
the obtaining the movement parameter of the touch operation, and controlling the first display state of the first interface element according to the movement parameter includes:
and acquiring a first direction of the touch operation, determining a second direction opposite to the first direction according to the first direction, and controlling the first interface element to move in the second direction.
7. A computer readable storage medium having stored thereon a computer program, characterized in that the computer program, when executed by a transmitter, implements the interface element adjustment method of any of claims 1-5.
8. An electronic device, comprising:
a transmitter;
a memory for storing executable instructions of the transmitter;
wherein the transmitter is configured to perform the interface element adjustment method of any one of claims 1-5 via execution of the executable instructions.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910900528.7A CN110604918B (en) | 2019-09-23 | 2019-09-23 | Interface element adjustment method and device, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910900528.7A CN110604918B (en) | 2019-09-23 | 2019-09-23 | Interface element adjustment method and device, storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110604918A CN110604918A (en) | 2019-12-24 |
| CN110604918B true CN110604918B (en) | 2023-11-17 |
Family
ID=68891917
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910900528.7A Active CN110604918B (en) | 2019-09-23 | 2019-09-23 | Interface element adjustment method and device, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110604918B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113350793A (en) * | 2021-06-16 | 2021-09-07 | 网易（杭州）网络有限公司 | Interface element setting method and device, electronic equipment and storage medium |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109908576A (en) * | 2019-02-22 | 2019-06-21 | 网易（杭州）网络有限公司 | A kind of rendering method and device, electronic equipment, storage medium of information module |
-
2019
- 2019-09-23 CN CN201910900528.7A patent/CN110604918B/en active Active
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109908576A (en) * | 2019-02-22 | 2019-06-21 | 网易（杭州）网络有限公司 | A kind of rendering method and device, electronic equipment, storage medium of information module |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110604918A (en) | 2019-12-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2023279705A1 (en) | Live streaming method, apparatus, and system, computer device, storage medium, and program | |
| KR101851356B1 (en) | Method for providing intelligent user interface by 3D digital actor | |
| CN109260713B (en) | Virtual object remote assistance operation method and device, storage medium and electronic equipment | |
| US20120107790A1 (en) | Apparatus and method for authoring experiential learning content | |
| CN103425479A (en) | User interface for remote device virtualization | |
| US20190278426A1 (en) | Inputting information using a virtual canvas | |
| CN108776544B (en) | Interaction method and device in augmented reality, storage medium and electronic equipment | |
| US20210081029A1 (en) | Gesture control systems | |
| KR102224785B1 (en) | Method And Apparatus for Providing Coding Education Service | |
| CN111862280A (en) | Virtual role control method, system, medium, and electronic device | |
| AU2019222974B2 (en) | Interfaces and techniques to retarget 2d screencast videos into 3d tutorials in virtual reality | |
| CN113806054A (en) | Task processing method and device, electronic equipment and storage medium | |
| CN111481923B (en) | Rocker display method and device, computer storage medium and electronic equipment | |
| CN109391848A (en) | A kind of interactive advertisement system | |
| CN111565320A (en) | Barrage-based interaction method and device, storage medium and electronic equipment | |
| Baldauf et al. | Your browser is the controller: advanced web-based smartphone remote controls for public screens | |
| CN110604918B (en) | Interface element adjustment method and device, storage medium and electronic equipment | |
| CN112752132A (en) | Cartoon picture bullet screen display method and device, medium and electronic equipment | |
| CN108815843B (en) | Control method and device of virtual rocker | |
| CN107770253A (en) | Long-range control method and system | |
| CN112965773A (en) | Method, apparatus, device and storage medium for information display | |
| CN111638787A (en) | Method and device for displaying information | |
| CN111488090A (en) | Interaction method, interaction device, interaction system, electronic equipment and storage medium | |
| US20210216349A1 (en) | Machine interaction | |
| CN114092608A (en) | Expression processing method and device, computer readable storage medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |