CN109908576A - A kind of rendering method and device, electronic equipment, storage medium of information module - Google Patents

A kind of rendering method and device, electronic equipment, storage medium of information module Download PDF

Info

Publication number
CN109908576A
CN109908576A CN201910133739.2A CN201910133739A CN109908576A CN 109908576 A CN109908576 A CN 109908576A CN 201910133739 A CN201910133739 A CN 201910133739A CN 109908576 A CN109908576 A CN 109908576A
Authority
CN
China
Prior art keywords
information module
user interface
module
display
graphic 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
Application number
CN201910133739.2A
Other languages
Chinese (zh)
Other versions
CN109908576B (en
Inventor
于茜
吴少良
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN201910133739.2A priority Critical patent/CN109908576B/en
Publication of CN109908576A publication Critical patent/CN109908576A/en
Application granted granted Critical
Publication of CN109908576B publication Critical patent/CN109908576B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the invention provides a kind of rendering method of information module and device, electronic equipment, storage mediums, graphic user interface is obtained by executing software application on the processor of mobile terminal and rendering on the touch control display of the mobile terminal, it include partial game scene and at least one information module in the graphic user interface, the described method includes: in response to the slide on the graphic user interface, it controls the information module to be slided, to control the display of scene of game described in the graphic user interface;Determine at least one described information module within the scope of the scene of game presented in the graphic user interface;The display form of the information module is determined according to display position of the information module in the graphic user interface, and shows information module according to the display form on the graphical user interface.Using the embodiment of the present invention, the uninteresting sense that effect is more flexible, when reduction player browses is presented in information module.

Description

A kind of rendering method and device, electronic equipment, storage medium of information module
Technical field
The present invention relates to Internet technical fields, rendering method and device, electronics more particularly to a kind of information module Equipment, storage medium.
Background technique
In mobile application or game, the information module of same type is usually shown in graphical user interfaces, and is provided Clue guarantees convenient good viewing experience to estimate browsing progress.Information module includes picture, text information or operation Button.For the presentation mode of information module, traditional way is: using list display in mobile terminal, and lateral or vertical Extend up, can generally tile information module list, merely using plane effect show, using multipage click switching browsing or Multi-screen sliding browsing (common slide up and down type, horizontally slip type), and progress bar, page turning progress are provided, with reaction browse into Degree.The mode presented below for several frequently seen information module is introduced.
Scheme one: 1, all information modules are regularly arranged, information module specification is consistent, arrangement X row crosswise development, or row Arrange the longitudinal development of Y column;2, respective player gesture operation shows information module in screen predetermined region, sliding with fixed-direction Check multi-screen content.
The schematic diagram of scheme is presented in a kind of information module referring to Fig.1, and way is: 1, the information module of all diamond shapes with Two rows of staggered arrangement is laterally extended, and information module cannot be all presented in a page;2, it horizontally slips and shows all information Module builds stereoscopic effect with the dynamic effect of diamond shape picture rotation when switching into interface.In the above scheme, same to browsing The interaction design of specification information module realizes the 3D visual effect of overturning, meets the basic need that player checks information module It asks.But this scheme also has shortcoming: information module presentation effect is more conventional, and 3D visual performance is relatively weak, sliding It is in the process still plane display effect.
Scheme two: 1, can be tiled with good every page of planning shows the quantity (being assumed to be N) of information module;2, information module is total Number≤N, then one page is shown completely;3, information module sum > N, then multipage is shown, supports to click or sliding carries out page turning.
Referring to the schematic diagram that another information module of Fig. 2 is presented, way is: 1, setting 8 information moulds of every page of display Block, information module are laid in every page;If 2, quantity≤8 of such information module, one page are shown completely;If 3, such letter Quantity > 8 of module are ceased, then click lower one page button, page turning shows down the information module of one page;4, interface is quasi- for image with " book " Object simulates the page turning visual effect of book, gives the 3D performance of 2D view.This scheme is in hand trip, to browsing same specification information The interaction design of module realizes perspective, the 3D visual effect of stacking, meets the primary demand that player checks picture.But This scheme has following disadvantage: 1, when information module quantity is considerably less, insufficient one page can not then show that page turning vision is imitated Fruit;And information module quantity it is very more when, need constantly to click button realize page turning, each clicking operation and page turning Visual performance has all interrupted smooth viewing experience.2, performance of the program for information module total quantity, generally requires text Display is currently located the page and page total quantity, is difficult to carry out subconsciousness information reception and registration with the performance of interface visual metaphors.
Scheme three: referring to the schematic diagram of another information module presentation of Fig. 3, way is: carrying out the 3D of cool run scene Modeling reaches in scene information module in the mobile effect of interface vertical direction according to game process track in.This scheme Camera lens in 3D scene may be implemented to be moved forward and backward, article or information module in space is presented, but the building of 3D scene will Expend a large amount of resource, thus this programme cannot presentation well based on 2D Scene realization 3D scene.
Summary of the invention
In view of the above problems, it proposes the embodiment of the present invention and overcomes the above problem or at least partly in order to provide one kind The rendering method and device, electronic equipment, storage medium of a kind of information module to solve the above problems.
To solve the above-mentioned problems, the embodiment of the invention discloses a kind of rendering methods of information module, by movement Software application is executed on the processor of terminal and is rendered on the touch control display of the mobile terminal obtains graphic user interface, It include partial game scene and at least one information module in the graphic user interface, which comprises
In response to the slide on the graphic user interface, controls the information module and slided, to control State the display of scene of game described in graphic user interface;
Determine at least one described information mould within the scope of the scene of game presented in the graphic user interface Block;
The display of the information module is determined according to display position of the information module in the graphic user interface Form, and the information module is shown according to the display form on the graphical user interface.
Preferably, the display position according to the information module in the graphic user interface determines shown information The display form of module, and the information module is shown according to the display form on the graphical user interface, comprising:
One cut-off rule is provided on the graphical user interface, the cut-off rule is obtained and is mapped in the scene of game Corresponding compass;
At least one described information module within corresponding compass described in the scene of game is obtained, by the letter Breath module is clearly shown;Or
At least one described information module other than corresponding compass described in the scene of game is obtained, by the letter Breath module carries out fuzzy display.
Preferably, the method also includes:
An information module display area is provided in the graphic user interface, all information modules are depicted in the letter It ceases in modular display area.
Preferably, the method also includes:
At least two information modules for being located at same orientation relative to the virtual lens are obtained, the information module is adjusted Display position on the graphical user interface, to avoid blocking between the information module.
Preferably, the graphic user interface further includes a background layer, and the background layer is a 2D picture, is swum for rendering Game background in scene of playing, after the control information module is slided further include:
The background layer for controlling the graphic user interface is slided.
Preferably, the display form includes at least one of size, shape, transparency, fuzziness, color.
The embodiment of the invention also discloses a kind of presentation device of information module, described device is applied to mobile terminal, leads to It crosses to execute software application on the processor of the mobile terminal and render on the touch control display of the mobile terminal and obtain Graphic user interface includes partial game scene and at least one information module, described device packet in the graphic user interface It includes:
Control module, for controlling the information module and carrying out in response to the slide on the graphic user interface Sliding, to control the display of scene of game described in the graphic user interface;
Determining module, for determining at least one within the scope of the scene of game presented in the graphic user interface A information module;
Display module, for determining the letter according to display position of the information module in the graphic user interface The display form of module is ceased, and shows the information module according to the display form on the graphical user interface.
Preferably, the display module includes:
Corresponding compass acquisition submodule, for providing a cut-off rule on the graphical user interface, described in acquisition Cut-off rule is mapped in the corresponding compass in the scene of game;
Clear display sub-module, for obtaining at least one institute within corresponding compass described in the scene of game Information module is stated, the information module is clearly shown;Or
Fuzzy display sub-module, for obtaining at least one institute other than corresponding compass described in the scene of game Information module is stated, the information module is subjected to fuzzy display.
Preferably, described device further include:
Module is provided, for providing an information module display area, all information modules in the graphic user interface It is depicted in the information module display area.
Preferably, described device further include:
Module is adjusted, for obtaining at least two information modules for being located at same orientation relative to the virtual lens, is adjusted The display position of the whole information module on the graphical user interface, to avoid blocking between the information module.
Preferably, the graphic user interface further includes a background layer, and the background layer is a 2D picture, is swum for rendering Game background in scene of playing, the control module, comprising:
Background picture slides submodule, and the background layer for controlling the graphic user interface is slided.
The embodiment of the invention also discloses a kind of electronic equipment, comprising:
One or more processors;With
One or more machine readable medias of instruction are stored thereon with, are executed when by one or more of processors When, so that the electronic equipment executes one or more method as described above.
The embodiment of the invention also discloses one or more machine readable medias, are stored thereon with instruction, when by one or When multiple processors execute, so that the processor executes one or more method as described above.
The embodiment of the present invention includes following advantages:
In embodiments of the present invention, it is slided according to the slide control information module on graphic user interface with control figure The display of shape user interface game scenario, while the display based on slide and information module in graphical user interfaces Position determines the display form of information module, and is shown according to display form.Using the embodiment of the present invention, so that information mould The uninteresting sense that effect is more flexible, when reduction player browses is presented in block.
Detailed description of the invention
Fig. 1 is a kind of schematic diagram of information module presentation scheme;
Fig. 2 is the schematic diagram that scheme is presented in another information module;
Fig. 3 is the schematic diagram that scheme is presented in another information module;
Fig. 4 is a kind of step flow chart of the rendering method embodiment of information module of the invention;
Fig. 5 is a kind of general view schematic diagram of information module interaction design of the invention;
Fig. 6 is the schematic diagram of cut-off rule in a kind of scene of game of the invention;
Fig. 7 is a kind of top view of simulation 3D scene of the invention;
Fig. 8 is a kind of schematic diagram of the line angle of of the invention information module and camera lens;
Fig. 9 is the schematic diagram that a kind of game background of the invention is highway;
Figure 10 is a kind of structural block diagram of the presentation device embodiment of information module of the invention.
Specific embodiment
In order to make the foregoing objectives, features and advantages of the present invention clearer and more comprehensible, with reference to the accompanying drawing and specific real Applying mode, the present invention is described in further detail.
Referring to Fig. 4, show a kind of step flow chart of the rendering method embodiment of information module of the invention, by Software application is executed on the processor of mobile terminal and is rendered on the touch control display of the mobile terminal obtains graphical user Interface, the content that graphic user interface is presented include the scene of game and partial virtual role of part;Wherein it is possible to wrap Whole containing virtual role also may include the part of virtual role, for example, in third person game, graphical user The content that interface is presented may include the whole of virtual role;For another example, in first person game, graphic user interface The content presented can wrap part/part of virtual role, such as the hand-held force of arm or virtual role of virtual role Device.It is, of course, also possible to which virtual role is not presented completely.
It should be noted that at least partly scene of game that graphic user interface is presented is virtual camera (camera lens) bat The partial game scene taken the photograph.For example, virtual camera can be " the eye of player in gaming in first person game Eyeball ", virtual camera can be arranged on the head of virtual role, the direction of virtual camera follow the rotation of virtual role and It rotates, rendering obtains scene of game content and is equivalent to the scene content that virtual camera takes on the display of touch control terminal. In third person game, virtual camera can be arranged on the back upper place of virtual role, can be to virtual rocking bar control A mapping relations are arranged in vector distance and virtual camera rotation angle, are rotated with controlling virtual camera, touch control terminal Display on rendering obtain scene of game content and be equivalent to the scene content that virtual camera takes.
In embodiments of the present invention, the scene of game includes that an at least information module, the method can specifically include Following steps:
Step 101, it in response to the slide on the graphic user interface, controls the information module and is slided, To control the display of scene of game described in the graphic user interface;
Step 102, at least one institute within the scope of the scene of game presented in the graphic user interface is determined State information module;
Step 103, the display position according to the information module in the graphic user interface determines shown information mould The display form of block, and the information module is shown according to the display form on the graphical user interface.
In the concrete realization, graphic user interface (GUI, Graphical User Interface) is by background layer and UI Layer composition.Wherein UI layers include information module and other controls that may be present, such as virtual rocking bar, technical ability control, background Layer be then include picture, such as sky, cloud, highway, sea etc..
In embodiments of the present invention, it is slided according to the slide control information module on graphic user interface with control figure The display of shape user interface game scenario, while the display based on slide and information module in graphical user interfaces Position determines the display form of information module, and is shown according to display form.Using the embodiment of the present invention, so that information mould The uninteresting sense that effect is more flexible, when reduction player browses is presented in block.
Referring to Fig. 5, it show a kind of general view schematic diagram of information module interaction design of the invention, in graphic user interface Scattered distribution information module means the information module that furthers when player's gesture glides, and information module is mobile forward (camera lens side), Specifically: information module gradually amplifies and gradually into graphic user interface, two sides are mobile, and final information module can move out figure Shape user interface, while (other side opposite with camera lens) will appear new information module at a distance, these information modules equally can By shifting near at a distance.Conversely, meaning to push away remote information module when cunning in player's gesture, that is, information module distally moves simultaneously It is gradually reduced.
Information module can successively occur in the sliding process of player, and player can successively check that all information modules are put Details after big, can also be by the information module that distant place reduces to see more information modules.It is near big and far smaller, nearby clearly It is clear, it is fuzzy at a distance, it is recycled with this to check information module whole in scene of game, the graphic user interface of the embodiment of the present invention In can accommodate information modules more more than conventional slip list, and amplified information module can be than traditional sliding list Bigger, the quantity that the information module after reducing at a distance can be presented is also more.
In the following, it is further that Fig. 6~Fig. 9 will be combined to make the rendering method of information module in game in the present exemplary embodiment Ground explanation.
In a step 101, it in response to the slide on the graphic user interface, controls the information module and is slided It is dynamic, to control the display of scene of game described in the graphic user interface.
In embodiments of the present invention, player can remove the letter in control graphic user interface by the operation slided up and down Breath module is accordingly slided, while can also control the display in graphic user interface game scenario.Wherein, when player's hand Gesture means that the information module that furthers, information module move forward when gliding, mean to push away remote information mould when sliding in player's gesture Block, information module distally move.
In a step 102, at least one within the scope of the scene of game presented in the graphic user interface is determined A information module.
In embodiments of the present invention, player constantly slides on a graphical user interface, then information module is in graphical user Position in interface is also constantly changing, therefore needs to determine the information module in graphic user interface in real time.In particular it is necessary to Determine information module in the display position of graphic user interface.
In step 103, the display position according to the information module in the graphic user interface determines shown letter The display form of module is ceased, and shows the information module according to the display form on the graphical user interface.
In embodiments of the present invention, after obtaining the display position of information module in graphical user interfaces, so that it may root According to the current display position of information module, the display form of the information module is determined in graphical user interfaces, and is presented. Wherein, display form may include at least one of size, shape, transparency, fuzziness, color.
In one preferred embodiment of the invention, the step 103 may include following sub-step:
One cut-off rule is provided on the graphical user interface, the cut-off rule is obtained and is mapped in the scene of game Corresponding compass;
At least one described information module within corresponding compass described in the scene of game is obtained, by the letter Breath module is clearly shown;Or
At least one described information module other than corresponding compass described in the scene of game is obtained, by the letter Breath module carries out fuzzy display.
The embodiment of the present invention needs to preferably reveal 3D Deep Canvas in 2D scene table in graphical user interfaces Information module in distant place does to a certain extent fuzzy.One cut-off rule, the cut-off rule are provided on a graphical user interface May be configured as display may be set to be and not show, and referring to shown in Fig. 6, information module more than cut-off rule is considered as in corresponding boundary Other than range, obscured, and cut-off rule information below is considered as within corresponding compass, then does not need to carry out mould Paste.When player slides on the screen, information module also slides up and down in graphical user interfaces, when information module is from corresponding boundary When being moved within corresponding compass other than range, then information module becomes clear from fuzzy, conversely, working as information module When being moved to other than corresponding compass within corresponding compass, then information module is by clearly fogging.Pass through benefit Information module is handled come subsection fuzzy with cut-off rule, builds Deep Canvas, altitude simulation reality guarantees that interface visual image is fresh It is living, sense is substituted into more scene.
In a preferred embodiment of the present invention, the method also includes following steps:
Obtain the length information of the scene of game;Obtain distance of the information module apart from the scene of game edge Information;Scaling multiple is determined according to the length information, default maximum multiple and default minimum multiple;According to the scaling multiple Scale the information module.
There are module root nodes in game editing machine for the information module of the embodiment of the present invention, control root node by code Scaling, to control the size of information module.The scaling multiple of information module can be linear according to the fore-and-aft distance to camera lens Variation changes ratio such as Fig. 6.Assuming that scene of game overall length L1, then L2 (distance at information module distance play scene edge) is corresponding Place scaling multiple x=L2/L1 (C-A).Wherein, C and A is respectively minimum multiple and maximum multiple, and foundation information module can It is readability to be adjusted.Herein it can be assumed that minimum multiple C is 0.4, maximum multiple A is 1.0.
The embodiment of the present invention is by the display position in the scene of game locating for different information modules, for information module It is scaled and is obscured accordingly, so that information module shows 3D Deep Canvas in 2D scene, there is stereovision.The 3D depth of field Interest and expression power when effect promoting player's browsing, avoid the stiff sense of traditional list form, are conducive to whole boundary Face carries out visual imagery design, improves interface globality expression power.
Certainly, in addition to above-mentioned based on information module in scene of game display position adjustment scaling size and fuzziness it It outside, can be with the shape, transparency and color of adjustment information module.For example, when information module is moved adjacent to camera lens side, it will The shape of information module adjusts polygon from circle, and the transparency of information module is turned down, the face tone dark of information module allows Player is and more interesting it can be seen that more obvious information module.Certainly, size, the shape of above-mentioned adjustment information module Shape, transparency, fuzziness, color are merely possible to example, when the embodiments of the present invention are specifically implemented, other can also be selected aobvious Show form, the embodiment of the present invention need not be limit to this.
In one preferred embodiment of the invention, the method can also include the following steps:
An information module display area is provided in the graphic user interface, all information modules are depicted in the letter It ceases in modular display area.
The sliding of the information module of the embodiment of the present invention similar to cool run role advance, information module in sliding process not It can be blocked by barrier, so the embodiment of the present invention provides an information module display area in graphical user interfaces, and believe Breath module can only be shown in information module display area.
Specifically, information module should be avoided the occurrence of as far as possible in the centre of graphic user interface, to guarantee that player can be with It browses more information modules and will not be blocked.The 3D scene top view that it is simulated is as shown in fig. 7, division module information exists Two siding tracks of graphic user interface are moved forward and backward, and the intermediate of graphic user interface retains an intermediate blank area, and will letter Breath module is placed on the track (information module display area) on intermediate blank area both sides, and player slides up and down operation at interface It not will lead to information module and appear in middle, so that different information modules appears in the optimal viewing position of camera lens.
It should be noted that the embodiment of the present invention setting intermediate blank area purpose be avoid as far as possible information module from The centre of graphic user interface shifts to camera lens, thus the case where suddenly disappearing across camera lens.If camera lens and information module are The setting of head-up skids off graphic user interface then white space wants wide to being enough to realize that information module disappears from two siding tracks, The view effect showed in this way is relatively natural.If camera lens is to overlook, it is ensured that information module arrives forward lens location When, it can capture image capturing range lower than camera lens, then middle blank swath width even can not have centre as low as 0 Blank area, can placement information module in entire scene of game.
In one preferred embodiment of the invention, the method can also include the following steps:
At least two information modules for being located at same orientation relative to the virtual lens are obtained, the information module is adjusted Display position on the graphical user interface, to avoid blocking between the information module.
In addition to the intermediate blank area in scene of game occurs other than information module can block player's sight, information module it Between the case where mutually blocking may also occur, such as the information module first occurred may block after the information module that occurs.? In Fig. 7, information module 2 will cause to block to information module 4, cause player that can not see information module 4.So information module It is noted that its position is inconsistent as far as possible to the orientation of camera lens when track arrangement, if there is going out at same orientation Now two or more information module, then need the display position of adjustment information module on a graphical user interface, make These information modules not in same orientation, forward lapping for the content presented in camera lens is avoided with this, causes information Blocking between module.
Referring to Fig. 8, the part that camera lens is captured, the scene of game being just shown on graphic user interface.It can be with analogy In display, the case where observation with eyes, first article be on the same horizontal plane, that is, height it is identical, if two objects Product are identical with the line angle of eyes, that is, line coincident, i.e., in the same defence line.So near big and far smaller, close is easy to As soon as blocking remote, an article of distant place also can't see.In response to this, the embodiment of the present invention is in order to avoid information Blocking between module, so the orientation of information module and camera lens avoids unanimously.It that is to say that in figure 8 angle α needs are not of uniform size.
In one preferred embodiment of the invention, the graphic user interface further includes a background layer, the background layer For a 2D picture, the game background in scene of game may be used also after the control information module is slided for rendering To include the following steps:
The background layer for controlling the graphic user interface is slided.
When detecting the slide on graphic user interface, UI layers will be mapped to, information module is relatively moved. It should be noted that the embodiment of the present invention can also control figure while in addition to based on slide control information module The display of scene of game in user interface.For example, it is quasi- true in order to reach height, back can be mapped to simultaneously when UI layers are mobile Background layer so that background layer is moved, certainly, for background layer movement can be according to practical manifestation effect requirements depending on, this Inventive embodiments to this and it is without restriction.
The embodiment of the present invention can add layering and the shuttling movement of background picture in the background layer of graphic user interface Simulation, to increase the substitution sense and the sense of reality of 3D simulation effect, so that scene is more fresh and alive.
In one implementation, the picture that an anticipatory remark body has depth feelings, such as highway (figure can be used in background picture 9), sky, sea, the fluoro data of the match informations module such as eye-level display, visual angle of perspective.Select the matched object of scene of game As such as sky matches cloud, and cloud and sky are layered, and cloud is as the object moved from the road that the vanishing point of perspective scene dissipates outward It is moved on diameter, movement and the movement of information module follow the synchronous generation of slide, while dissipating forward or to after-contraction.
Information module in game of the embodiment of the present invention is in 3D depth of field state, the slide of smoothness response player, no card , player has good operating experience.
It should be noted that for simple description, therefore, it is stated as a series of action groups for embodiment of the method It closes, but those skilled in the art should understand that, embodiment of that present invention are not limited by the describe sequence of actions, because according to According to the embodiment of the present invention, some steps may be performed in other sequences or simultaneously.Secondly, those skilled in the art also should Know, the embodiments described in the specification are all preferred embodiments, and the related movement not necessarily present invention is implemented Necessary to example.
Referring to Fig.1 0, a kind of structural block diagram of the presentation device embodiment of information module of the invention is shown, is applied to Mobile terminal, by executing software application on the processor of the mobile terminal and in the touch control display of the mobile terminal Upper rendering obtains graphic user interface, includes partial game scene, at least one information module, institute in the graphic user interface Stating device can specifically include following module:
Control module 201, in response to the slide on the graphic user interface, control the information module into Row sliding, and the display of scene of game described in the control graphic user interface;
Determining module 202, for determining within the scope of the scene of game presented in the graphic user interface extremely A few information module;
Display module 203, for determining institute according to display position of the information module in the graphic user interface The display form of information module is stated, and shows the information module according to the display form on the graphical user interface.
In one preferred embodiment of the invention, the display module 203 may include:
Corresponding compass acquisition submodule, for providing a cut-off rule on the graphical user interface, described in acquisition Cut-off rule is mapped in the corresponding compass in the scene of game;
Clear display sub-module, for obtaining at least one institute within corresponding compass described in the scene of game Information module is stated, the information module is clearly shown;Or
Fuzzy display sub-module, for obtaining at least one institute other than corresponding compass described in the scene of game Information module is stated, the information module is subjected to fuzzy display.
In one preferred embodiment of the invention, described device can also include:
Module is provided, for providing an information module display area, all information modules in the graphic user interface It is depicted in the information module display area.
In one preferred embodiment of the invention, described device can also include:
Module is adjusted, for obtaining at least two information modules for being located at same orientation relative to the virtual lens, is adjusted The display position of the whole information module on the graphical user interface, to avoid blocking between the information module.
In one preferred embodiment of the invention, the graphic user interface further includes a background layer, the background layer For a 2D picture, the game background in scene of game, the control module control 201 for rendering, comprising: background picture sliding Submodule, the background layer for controlling the graphic user interface are slided.
In one preferred embodiment of the invention, the display form may include size, shape, transparency, obscure At least one of degree, color.
For device embodiment, since it is basically similar to the method embodiment, related so being described relatively simple Place illustrates referring to the part of embodiment of the method.
One embodiment of the invention additionally provides electronic equipment, may include processor, memory and storage on a memory And the computer program that can be run on a processor, information module as above is realized when computer program is executed by processor is in The step of existing method.
One embodiment of the invention additionally provides computer readable storage medium, stores and calculates on computer readable storage medium Machine program realizes the rendering step of information module as above when computer program is executed by processor.
All the embodiments in this specification are described in a progressive manner, the highlights of each of the examples are with The difference of other embodiments, the same or similar parts between the embodiments can be referred to each other.
It should be understood by those skilled in the art that, the embodiment of the embodiment of the present invention can provide as method, apparatus or calculate Machine program product.Therefore, the embodiment of the present invention can be used complete hardware embodiment, complete software embodiment or combine software and The form of the embodiment of hardware aspect.Moreover, the embodiment of the present invention can be used one or more wherein include computer can With in the computer-usable storage medium (including but not limited to magnetic disk storage, CD-ROM, optical memory etc.) of program code The form of the computer program product of implementation.
The embodiment of the present invention be referring to according to the method for the embodiment of the present invention, terminal device (system) and computer program The flowchart and/or the block diagram of product describes.It should be understood that flowchart and/or the block diagram can be realized by computer program instructions In each flow and/or block and flowchart and/or the block diagram in process and/or box combination.It can provide these Computer program instructions are set to general purpose computer, special purpose computer, Embedded Processor or other programmable data processing terminals Standby processor is to generate a machine, so that being held by the processor of computer or other programmable data processing terminal devices Capable instruction generates for realizing in one or more flows of the flowchart and/or one or more blocks of the block diagram The device of specified function.
These computer program instructions, which may also be stored in, is able to guide computer or other programmable data processing terminal devices In computer-readable memory operate in a specific manner, so that instruction stored in the computer readable memory generates packet The manufacture of command device is included, which realizes in one side of one or more flows of the flowchart and/or block diagram The function of being specified in frame or multiple boxes.
These computer program instructions can also be loaded into computer or other programmable data processing terminal devices, so that Series of operation steps are executed on computer or other programmable terminal equipments to generate computer implemented processing, thus The instruction executed on computer or other programmable terminal equipments is provided for realizing in one or more flows of the flowchart And/or in one or more blocks of the block diagram specify function the step of.
Although the preferred embodiment of the embodiment of the present invention has been described, once a person skilled in the art knows bases This creative concept, then additional changes and modifications can be made to these embodiments.So the following claims are intended to be interpreted as Including preferred embodiment and fall into all change and modification of range of embodiment of the invention.
Finally, it is to be noted that, herein, relational terms such as first and second and the like be used merely to by One entity or operation are distinguished with another entity or operation, without necessarily requiring or implying these entities or operation Between there are any actual relationship or orders.Moreover, the terms "include", "comprise" or its any other variant meaning Covering non-exclusive inclusion, so that process, method, article or terminal device including a series of elements not only wrap Those elements are included, but also including other elements that are not explicitly listed, or further includes for this process, method, article Or the element that terminal device is intrinsic.In the absence of more restrictions, being wanted by what sentence "including a ..." limited Element, it is not excluded that there is also other identical elements in process, method, article or the terminal device for including the element.
Above to a kind of rendering method and device, electronic equipment, storage medium of information module provided by the present invention, into It has gone and has been discussed in detail, used herein a specific example illustrates the principle and implementation of the invention, the above implementation The explanation of example is merely used to help understand method and its core concept of the invention;Meanwhile for the general technology people of this field Member, according to the thought of the present invention, there will be changes in the specific implementation manner and application range, in conclusion this explanation Book content should not be construed as limiting the invention.

Claims (13)

1. a kind of rendering method of information module, which is characterized in that by executing software application on the processor of mobile terminal And rendering obtains graphic user interface on the touch control display of the mobile terminal, includes part in the graphic user interface Scene of game and at least one information module, which comprises
It in response to the slide on the graphic user interface, controls the information module and is slided, to control the figure The display of scene of game described in shape user interface;
Determine at least one described information module within the scope of the scene of game presented in the graphic user interface;
The display form of the information module is determined according to display position of the information module in the graphic user interface, And the information module is shown according to the display form on the graphical user interface.
2. the method according to claim 1, wherein it is described according to the information module in graphical user circle Display position in face determines the display form of shown information module, and on the graphical user interface according to the display shape State shows the information module, comprising:
One cut-off rule is provided on the graphical user interface, obtain the cut-off rule be mapped in it is corresponding in the scene of game Compass;
At least one described information module within corresponding compass described in the scene of game is obtained, by the information mould Block is clearly shown;Or
At least one described information module other than corresponding compass described in the scene of game is obtained, by the information mould Block carries out fuzzy display.
3. the method according to claim 1, wherein the method also includes:
An information module display area is provided in the graphic user interface, all information modules are depicted in the information mould In block display area.
4. method according to claim 1 or 3, which is characterized in that the method also includes:
At least two information modules for being located at same orientation relative to the virtual lens are obtained, adjust the information module in institute The display position on graphic user interface is stated, to avoid blocking between the information module.
5. described the method according to claim 1, wherein the graphic user interface further includes a background layer Background layer is a 2D picture, for rendering the game background in scene of game, and the control information module carries out sliding it Afterwards further include:
The background layer for controlling the graphic user interface is slided.
6. the method according to claim 1, wherein the display form includes size, shape, transparency, mould At least one of paste degree, color.
7. a kind of presentation device of information module, which is characterized in that described device is applied to mobile terminal, by the movement Software application is executed on the processor of terminal and is rendered on the touch control display of the mobile terminal obtains graphic user interface, Include: comprising partial game scene and at least one information module, described device in the graphic user interface
Control module, for controlling the information module and being slided in response to the slide on the graphic user interface, To control the display of scene of game described in the graphic user interface;
Determining module, for determining at least one institute within the scope of the scene of game presented in the graphic user interface State information module;
Display module, for determining the information mould according to display position of the information module in the graphic user interface The display form of block, and the information module is shown according to the display form on the graphical user interface.
8. device according to claim 7, which is characterized in that the display module includes:
Corresponding compass acquisition submodule obtains the segmentation for providing a cut-off rule on the graphical user interface Line is mapped in the corresponding compass in the scene of game;
Clear display sub-module, for obtaining at least one described letter within corresponding compass described in the scene of game Module is ceased, the information module is clearly shown;Or
Fuzzy display sub-module, for obtaining at least one described letter other than corresponding compass described in the scene of game Module is ceased, the information module is subjected to fuzzy display.
9. device according to claim 7, which is characterized in that described device further include:
Module is provided, for providing an information module display area in the graphic user interface, all information modules are aobvious It is shown in the information module display area.
10. device according to claim 7 or 8, which is characterized in that described device further include:
Module is adjusted, for obtaining at least two information modules for being located at same orientation relative to the virtual lens, adjusts institute The display position of information module on the graphical user interface is stated, to avoid blocking between the information module.
11. device according to claim 7, which is characterized in that the graphic user interface further includes a background layer, described Background layer is a 2D picture, for rendering the game background in scene of game, the control module, comprising:
Background picture slides submodule, and the background layer for controlling the graphic user interface is slided.
12. a kind of electronic equipment, which is characterized in that including processor, memory and be stored on the memory and can be The computer program run on the processor realizes such as claim 1 when the computer program is executed by the processor To information module described in any one of 6 rendering method the step of.
13. a kind of computer readable storage medium, which is characterized in that store computer journey on the computer readable storage medium Sequence realizes the presentation such as information module described in any one of claims 1 to 6 when the computer program is executed by processor The step of method.
CN201910133739.2A 2019-02-22 2019-02-22 Information module presenting method and device, electronic equipment and storage medium Active CN109908576B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910133739.2A CN109908576B (en) 2019-02-22 2019-02-22 Information module presenting method and device, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910133739.2A CN109908576B (en) 2019-02-22 2019-02-22 Information module presenting method and device, electronic equipment and storage medium

Publications (2)

Publication Number Publication Date
CN109908576A true CN109908576A (en) 2019-06-21
CN109908576B CN109908576B (en) 2022-08-09

Family

ID=66961988

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910133739.2A Active CN109908576B (en) 2019-02-22 2019-02-22 Information module presenting method and device, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN109908576B (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110604918A (en) * 2019-09-23 2019-12-24 网易(杭州)网络有限公司 Interface element adjusting method and device, storage medium and electronic equipment
CN113041615A (en) * 2019-12-27 2021-06-29 阿里巴巴集团控股有限公司 Scene presenting method, device, client, server, equipment and storage medium

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101989179A (en) * 2010-11-09 2011-03-23 福州瑞芯微电子有限公司 Implementation method for advancing three-dimensional user interface and mobile terminal
CN102053867A (en) * 2009-10-28 2011-05-11 腾讯科技(深圳)有限公司 Method and device for dynamically switching pictures
CN104253939A (en) * 2013-06-27 2014-12-31 聚晶半导体股份有限公司 Focusing position adjusting method and electronic device
CN105381611A (en) * 2015-11-19 2016-03-09 网易(杭州)网络有限公司 Method and device for layered three-dimensional display of 2D game scene
CN105488755A (en) * 2015-11-25 2016-04-13 网易(杭州)网络有限公司 Method and apparatus for implementing 3D representation in 2D game
US20160188181A1 (en) * 2011-08-05 2016-06-30 P4tents1, LLC User interface system, method, and computer program product
CN106502396A (en) * 2016-10-20 2017-03-15 网易(杭州)网络有限公司 Virtual reality system, the exchange method based on virtual reality and device
CN107562312A (en) * 2017-08-25 2018-01-09 维沃移动通信有限公司 A kind of icon moving method and mobile terminal

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102053867A (en) * 2009-10-28 2011-05-11 腾讯科技(深圳)有限公司 Method and device for dynamically switching pictures
CN101989179A (en) * 2010-11-09 2011-03-23 福州瑞芯微电子有限公司 Implementation method for advancing three-dimensional user interface and mobile terminal
US20160188181A1 (en) * 2011-08-05 2016-06-30 P4tents1, LLC User interface system, method, and computer program product
CN104253939A (en) * 2013-06-27 2014-12-31 聚晶半导体股份有限公司 Focusing position adjusting method and electronic device
CN105381611A (en) * 2015-11-19 2016-03-09 网易(杭州)网络有限公司 Method and device for layered three-dimensional display of 2D game scene
CN105488755A (en) * 2015-11-25 2016-04-13 网易(杭州)网络有限公司 Method and apparatus for implementing 3D representation in 2D game
CN106502396A (en) * 2016-10-20 2017-03-15 网易(杭州)网络有限公司 Virtual reality system, the exchange method based on virtual reality and device
CN107562312A (en) * 2017-08-25 2018-01-09 维沃移动通信有限公司 A kind of icon moving method and mobile terminal

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110604918A (en) * 2019-09-23 2019-12-24 网易(杭州)网络有限公司 Interface element adjusting method and device, storage medium and electronic equipment
CN110604918B (en) * 2019-09-23 2023-11-17 网易(杭州)网络有限公司 Interface element adjustment method and device, storage medium and electronic equipment
CN113041615A (en) * 2019-12-27 2021-06-29 阿里巴巴集团控股有限公司 Scene presenting method, device, client, server, equipment and storage medium

Also Published As

Publication number Publication date
CN109908576B (en) 2022-08-09

Similar Documents

Publication Publication Date Title
US11663785B2 (en) Augmented and virtual reality
EP2732436B1 (en) Simulating three-dimensional features
US10127632B1 (en) Display and update of panoramic image montages
US9824485B2 (en) Presenting a view within a three dimensional scene
US9886102B2 (en) Three dimensional display system and use
US10958889B2 (en) Methods, circuits, devices, systems, and associated computer executable code for rendering a hybrid image frame
US20100208033A1 (en) Personal Media Landscapes in Mixed Reality
US20080246759A1 (en) Automatic Scene Modeling for the 3D Camera and 3D Video
US11568594B1 (en) Systems and methods for providing immersive graphical interfaces
ES2688643T3 (en) Apparatus and augmented reality method
US10540918B2 (en) Multi-window smart content rendering and optimizing method and projection method based on cave system
WO2009155688A1 (en) Method for seeing ordinary video in 3d on handheld media players without 3d glasses or lenticular optics
EP3839699A1 (en) Augmented virtuality self view
CN112513785A (en) Augmented reality viewer with automatic surface selection placement and content orientation placement
US9092912B1 (en) Apparatus and method for parallax, panorama and focus pull computer graphics
US20170103562A1 (en) Systems and methods for arranging scenes of animated content to stimulate three-dimensionality
CN109908576A (en) A kind of rendering method and device, electronic equipment, storage medium of information module
CN110710203A (en) Methods, systems, and media for generating and rendering immersive video content
US20230071571A1 (en) Image display method and apparatus
KR102622709B1 (en) Method and Apparatus for generating 360 degree image including 3-dimensional virtual object based on 2-dimensional image
CN117278820A (en) Video generation method, device, equipment and storage medium
CN113926191A (en) Virtual camera control method and device and electronic equipment
CN116883553A (en) Image generation method, device, electronic equipment and readable storage medium
CN117676111A (en) Display method, device and equipment for augmented reality image

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