Self-adaptive revolving method and device of mobile terminal web game

A web game and mobile terminal technology, applied in the direction of program control device, graphics and image conversion, data processing input/output process, etc., can solve problems affecting game experience, unfavorable viewing, small screen, etc., and achieve the effect of improving game experience

Active Publication Date: 2016-03-30
广州江离科技有限公司
View PDF4 Cites 12 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

If the mobile terminal has turned on the automatic rotation setting, the player only needs to rotate the phone, such as image 3 As shown, the webpage game page will also rotate accordingly, so that the webpage game can be operated normally in full screen according to the original design ratio of the webpage game; however, if the mobile terminal does not enable the automatic rotation setting, even if the player rotates the mobile phone, the webpage game will still be displayed according to the original ratio In the middle of the browser, such as Figure 4 As shown, the screen will still be small, which is not conducive to operation and viewing, which directly affects the experience of the game

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Self-adaptive revolving method and device of mobile terminal web game
  • Self-adaptive revolving method and device of mobile terminal web game
  • Self-adaptive revolving method and device of mobile terminal web game

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0041] see Figure 5 , which is a flow chart of steps of a method for adaptive rotation of a mobile terminal web game according to the present invention, comprising the following steps:

[0042] S11: Set the web game page in the block element of the container class.

[0043] Set the entire web game page in a block element. The block element is a concept in the HTML (Hypertext Markup Language) specification. It refers to an element displayed in a block. Its height and width can be set. The block element of the container class Other webpage elements can be placed therein, and the block elements of the container class described here can be iframe, div, etc. This step is to set the web game in a block element of container type, and the width and height ratio of the block element is consistent with the width and height ratio of the game background during game design, so as to further set the entire block element.

[0044] S12: Determine whether the webpage game is operated in a h...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention relates to a self-adaptive revolving method of a mobile terminal web game, comprising: setting the web game in the block element of a container class; judging whether the web game is horizontal screen operation or vertical screen operation, monitoring and judging whether the mobile terminal is in the horizontal screen state through a monitoring event, revolving the block element for 90 degrees, wherein the block element is the block element in which the horizontal screen operation web game not in the horizontal screen state is located; setting the proportion of the height and the width of the block element according to the proportion of the width and the height of the screen of the mobile terminal. In addition, the invention also provides a self-adaptive revolving device of the mobile terminal web game. Compared with the prior art, the method and device of the invention enable the web game to be automatically revolved to the horizontal screen state when the mobile terminal is in vertical screen state, thus improving the game experience degree.

Description

technical field [0001] The invention belongs to the field of webpage game design, and in particular relates to a method and device for adaptive rotation of a mobile terminal webpage game. Background technique [0002] A web game is an online game based on a web browser, without downloading the client. For mobile terminals, it mainly refers to web games based on HTML5. The entity of the game is in the form of a web page. The built-in browser of software such as WeChat to display and play games. [0003] Web games will be designed in the form of horizontal screen or fixed screen, such as figure 1 As shown, the vertical screen browser game A means that the height of the game page is greater than the width, and the horizontal screen browser game B means that the height of the game page is smaller than the width. At present, most of our mobile terminals are mainly displayed in a vertical screen setting for the convenience of holding, that is, the height is greater than the widt...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06T3/60G06F9/44
CPCG06F3/0338G06F3/14G06F9/451G06T3/60G06T2207/20092
Inventor 刘冠隆梁立谨黄兵周
Owner 广州江离科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap