CN110251939A - A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method - Google Patents
A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method Download PDFInfo
- Publication number
- CN110251939A CN110251939A CN201910431352.5A CN201910431352A CN110251939A CN 110251939 A CN110251939 A CN 110251939A CN 201910431352 A CN201910431352 A CN 201910431352A CN 110251939 A CN110251939 A CN 110251939A
- Authority
- CN
- China
- Prior art keywords
- suspension ball
- game
- screen
- suspension
- menu
- 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.)
- Pending
Links
- 239000000725 suspension Substances 0.000 title claims abstract description 99
- 238000011017 operating method Methods 0.000 title claims abstract description 15
- 239000003550 marker Substances 0.000 claims description 2
- 230000000903 blocking effect Effects 0.000 description 3
- 238000000034 method Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000002860 competitive effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000009877 rendering Methods 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/40—Processing input control signals of video game devices, e.g. signals generated by the player or derived from the environment
- A63F13/42—Processing input control signals of video game devices, e.g. signals generated by the player or derived from the environment by mapping the input signals into game commands, e.g. mapping the displacement of a stylus on a touch screen to the steering angle of a virtual vehicle
-
- 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/50—Controlling the output signals based on the game progress
- A63F13/52—Controlling the output signals based on the game progress involving aspects of the displayed game scene
-
- 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/50—Controlling the output signals based on the game progress
- A63F13/53—Controlling the output signals based on the game progress involving additional visual information provided to the game scene, e.g. by overlay to simulate a head-up display [HUD] or displaying a laser sight in a shooting game
-
- 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/60—Generating or modifying game content before or while executing the game program, e.g. authoring tools specially adapted for game development or game-integrated level editor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Optics & Photonics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating methods, suspension ball is shown in screen side, the display at hide menu interface can be realized by clicking suspension ball, suspension ball is contacted by the long period, and carry out sliding and realize that the dragging of suspension ball is mobile, and after dragging, suspension ball can automatic rebounding to screen left side, so that suspension ball does not block interface, player experience is improved.
Description
Technical field
The present invention relates to control technology field, more particularly to a kind of vertical screen H5 game sideslip menu suspension ball figure
Shape interface and operating method.
Background technique
Currently, network communication is quickly grown, using generally, PC terminal and mobile terminal are not only drawn for PC terminal and mobile terminal
The close distance of person to person's exchange, while the more recreations of people have been brought, modern society, people generally utilize PC terminal
With mobile terminal as the amusement and recreation tool in daily life, the activity most often carried out be exactly music, network dialogue and
Competitive game.Especially electronic game possesses large quantities of consumers, and routine use PC terminal or mobile terminal are logged in,
Simultaneously with the development of game, game form is changeable, and function is more, brings player and more experiences, with the increase of function, player
The change that can carry out Game Setting by the way that menu is arranged in interface, so that game experiencing is more high-quality.
It is often to pull down column, sideslip column or fixed key by menu setting but in traditional Game Menu setting,
Menu setting open position immobilizes, or fixed key blocks interface, to reduce player gaming experience.
Therefore, how to realize that Game Menu is hidden, can drag, not blocking interface, improving player gaming experience is this
The problem of field technical staff's urgent need to resolve.
Summary of the invention
In view of this, the present invention provides a kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method,
Suspension ball is shown in screen side, can be realized the display at hide menu interface by clicking suspension ball, be contacted by the long period
Suspension ball, and carry out sliding and realize that the dragging of suspension ball is mobile, and after dragging, suspension ball being capable of automatic rebounding extremely screen
Curtain left side improves player experience so that suspension ball does not block interface.
To achieve the goals above, the present invention adopts the following technical scheme:
A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces, comprising: the suspension ball includes screen suspension icon
With hide menu interface；The screen suspension icon links display with the hide menu interface；The screen suspension icon is aobvious
Show in screen side.
A kind of vertical screen H5 game sideslip menu suspension ball operating method, after opening interface, to the tool of the suspension ball
Body operating procedure are as follows:
Step 1: judging whether operation object is the suspension ball according to the ID of the suspension ball, if it is, entering step
Rapid 2；
Step 2: receiving the operational order that the suspension ball is clicked or pulled, and judge the suspension ball operation visitor
Family end attribute enters step 4 if the suspension ball operates in the end PC；Otherwise judge that suspension ball operates in mobile terminal, enter
Step 3；
Step 3: judging the operational attribute, if it is the clicking operation, enter step 4, be otherwise judged as described
Drag operation enters step 5；
Step 4: popping up the hide menu interface, terminate the suspension ball operation；
Step 5: follow the operation trace to carry out the suspension ball mobile, when the operation trace terminates, the suspension
Ball recoils to the screen side, terminates the suspension ball operation.
Preferably, obtaining the suspension ball ID is realized using the getElementById function of JavaScript code
's.
Preferably, judge that the client terminal attribute is realized by the UserAgent marker for judgment of the client, different institutes
The UserAgent condition code for stating client is different.
Preferably, the operational attribute is judged by the suspension ball from the time for being detached from and touching is touched, when
The time is determined as the clicking operation less than 120 milliseconds, is otherwise determined as the drag operation.
Preferably, the suspension ball records the current X-axis and Y-axis of the suspension ball when the mobile terminal is mobile in real time
Coordinate enables the X axis coordinate of the suspension ball be reset to 0, Y axis coordinate is constant, so that the suspension when the drag operation terminates
Ball recoils to the screen side, can prevent setting menu page from blocking interface.
Preferably, the hide menu interface skids off display by the screen side avris.
It can be seen via above technical scheme that compared with prior art, the present disclosure provides a kind of vertical screen H5 game
Menu suspension ball graphical interfaces and operating method are changed in side, interface are provided with suspension ball, suspension ball chain is connected to hide menu
Interface, when clicking suspension ball, hide menu interface is breakked away out on the left of interface, and player can pass through hide menu interface
Game Setting is carried out, when mobile terminal carries out game operation, the suspension ball on the left of screen can carry out drag operation, and the long period connects
Suspension ball is touched, is slided on the screen, suspension ball can move on the screen according to sliding trace, at the end of dragging, hang
Floating ball recoils to screen left side with current longitudinal axis height on the screen, does not influence interface and shows.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
The embodiment of invention for those of ordinary skill in the art without creative efforts, can also basis
The attached drawing of offer obtains other attached drawings.
Fig. 1 attached drawing is suspension ball operational flowchart provided by the invention；
Fig. 2 attached drawing is suspension ball display renderings provided by the invention；
Fig. 3 attached drawing is hide menu interface display effect picture provided by the invention.
Specific embodiment
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete
Site preparation description, it is clear that described embodiments are only a part of the embodiments of the present invention, instead of all the embodiments.It is based on
Embodiment in the present invention, it is obtained by those of ordinary skill in the art without making creative efforts every other
Embodiment shall fall within the protection scope of the present invention.
The embodiment of the invention discloses a kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces, comprising: suspension ball packet
Include screen suspension icon and hide menu interface；Screen suspension icon links display with hide menu interface；Screen suspension icon
It is shown in screen side.
A kind of vertical screen H5 game sideslip menu suspension ball operating method, after opening interface, to the specific behaviour of suspension ball
Make step are as follows:
S1: judge whether operation object is suspension ball according to the ID of suspension ball, if it is, into S2；
S2: receiving the operational order clicked or pulled to suspension ball, and judges that suspension ball runs client terminal attribute, such as
Fruit suspension ball operates in the end PC, then enters step 4；Otherwise judge that suspension ball operates in mobile terminal, into S3；
S3: judging operational attribute, if it is clicking operation, enters step 4, is otherwise judged as drag operation, into step
Rapid 5；
S4: pop-up hide menu interface terminates suspension ball operation；
S5: following operation trace to carry out, suspension ball is mobile, and when operation trace terminates, suspension ball recoils to screen side, knot
The operation of beam suspension ball.
In order to further optimize the above technical scheme, obtaining suspension ball ID is using JavaScript code
What getElementById function was realized, ID is that developer assigns the title of page elements to distinguish disparate modules in webpage.
In order to further optimize the above technical scheme, judge that client terminal attribute is sentenced by the UserAgent label of client
Disconnected to realize, the UserAgent condition code of different clients is different.
In order to further optimize the above technical scheme, operational attribute passes through suspension ball from the time for being touched disengaging touch
Judged, is determined as clicking operation less than 120 milliseconds when the time, is otherwise determined as drag operation.
In order to further optimize the above technical scheme, suspension ball records the current X of suspension ball when mobile terminal is mobile in real time
Axis and Y axis coordinate enable the X axis coordinate of suspension ball be reset to 0 when drag operation terminates, and Y axis coordinate is constant, so that suspension ball returns
Bullet can prevent menu interface from blocking interface, reduce player gaming experience to screen side.
In order to further optimize the above technical scheme, hide menu interface skids off display by screen side avris.
Each embodiment in this specification is described in a progressive manner, the highlights of each of the examples are with other
The difference of embodiment, the same or similar parts in each embodiment may refer to each other.For device disclosed in embodiment
For, since it is corresponded to the methods disclosed in the examples, so being described relatively simple, related place is said referring to method part
It is bright.
The foregoing description of the disclosed embodiments enables those skilled in the art to implement or use the present invention.
Various modifications to these embodiments will be readily apparent to those skilled in the art, as defined herein
General Principle can be realized in other embodiments without departing from the spirit or scope of the present invention.Therefore, of the invention
It is not intended to be limited to the embodiments shown herein, and is to fit to and the principles and novel features disclosed herein phase one
The widest scope of cause.
Claims (7)
1. a kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces characterized by comprising the suspension ball includes screen
Suspension icon and hide menu interface；The screen suspension icon links display with the hide menu interface；The screen is outstanding
Relief mark is shown in screen side.
2. a kind of a kind of vertical screen H5 game sideslip menu suspension ball operating method using claim 1 opens game
Behind interface, to the concrete operation step of the suspension ball are as follows:
Step 1: judging whether operation object is the suspension ball according to the ID of the suspension ball, if it is, entering step 2；
Step 2: receiving the operational order that the suspension ball is clicked or pulled, and judge the suspension ball operation client
Attribute enters step 4 if the suspension ball operates in the end PC；Otherwise judge that suspension ball operates in mobile terminal, enters step
3；
Step 3: judging the operational attribute, if it is the clicking operation, enter step 4, be otherwise judged as the dragging
Operation, enters step 5；
Step 4: popping up the hide menu interface, terminate the suspension ball operation；
Step 5: following the operation trace to carry out, the suspension ball is mobile, and when the operation trace terminates, the suspension ball is returned
Bullet terminates the suspension ball operation to the screen side.
3. a kind of vertical screen H5 game sideslip menu suspension ball operating method according to claim 2, which is characterized in that obtain
The suspension ball ID is realized using the getElementById function of JavaScript code.
4. a kind of vertical screen H5 game sideslip menu suspension ball operating method according to claim 2, which is characterized in that judgement
UserAgent marker for judgment realization of the client terminal attribute by the client, the UserAgent of the different clients
Condition code is different.
5. a kind of vertical screen H5 game sideslip menu suspension ball operating method according to claim 2, which is characterized in that described
Operational attribute is judged by the suspension ball from the time for being detached from and touching is touched, when the time is less than 120 milliseconds
It is determined as the clicking operation, is otherwise determined as the drag operation.
6. a kind of vertical screen H5 game sideslip menu suspension ball operating method according to claim 2, which is characterized in that described
Suspension ball records the current X-axis and Y axis coordinate of the suspension ball, when the drag operation when the mobile terminal is mobile in real time
Terminate, enables the X axis coordinate of the suspension ball be reset to 0, Y axis coordinate is constant, so that the suspension ball recoils to the screen side
Side.
7. a kind of vertical screen H5 game sideslip menu suspension ball operating method according to claim 2, which is characterized in that described
Hide menu interface skids off display by the screen side avris.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910431352.5A CN110251939A (en) | 2019-05-22 | 2019-05-22 | A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910431352.5A CN110251939A (en) | 2019-05-22 | 2019-05-22 | A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110251939A true CN110251939A (en) | 2019-09-20 |
Family
ID=67915210
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910431352.5A Pending CN110251939A (en) | 2019-05-22 | 2019-05-22 | A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110251939A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112764615A (en) * | 2021-01-22 | 2021-05-07 | 维沃移动通信有限公司 | Suspension ball control method and device |
| CN113769399A (en) * | 2021-09-14 | 2021-12-10 | 网易（杭州）网络有限公司 | Method, device, equipment and storage medium for containing function control in game interface |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150277692A1 (en) * | 2013-01-23 | 2015-10-01 | Dongguan Goldex Communication Technology Co., Ltd. | Method for moving icon on terminal and terminal |
| CN106502514A (en) * | 2016-11-04 | 2017-03-15 | 上海传英信息技术有限公司 | The control method of sideslip menu and user terminal |
| CN106775267A (en) * | 2016-11-24 | 2017-05-31 | 广州华多网络科技有限公司 | A kind of method and apparatus of the function menu for showing game plug-in unit |
| CN106886331A (en) * | 2017-01-12 | 2017-06-23 | 青岛海信移动通信技术股份有限公司 | A kind of data processing method of touch terminal, device and touch terminal |
| CN107491253A (en) * | 2017-09-11 | 2017-12-19 | 惠州Tcl移动通信有限公司 | A kind of terminal operation method and terminal |
| CN108268194A (en) * | 2017-08-29 | 2018-07-10 | 广州市动景计算机科技有限公司 | Using the display methods of app channel menus, device and mobile terminal |
| CN108958591A (en) * | 2018-06-29 | 2018-12-07 | 深圳春沐源控股有限公司 | Terminal program control method and terminal device based on suspension button |
| CN109491731A (en) * | 2018-09-07 | 2019-03-19 | 咪咕文化科技有限公司 | A kind of control method, device and the storage medium of suspension button |
-
2019
- 2019-05-22 CN CN201910431352.5A patent/CN110251939A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150277692A1 (en) * | 2013-01-23 | 2015-10-01 | Dongguan Goldex Communication Technology Co., Ltd. | Method for moving icon on terminal and terminal |
| CN106502514A (en) * | 2016-11-04 | 2017-03-15 | 上海传英信息技术有限公司 | The control method of sideslip menu and user terminal |
| CN106775267A (en) * | 2016-11-24 | 2017-05-31 | 广州华多网络科技有限公司 | A kind of method and apparatus of the function menu for showing game plug-in unit |
| CN106886331A (en) * | 2017-01-12 | 2017-06-23 | 青岛海信移动通信技术股份有限公司 | A kind of data processing method of touch terminal, device and touch terminal |
| CN108268194A (en) * | 2017-08-29 | 2018-07-10 | 广州市动景计算机科技有限公司 | Using the display methods of app channel menus, device and mobile terminal |
| CN107491253A (en) * | 2017-09-11 | 2017-12-19 | 惠州Tcl移动通信有限公司 | A kind of terminal operation method and terminal |
| CN108958591A (en) * | 2018-06-29 | 2018-12-07 | 深圳春沐源控股有限公司 | Terminal program control method and terminal device based on suspension button |
| CN109491731A (en) * | 2018-09-07 | 2019-03-19 | 咪咕文化科技有限公司 | A kind of control method, device and the storage medium of suspension button |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112764615A (en) * | 2021-01-22 | 2021-05-07 | 维沃移动通信有限公司 | Suspension ball control method and device |
| CN112764615B (en) * | 2021-01-22 | 2022-06-10 | 维沃移动通信有限公司 | Suspension ball control method and device |
| CN113769399A (en) * | 2021-09-14 | 2021-12-10 | 网易（杭州）网络有限公司 | Method, device, equipment and storage medium for containing function control in game interface |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111185004B (en) | Game control display method, electronic device and storage medium | |
| WO2020134059A1 (en) | Information processing method and apparatus, storage medium, and electronic device | |
| CN104615334B (en) | A kind of quick method and system for removing mobile terminal informing information | |
| CN103049250B (en) | The method of control inerface and terminal | |
| CN107741898A (en) | A kind of game player based on big data operates preference analysis method and system | |
| JP2019193801A (en) | System and method for controlling technical process | |
| CN110251939A (en) | A kind of vertical screen H5 game sideslip menu suspension ball graphical interfaces and operating method | |
| KR101216307B1 (en) | Method and apparatus for controlling game character by pattern input | |
| CN108379837A (en) | Information processing method and device, storage medium, electronic equipment | |
| CN108245885A (en) | Information processing method, device, mobile terminal and storage medium | |
| CN108379844A (en) | Control method, apparatus, electronic device and the storage medium of virtual objects movement | |
| CN107193519A (en) | Display control method and device, computer installation and computer-readable recording medium | |
| CN106484423A (en) | A kind of message display method and device | |
| CN109388472A (en) | Wallpaper displaying method and device, electronic equipment | |
| CN108310768A (en) | The display methods and device of virtual scene, storage medium, electronic device | |
| KR101780195B1 (en) | Electronic game machine, electronic game processing method, and electronic game program | |
| CN107454304A (en) | A kind of terminal control method, control device and terminal | |
| CN109032450A (en) | Mobile terminal and its suspension identification display method | |
| CN106709229B (en) | The method and device of NPC object priority response in a kind of game system | |
| CN104274971B (en) | Gamecontrol system and method | |
| CN107015743A (en) | A kind of suspension key control method and terminal | |
| CN107832000A (en) | Information processing method, device, electronic equipment and storage medium | |
| CN105446597B (en) | The methods of exhibiting of the function introduction information of application program shows device and terminal | |
| JP6726230B2 (en) | Information processing method, apparatus, and program for causing computer to execute the information processing method | |
| CN108225369A (en) | A kind of information acquisition method and device and related media production |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190920 |