CN110604918A - Interface element adjusting method and device, storage medium and electronic equipment - Google Patents
Interface element adjusting method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN110604918A CN110604918A CN201910900528.7A CN201910900528A CN110604918A CN 110604918 A CN110604918 A CN 110604918A CN 201910900528 A CN201910900528 A CN 201910900528A CN 110604918 A CN110604918 A CN 110604918A
- Authority
- CN
- China
- Prior art keywords
- interface element
- interface
- touch operation
- movement
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 85
- 230000008569 process Effects 0.000 claims abstract description 20
- 230000001276 controlling effect Effects 0.000 claims description 23
- 230000000875 corresponding effect Effects 0.000 claims description 10
- 230000002596 correlated effect Effects 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 claims description 3
- 230000003993 interaction Effects 0.000 abstract description 9
- 238000007654 immersion Methods 0.000 abstract description 7
- 230000004927 fusion Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 4
- 239000008280 blood Substances 0.000 description 3
- 210000004369 blood Anatomy 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000006073 displacement reaction Methods 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
- 230000004044 response Effects 0.000 description 2
- 241000737241 Cocos Species 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 239000003550 marker Substances 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
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect 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
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure belongs to the technical field of computers, and relates to an interface element adjusting 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 a graphical user interface; responding to touch operation on the graphical user interface, and controlling the movement of the game scene according to the touch operation; and acquiring a movement parameter of the touch operation, and controlling a first display state of the first interface element according to the movement parameter. 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 the player is improved, meanwhile, the player can conveniently check game information in time, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the movement parameters are determined through touch operation, so that the lagging feeling of the first interface element moving along with the lens can be created, and the fusion feeling of the first interface element and the game scene is enhanced.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to an interface element adjustment method, an interface element adjustment apparatus, a computer-readable storage medium, and an electronic device.
Background
The User Interface (UI) in the game is a medium for the player to interact 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 a stationary UI and a moving game scene just cause a sense of splitting, and thus destroy the sense of immersion of the player in the game. In some games where the sense of substitution is emphasized, a stationary UI is obviously not suitable.
In view of the above, there is a need in the art to develop a new method and apparatus for adjusting interface elements.
It is to be noted that the information disclosed in the above background section is only for enhancement of 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
An object of the present disclosure is to provide an interface element adjusting method, an interface element adjusting apparatus, a computer-readable storage medium, and an electronic device, thereby overcoming, at least to some extent, the problem of a split user interface and a game scene due to limitations of related art.
Additional features and advantages of the disclosure will be set forth in the detailed description which follows, or in part will be obvious from the description, or may be learned by 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 part of a game scene and at least one interface element, the method including: determining at least one first interface element of the graphical user interface; responding to touch operation on the graphical user interface, and controlling the movement of the game scene according to the touch operation; and acquiring a movement parameter of the touch operation, and controlling a first display state of the first interface element according to the movement parameter.
In an exemplary embodiment of the present disclosure, the obtaining a movement parameter of the touch operation and controlling a 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; controlling the first interface element to move in the second direction.
In an exemplary embodiment of the present disclosure, the obtaining a movement parameter of the touch operation and controlling a first display state of the first interface element according to the movement parameter includes: obtaining the moving distance of the touch operation, and determining a moving amplitude according to the moving distance; and 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 moving amplitude is positively correlated with the moving 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 moved time threshold.
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 present 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 an exemplary embodiment of the present disclosure, the first interface element includes an interactive control of a non-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; maintaining a second display state of the second interface element.
According to an aspect of the present disclosure, there is provided an interface element adjusting apparatus, the apparatus including: an element determination module configured to determine at least a first interface element of the graphical user interface; a scene moving module configured to respond to a touch operation on the graphical user interface and control the movement of the game scene according to the touch operation; and the state adjusting module is configured to acquire a movement parameter of the touch operation and control a first display state of the first interface element according to the movement parameter.
According to an 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 exemplary embodiments.
According to an 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 foregoing technical solutions, the interface element adjusting method, the interface element adjusting apparatus, 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 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, meanwhile, the player can conveniently check the game information in time, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the movement parameters are determined through touch operation, so that the lagging feeling of the first interface element moving along with the lens can be created, and the fusion feeling 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 present disclosure and together with the description, serve to explain the principles of the disclosure. It is to be understood that the drawings in the following description are merely exemplary of the disclosure, and that other drawings may be derived from those drawings by one of ordinary skill in the art without the exercise of inventive faculty.
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 chart 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 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 disclosure;
FIG. 5 schematically illustrates a flow diagram of a method of generating a sequence frame animation in an exemplary embodiment of the disclosure;
FIG. 6 schematically illustrates a flow chart 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 game lens orientation and a second orientation in an exemplary embodiment of the present disclosure;
FIG. 8 is a schematic flow chart illustrating shaking and dropping of an interface element in an application scenario according to an exemplary embodiment of the disclosure;
FIG. 9 is a schematic diagram illustrating an application interface in an application scenario of an exemplary embodiment of the present disclosure before interface element adjustment;
FIG. 10 is a schematic diagram illustrating an adjusted application interface of an interface element in an application scenario in accordance with an exemplary embodiment of the present disclosure;
fig. 11 is a schematic structural diagram of an interface element adjustment apparatus according to 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. Example embodiments may, however, be embodied in many different 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 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 disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and the like. 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/parts/etc.; the terms "comprising" and "having" are intended to be inclusive and mean that there may be additional elements/components/etc. other than the listed elements/components/etc.; the terms "first" and "second", etc. are used merely as labels, and are not limiting on 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 their repetitive description 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.
In order to solve the problems in the related art, the present disclosure provides an interface element adjustment method, which is applied to a game application running on a mobile terminal, and is characterized in that a graphical user interface is rendered on a display screen of the mobile terminal, and the graphical user interface includes at least a part of a game scene and at least one interface element.
The mobile terminal can be an electronic device such as a smart phone, a tablet computer, a notebook computer, a game machine and the like. The graphical user interface rendered on the display screen of the mobile terminal may be a medium for interaction and information exchange between games and players, enabling conversion between an internal form of information and a human-acceptable form. The graphical user interface is broadly 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 interaction therewith by a player.
Fig. 1 shows a flowchart of an interface element adjustment method, and as shown in fig. 1, the interface element adjustment method at least includes 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 the movement of the game scene according to the touch operation.
S130, obtaining a movement parameter of the touch operation, and controlling a first display state of the first interface element according to the movement parameter.
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 the touch operation. 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 the player is improved, meanwhile, the player can conveniently check the game information in time, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the movement parameters are determined through touch operation, so that the lagging feeling of the first interface element moving along with the lens can be created, and the fusion feeling of the first interface element and the game scene is enhanced.
The following describes each step of the interface element adjustment method in detail.
In step S110, at least a 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 comprising at least the steps of: in step S210, label information of the interface elements is obtained, and the interface elements are classified according to the label information. Since the interface element adjustment method can adjust the display state of the interface element, the marker information may be information that marks whether the interface element is adjusted. For example, in a combat interface, an is _ shake mark may be assigned to an interface element, and the is _ shake mark may distinguish whether the interface element moves or does not move. Further, the is _ shake flag of the interface element that moves may be set to True, and the is _ shake flag of the interface element that does not move may be set to False.
When edited in a game engine (e.g., a cos engine) tool, each interface element can be considered a node, e.g., noted cc. A node parent node can accommodate a plurality of cc.node child nodes, and when the cc.node parent node moves, the cc.node child nodes under the node parent node also move along with the cc.node parent node. When the interface element is loaded into a game scene, the interface element cc.node node with the is _ shake marked as True is loaded under a cc.node node as a child node, and the whole cc.node parent node is named as shake _ node; correspondingly, the interface element cc.node node which is marked as False by the is _ shake is loaded under a cc.node node as a child node, and the whole cc.node parent node is named as a node _ shake _ node.
In view of this, interface elements may be classified according to their is _ shake flag settings.
In step S220, at least a first interface element in the graphical user interface is determined according to the classification result. For example, if the is _ shake flag of the interface element is 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 is determined. In addition, the first interface element to be moved subsequently may also be determined according to other mark information of the interface element, which is not particularly limited in this exemplary embodiment.
In an alternative embodiment, the first interface element includes an interactive control that is not an information presentation class. While moving the interface elements may provide better immersion, the shaking of portions of the interface elements may cause the player to be unable to accurately learn the information, thereby providing an uncomfortable look. Thus, the determined first interface element may be a non-information presentation-like interaction control, such as a joystick, a combat button, or the like.
In the exemplary embodiment, the first interface element which moves in the graphical user interface can be determined through the classification information of the interface elements, the classification mode is simple, and the determination mode is accurate; in addition, the setting of the child node and the father node of the editing tool can reduce the workload and save the element adjusting time.
In step S120, in response to a 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, for example, and the movement of the game scene may be controlled according to a movement track or a click position of the movement operation. Generally, the movement of the game scene may be that a player operates a joystick on the graphical user interface to change the game scene when the game scene is transferred, and the game scene is associated with the presentation content of the graphical user interface, i.e. the game scene, so that the movement of the game scene is controlled according to the 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 flowchart of a method of controlling a first display state according to a movement parameter, as shown in fig. 3, the method at least comprising the steps of: in step S310, a first direction of the touch operation is obtained, 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 direction of the sliding operation 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 the first direction as upward; sliding from the left of the display screen to the right 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 is not particularly limited in this exemplary embodiment.
After the first direction is acquired, a direction opposite to the first direction may be determined as a second direction. For example, if the first direction is upward, the second direction is downward; if the first direction is to the right, the second direction is to the left, etc.
In step S320, the first interface element is controlled to move in the second direction. In order to create a hysteresis feeling that the lens moves and the first interface element follows, 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 may be controlled to turn rightward, and at this time, the first interface element may be offset by a certain distance in the leftward direction.
In the exemplary embodiment, the first interface element can be controlled to move in the determined direction through touch operation, so that a lagging feeling of the first interface element moving along with a lens is created, a fusion feeling of the first interface element and a game scene is increased, and user experience is optimized.
To further optimize the effect of the movement of the first interface element, the magnitude of the movement 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 moving distance of the touch operation is obtained, and a moving amplitude is determined according to the moving 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 to complete the sliding operation. When the sliding operation of the display screen by the user is detected, the mobile terminal can obtain the distance of the sliding operation, namely the moving distance. The movement distance may be a distance from the operation start point to the operation end point in the operation by the user, or may be a track length of the slide operation.
And determining the movement amplitude according to the determined movement distance to serve as a movement basis of the first interface element. Specifically, the manner of determining the moving amplitude may be to set a distance interval for the moving distance, and if the moving distance is in a target distance interval, the corresponding moving amplitude may be obtained according to the target distance interval. For example, the preset correspondence between the moving distance and the moving amplitude in the horizontal direction may be that when the moving distance is less than 20, the moving amplitude is 0; when the moving distance is more than or equal to 20 and less than or equal to 30, the moving amplitude is 3 times of the moving distance; when the moving distance is greater than 30, the moving amplitude is 30. It can be seen that the magnitude of the moving amplitude 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 the movement is positively correlated to the distance of movement. For example, the moving amplitude may be 3 times of the moving distance, or may be other positive correlation relations, which is not particularly limited in this exemplary embodiment.
The preset correspondence between the moving distance and the moving amplitude in the vertical direction may be that when the moving distance is less than 20, the moving amplitude is 0; when the moving distance is more than or equal to 20 and less than or equal to 30, the moving amplitude is 1.5 times of the moving distance; when the moving distance is more than 30, the moving amplitude is 15. It can be seen that the magnitude of the moving amplitude in the horizontal direction may be a preset value, and the preset threshold may be 0 or 15, or may be other values, which is not limited in this exemplary embodiment. In an alternative embodiment, the magnitude of the movement is positively correlated to the distance of movement. For example, the moving amplitude may be 1.5 times of the moving distance, or may be other positive correlation relations, which is not particularly limited in this exemplary embodiment.
In addition, other methods for determining the moving amplitude according to the moving distance may be used, and this exemplary embodiment is not particularly limited to this.
In step S420, the first interface element is controlled to move in the second direction according to the movement magnitude. After determining the second direction and the magnitude of movement, the first interface element may be controlled to move in the second direction according to the magnitude of movement.
In the embodiment, the movement state of the first interface element is determined from two dimensions of the movement direction and the movement amplitude, and the first display state of the first interface element is controlled more accurately, so that 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. To avoid the first interface element from moving repeatedly in the cycle, a time threshold may be preset to control the time for the first interface element to return to the initial position. The time threshold may be 1s, 0.1s, or other time thresholds, which is not limited in this exemplary embodiment. For example, if the initial position of the first interface element is (x)1,y1) Then the first interface element is moved from the initial position (x) within a time threshold of 1s1,y1) Move to the target position (x) at a constant speed1+a,y1+ b) to (x)1+a,y1+ b) after, from (x)1+a,y1+ b) moving to (x) at constant speed1,y1)。
During the movement and return of 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, the method comprising at least the steps of: in step S510, a corresponding first sequence frame animation is generated according to a first moving 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,y1) Then, the first interface element may be moved from the initial position (x)1,y1) Move to the target position (x) at a constant speed1+a,y1+ b). The first interface element is moved from an initial position (x)1,y1) Move to the target position (x) at a constant speed1+a,y1The process of + b) may be a first move process, which is a first sequence frame animation. The principle of the sequence 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, and continuously play the contents to form the animation. That is, the first moving process is drawn frame by frame, resulting in a first sequence frame animation.
When the player initiates the touch operation, the first sequence frame animation is immediately generated and executed. Then, the touch operation continues to function, but the first interface element no longer accepts the movement request, but continues to execute the first sequence frame animation.
In step S520, according to a second moving process of the first interface element from the target position back to the initial position, a corresponding second sequence frame animation is generated. For example, the first interface element is from a target position (x)1+a,y1+ b) moving to initial position (x) at uniform speed1,y1) Then, the second moving process returning from the target position to the initial position is the second sequence frame animation, i.e. the second moving process is drawn frame by frame, and the second sequence frame animation is generated.
And at the end of the first sequence frame animation, the first interface element moves to the maximum displacement, and if the touch operation continues to act, the first interface element can stay at the maximum displacement. And when the touch operation stops acting, immediately executing the second sequence of frame animations, and returning the first interface element to the initial position.
In addition, during the process of executing the first sequence frame animation, the touch operation stops working, the first sequence frame animation can be immediately stopped from being executed, and the second sequence frame animation moving from the current position to the initial position can be executed.
In the exemplary embodiment, the moving mode of the first interface element can be determined through the first sequence frame animation and the second sequence frame animation under the condition that the visual angle of the player is changed, so that the function of moving the first interface element in real time is realized, and the interaction 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 shows a flow diagram of a method of controlling a second display state of a second interface element, which method comprises at least the following steps, as shown in fig. 6: in step S610, a second interface element of the graphical user interface is determined according to the classification result. Since the information presentation-type control, such as a pop-up window, a floating character, a pop-up screen, etc., can present game information to the player through characters, if the player moves, the player may feel uncomfortable in order to clearly see what is being slid. Thus, these controls may be determined to be the second interface element. When editing in the cross-platform game engine cos tool, the interface element cc.node node with is _ shake marked as False can be loaded under a cc.node node as its child node, and the whole cc.node parent node is named as node _ shake _ node. Therefore, the interface element with the is _ shake flag marked False may be determined as the second interface element.
In step S620, the second display state of the second interface element is maintained. The second interface element can display corresponding text information, so that the second display state of the second interface element does not need to be adjusted according to the movement parameter, and the second display state can be kept unchanged.
In the exemplary embodiment, the determined second interface element maintains the second display state of the second interface element, that is, the display state can be defined differently according to different interface element differences, so that the immersion of the player is improved, 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 with reference to an application scenario.
Fig. 7 is a schematic diagram illustrating a direction of a game lens and a second direction in which a first interface element moves, and as shown in fig. 7, a player controls the movement of the game lens through a touch operation, and thus, a moving direction 710 of the game lens may be a direction that coincides with the first direction of the touch operation. However, since the second direction 720 is opposite to the first direction, the moving direction 710 of the game lens may be determined to be opposite to the second direction 720. When the direction of movement 710 of the game lens is the upper left corner of the display screen, the second direction of movement 720 of the first interface element may be the lower right corner of the display screen.
Fig. 8 is a flowchart illustrating an interface element shaking method in an application scene, and as shown in fig. 8, initialization of the first interface element may be to determine the first interface element according to mark information of the interface element. In the editing process of the cross-platform game engine cocos tool, the interface element of which the is _ shake is marked as True is determined as the first interface element. Then, the moving direction of the lens can be determined according to the first direction of the touch operation, and the moving direction of the lens is 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, and the first interface element may also be controlled to move in the second direction according to the determined movement magnitude.
Fig. 9 is a schematic diagram of the application interface before the interface elements in the application scene are adjusted, and as shown in fig. 9, the first interface elements are both in the initial positions, that is, the battle button interface in the lower right corner region and the blood volume information interface in the upper left corner are both in the initial positions.
Fig. 10 shows a schematic diagram of an application interface after interface elements in an application scene are adjusted, as shown in fig. 10, a player initiates a touch operation to the left, and both a battle button interface at the lower right corner and a blood volume information interface at the upper left corner move to the right and move to a target position. When the touch operation of the player stops, the battle button interface and the blood volume information interface return to the initial position from the target position. It should be noted that the three buttons at the bottom left, namely, the quick transfer, Debug, and Custom, may be determined as the second interface element, and in the process that the first interface element moves along with the touch operation, the three buttons maintain the display state of the initial position and do not follow the movement.
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 the touch operation. 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 the player is improved, meanwhile, the player can conveniently check the game information in time, the game experience of the player is ensured, and the interaction process of the player is not influenced; on the other hand, the movement parameters are determined through touch operation, so that the lagging feeling of the first interface element moving along with the lens can be created, and the fusion feeling of the first interface element and the game scene is enhanced.
It should be noted that although the above exemplary embodiment implementations describe the various steps of the method in the present disclosure in a particular order, this does not require or imply that these steps must be performed in that particular order, or that all of the steps must be performed, to achieve the desired results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions, etc.
In addition, in an exemplary embodiment of the present disclosure, an interface element adjusting apparatus is also provided. Fig. 11 is a schematic structural diagram of an interface element adjusting apparatus, and as shown in fig. 11, the interface element adjusting apparatus 1100 may include: element determination module 1110, scene movement module 1120, state adjustment module 1130. Wherein:
an element determination module 1110 configured to determine at least a first interface element of a graphical user interface; a scene moving module 1120 configured to control movement of the 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 acquire 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 adjusting device have been described in detail in the corresponding interface element adjusting method, and therefore are not described herein again.
It should be noted that although several modules or units of the interface element adjustment apparatus 1100 are mentioned in the above detailed description, such division 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, according to embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.
Moreover, although the steps of the methods of the present disclosure are depicted in the drawings in a particular order, this does not require or imply that the steps must be performed in this particular order, or that all of the depicted steps must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions, etc.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, 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 (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a mobile terminal, or a network device, etc.) to execute 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 invention is described below with reference to fig. 12. The electronic device 1200 shown in fig. 12 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 12, the electronic device 1200 is embodied in the form of a general purpose computing device. The components of the electronic device 1200 may include, but are not limited to: the at least one processing unit 1210, the at least one memory unit 1220, the bus 1230 connecting the various system components (including the memory unit 1220 and the processing unit 1210), and the display unit 1240.
Wherein the memory unit stores program code that is executable by the processing unit 1210 to cause the processing unit 1210 to perform steps according to various exemplary embodiments of the present invention as described in the above section "exemplary methods" of the present specification.
The storage unit 1220 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)1221 and/or a cache memory unit 1222, and may further include a read only memory unit (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 of which, or some combination thereof, may comprise an implementation of a network environment.
Bus 1230 may be 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 a local bus 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.), with one or more devices that enable a user to interact with the electronic device 1200, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 1200 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 1250. Also, the electronic device 1200 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 1260. As shown, the network adapter 1240 communicates with the other modules of the electronic device 1200 via the bus 1230. It should be appreciated that although not shown, other hardware and/or software modules may be used in conjunction with the electronic device 1200, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, 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 (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.
In an exemplary embodiment of the present disclosure, there is also provided a computer-readable storage medium having stored thereon a program product capable of implementing the above-described method of the present specification. In some possible embodiments, aspects of the invention may also be implemented in the form of a program product comprising program code means for causing a terminal device to carry out the steps according to various exemplary embodiments of the invention described in the above-mentioned "exemplary methods" section of the present description, when said program product is run on the terminal device.
Referring to fig. 13, a program product 1300 for implementing the above method according to an embodiment of the present invention 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 invention is not limited in this regard and, in the present 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. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. 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 for aspects of the present invention 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 and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, 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., through 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 variations, 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 (12)
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:
determining at least one first interface element of the graphical user interface;
responding to touch operation on the graphical user interface, and controlling the movement of the game scene according to the touch operation;
and acquiring a movement parameter of the touch operation, and controlling a first display state of the first interface element according to the movement parameter.
2. The interface element adjustment method according to claim 1, wherein the obtaining a movement parameter of the touch operation and controlling a 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;
controlling the first interface element to move in the second direction.
3. The interface element adjustment method according to claim 2, wherein the obtaining a movement parameter of the touch operation and controlling a first display state of the first interface element according to the movement parameter includes:
obtaining the moving distance of the touch operation, and determining a moving amplitude according to the moving distance;
and controlling the first interface element to move in the second direction according to the movement amplitude.
4. The interface element adjustment method according to claim 3, wherein the movement amplitude is positively correlated with the movement distance.
5. The interface element adjustment method according to claim 2 or 3, further comprising:
and controlling the first interface element to return to the initial position of the first interface element within the moved time threshold.
6. The interface element adjustment method of claim 5, 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.
7. The interface element adjustment method of claim 1, wherein said determining at least a first interface element of the graphical user interface comprises:
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.
8. The interface element adjustment method according to claim 7, wherein the first interface element includes an interactive control of a non-information presentation class.
9. The interface element adjustment method of claim 7, further comprising:
determining a second interface element in the graphical user interface according to the classification result;
maintaining a second display state of the second interface element.
10. An interface element adjustment apparatus, comprising:
an element determination module configured to determine at least a first interface element of the graphical user interface;
a scene moving module configured to respond to a touch operation on the graphical user interface and control the movement of the game scene according to the touch operation;
and the state adjusting module is configured to acquire a movement parameter of the touch operation and control a first display state of the first interface element according to the movement parameter.
11. A computer-readable storage medium on which a computer program is stored, the computer program, when executed by a transmitter, implementing the interface element adjustment method of any one of claims 1 to 9.
12. 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-9 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 true CN110604918A (en) | 2019-12-24 |
| CN110604918B 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) |
Cited By (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 |
Cited By (2)
| 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 |
| CN113350793B (en) * | 2021-06-16 | 2024-04-30 | 网易（杭州）网络有限公司 | Interface element setting method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110604918B (en) | 2023-11-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11412292B2 (en) | Video processing method, video processing device, and storage medium | |
| KR101787588B1 (en) | Manipulating graphical objects | |
| KR101851356B1 (en) | Method for providing intelligent user interface by 3D digital actor | |
| CN103425479A (en) | User interface for remote device virtualization | |
| US20120107790A1 (en) | Apparatus and method for authoring experiential learning content | |
| AU2019222974B2 (en) | Interfaces and techniques to retarget 2d screencast videos into 3d tutorials in virtual reality | |
| KR102224785B1 (en) | Method And Apparatus for Providing Coding Education Service | |
| CN108776544B (en) | Interaction method and device in augmented reality, storage medium and electronic equipment | |
| CN111862280A (en) | Virtual role control method, system, medium, and electronic device | |
| US20180311574A1 (en) | Dual input multilayer keyboard | |
| CN109391848A (en) | A kind of interactive advertisement system | |
| US10701431B2 (en) | Handheld controller gestures for virtual reality video playback | |
| CN111481923A (en) | Rocker display method and device, computer storage medium and electronic equipment | |
| US20140317549A1 (en) | Method for Controlling Touchscreen by Using Virtual Trackball | |
| CN110604918B (en) | Interface element adjustment method and device, storage medium and electronic equipment | |
| 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 | |
| CN100425023C (en) | Method and system for displaying element in network game | |
| CN114092608B (en) | Expression processing method and device, computer readable storage medium and electronic equipment | |
| US20180053350A1 (en) | AR/VR Device Virtualisation | |
| CN115687816A (en) | Resource processing method and device | |
| CN110853643A (en) | Method, device, equipment and storage medium for voice recognition in fast application | |
| Chang et al. | An interactive multimedia storybook demonstration system | |
| WO2023273722A1 (en) | Interface information processing method and apparatus, and storage medium and device |
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 |