Interface display control method and device, electronic equipment and storage medium

Abstract

The invention provides an interface display control method and device, electronic equipment and a storage medium, a graphical user interface is provided through terminal equipment, the terminal equipment comprises a gyroscope, and the method comprises the steps that a target scene interface is displayed on the graphical user interface, and the target scene interface comprises scene elements; the target interface corresponds to an adjustable object, and the adjustable object comprises a scene element and / or a display area of the target scene interface; responding to the angular motion of the terminal equipment, acquiring detection data of a gyroscope in the terminal equipment, and controlling and displaying the special effect of the adjustable object according to the detection data. According to the method, the special effect of the scene element can be adjusted through the gyroscope data, and the immersion is improved.

Description

Technical Field

[0001] The present application relates to the field of data processing technology, and in particular to an interface display control method, device, electronic device and storage medium. Background Art

[0002] A gyroscope is a device that detects the angular motion of a high-speed rotating body relative to the inertial space around one or two axes orthogonal to the rotation axis using the momentum of the sensitive housing. Angular motion detection devices made using other principles that have the same function are also called gyroscopes. Gyroscopes are widely used in terminal devices.

[0003] Currently, gyroscope technology is relatively limited in terms of visual expression. Usually, the spatial position of elements in the picture is changed through gyroscope data to display a larger area or make the elements in the picture "move".

[0004] The special effect prompts of scene elements in the picture are usually implemented by the UI layer, and there is no interaction with the gyroscope. As for how to change the special effect prompts of scene elements through the gyroscope, there is a lack of corresponding technical solutions in the prior art. Summary of the invention

[0005] In view of this, the embodiments of the present application provide an interface display control method, device, electronic device and storage medium, which can adjust the special effects of scene elements through gyroscope data to improve the sense of immersion.

[0006] The technical solution of the embodiment of the present application is implemented as follows:

[0007] In a first aspect, an embodiment of the present application provides an interface display control method, which provides a graphical user interface through a terminal device, wherein the terminal device includes a gyroscope, and the method includes:

[0008] Displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface;

[0009] In response to the angular movement of the terminal device, detection data of a gyroscope in the terminal device is acquired, and the special effects of the adjustable object are controlled to be displayed according to the detection data.

[0010] In a second aspect, an embodiment of the present application further provides an interface display control device, which provides a graphical user interface through a terminal device, wherein the interface display control device includes a gyroscope, and the interface display control device further includes:

[0011] A display module, configured to display a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface;

[0012] The adjustment module is used to respond to the angular movement of the terminal device, obtain the detection data of the gyroscope in the terminal device, and control the display of the special effects of the adjustable object according to the detection data.

[0013] In a third aspect, an embodiment of the present application further provides an electronic device, comprising: a processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor communicates with the storage medium through the bus, and the processor executes the machine-readable instructions to execute the interface display control method described in any one of the first aspects.

[0014] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the interface display control method described in any one of the first aspects is executed.

[0015] The embodiments of the present application have the following beneficial effects:

[0016] A target scene interface is displayed on a graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, and the adjustable object includes scene elements and / or a display area of ​​the target scene interface; in response to the angular movement of a terminal device, detection data of a gyroscope in the terminal device is obtained, and special effects of the adjustable object are displayed according to the detection data. In this way, the special effect prompt of the adjustable object in the target interface can be associated with the detection data of the gyroscope, so that the special effect is displayed when the terminal device performs angular movement, thereby improving the sense of immersion. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments will be briefly introduced below. It should be understood that the following drawings only show certain embodiments of the present application and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.

[0018] Figure 1 It is a flowchart of steps S101-S102 provided in an embodiment of the present application;

[0019] Figure 2 It is an interface display control diagram provided by an embodiment of the present application;

[0020] Figure 3 It is a flowchart of steps S301-S302 provided in an embodiment of the present application;

[0021] Figure 4 It is a flowchart of steps S401-S402 provided in an embodiment of the present application;

[0022] Figure 5 is an interface diagram of a gyroscope assembly provided in an embodiment of the present application;

[0023] Figure 6 is a diagram of a gyroscope-related interface provided in an embodiment of the present application;

[0024] Figure 7 This is a material association interface diagram provided in an embodiment of the present application;

[0025] Figure 8 This is a dynamic effect material ball interface diagram provided in an embodiment of the present application;

[0026] Fig. 9 is a structural diagram of an interface display control device 900 provided in an embodiment of the present application;

[0027] Fig.10 It is a schematic diagram of the composition structure of the electronic device provided in the embodiment of the present application. DETAILED DESCRIPTION

[0028] To make the purpose, technical scheme and advantages of the embodiments of the present application clearer, the technical scheme in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It should be understood that the drawings in the present application only serve the purpose of explanation and description and are not used to limit the scope of protection of the present application. In addition, it should be understood that the schematic drawings are not drawn in real proportion. The flowchart used in this application shows the operations implemented according to some embodiments of the present application. It should be understood that the operations of the flowchart can be implemented out of sequence, and the steps without logical context can be reversed in order or implemented simultaneously. In addition, those skilled in the art can add one or more other operations to the flowchart under the guidance of the content of the present application, or remove one or more operations from the flowchart.

[0029] In the following description, reference is made to “some embodiments”, which describe a subset of all possible embodiments, but it will be understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0030] In addition, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. The components of the embodiments of the present application described and shown in the drawings here can be arranged and designed in various configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the application claimed for protection, but merely represents the selected embodiments of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present application.

[0031] In the following description, the terms "first\second\third" involved are merely used to distinguish similar objects and do not represent a specific ordering of the objects. It can be understood that "first\second\third" can be interchanged with a specific order or sequence where permitted, so that the embodiments of the present application described herein can be implemented in an order other than that illustrated or described herein.

[0032] It should be noted that the term "comprising" will be used in the embodiments of the present application to indicate the existence of the features declared thereafter, but does not exclude the addition of other features.

[0033] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are for the purpose of describing the embodiments of this application and are not intended to limit this application.

[0034] See also Figure 1 , Figure 1 is a flow chart of steps S101-S102 of the interface display control method provided in the embodiment of the present application, which will be combined with Figure 1 Steps S101-S102 are shown for explanation.

[0035] Step S101, displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface;

[0036] Step S102, in response to the angular movement of the terminal device, acquiring detection data of a gyroscope in the terminal device, and controlling the display of special effects of the adjustable object according to the detection data.

[0037] The above-mentioned interface display control method displays a target scene interface on a graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, and the adjustable object includes scene elements and / or a display area of ​​the target scene interface; in response to the angular movement of the terminal device, the detection data of the gyroscope in the terminal device is obtained, and the special effects of the adjustable objects are controlled according to the detection data. In this way, the special effect prompts of the adjustable objects in the target interface can be associated with the detection data of the gyroscope, so that when the terminal device performs angular movement, the special effects are displayed, thereby improving the sense of immersion.

[0038] The above exemplary steps of the embodiments of the present application are described below respectively.

[0039] In step S101, a target scene interface is displayed on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface.

[0040] In some embodiments, the target scene interface can be a game interface or an interactive interface. The scene elements in the target scene interface can be background, light, buttons, display objects (people, animals, still lifes). The adjustable objects can be one or more scene elements, or they can be the display area of ​​the target scene interface. The display area can be divided according to size and position.

[0041] As an example of a target scene interface being a game interface, Figure 2 As shown, Figure 2 It is an interface display control diagram provided in an embodiment of the present application. The game interface includes "Survival", "Entertainment", "Training", and "Internal Test" buttons on the left and an "OK" button on the right. Users can click any one of the "Survival", "Entertainment", "Training", and "Internal Test" buttons to display the game sub-mode under the corresponding directory. For example, in the "Survival" mode, the game sub-mode includes four sub-modes: "Chosen One", "Quick Match", "Battle between Heaven and Man", and "Human-Computer Drill". After the user selects the corresponding sub-mode, click the "OK" button to enter the game of the corresponding mode.

[0042] In step S102, in response to the angular movement of the terminal device, detection data of a gyroscope in the terminal device is acquired, and the special effects of the adjustable object are controlled to be displayed according to the detection data.

[0043] In some embodiments, when the terminal device generates angular motion, the gyroscope in the terminal device generates corresponding detection data, and the special effect prompt of the adjustable object can be controlled by the change of the detection data compared to the baseline data. The special effect prompt here can be the corresponding special effect or the change of text or picture.

[0044] As an example, see Figure 2 ,like Figure 2 As shown, when the terminal device generates angular motion, the gyroscope in the terminal device generates detection data. According to the degree of change of the detection data compared with the gyroscope reference data, the texture in the "Survival" button can be displayed in a gradient manner.

[0045] The above method binds the detection data of the gyroscope with the special effect prompt of the adjustable object, so that when the terminal device generates angular motion, it can make corresponding adjustments to the special effect prompt according to the detection data, thereby improving the immersion.

[0046] In some embodiments, the target interface corresponds to a plurality of adjustable objects, and different adjustable objects have different special effect prompts.

[0047] As an example, in a game interface, the texture in the "Survival" button (the mode selection button) is different from the texture in the "OK" button. Correspondingly, when the terminal device generates angular movement, since the texture in the "Survival" button is different from the texture in the "OK" button, the gradient display effect of the texture in the "Survival" button is also different from the gradient display effect of the texture in the "OK" button.

[0048] In another case, the texture of the "Survival" button is the same as that of the "Entertainment" button. If you want to make the texture gradient effects in the "Survival" button different from those in the "Entertainment" button when the terminal device generates angular motion, you can make the gradient rates of the two buttons different. For example, the ratio of the gradient rate of the texture in the "Survival" button to the degree of change of the detection data is 1:1, and the ratio of the gradient rate of the texture in the "Entertainment" button to the degree of change of the detection data is 2:1.

[0049] The above method makes the adjustable objects in the target interface independent, and each adjustable object has a specific adjustment strategy. In this way, when the terminal device generates angular motion, different adjustable objects can display their own special effect prompts according to their own adjustment strategies, thereby making the adjustable objects independent in terms of perception, thereby improving the resolution and immersion.

[0050] In some embodiments, the adjustable object in the graphical user interface is determined by:

[0051] A key frame image is determined as the target scene interface according to a preset time node, and a specified scene element in the target scene interface or a specified display area of ​​the target scene interface is used as the adjustable object.

[0052] For example, the target scene interface can be a key frame image determined according to a preset time node. For example, in a set of 60-second images, the 20th to 40th seconds are key frames (the key frames are preset in advance by the animator). When the image is played to 20 seconds, the target scene interface corresponding to the image is the target scene interface. At this time, there are two scene elements in the target scene interface, namely the background and the characters. In order to highlight the characters in the key frame, the designated scene element of the characters can be determined as an adjustable object, and then when the terminal device generates angular motion, special effects prompts can be added to the characters (for example: adding highlights to the characters, increasing the contrast of the characters), or the range where the characters are located can be used as the designated display area, and special effects prompts can be added to the designated display area.

[0053] In addition, the above method can also use both the background and the character as designated scene elements, and use both the background and the character as adjustable objects. When the terminal device generates angular motion, highlights are added to the character and the background is blurred, which can also highlight the character.

[0054] The above method can flexibly set the adjustable objects at different time points and perform regular display in non-key frames, thereby reducing resource usage and improving operation efficiency.

[0055] In some embodiments, see Figure 3 , Figure 3 It is a flow chart of steps S301-S302 provided in an embodiment of the present application. Controlling the display of special effect prompts of the adjustable object according to the detection data can be achieved through steps S301-S302, which will be explained in combination with each step.

[0056] In step S301, the adjustment logic of the adjustable object is determined.

[0057] Here, the adjustment logic of each adjustable object includes an association rule and an adjustment strategy. The association rule is used to associate the gyroscope component with the adjustment strategy. The adjustment strategy is specifically used to adjust the material ball according to the data fed back by the gyroscope component.

[0058] In step S302, based on the adjustment logic of the adjustable object, the detection data is applied to the adjustment logic of the adjustable object, and the special effect prompt corresponding to the adjustable object and the adjustment logic is controlled to be displayed.

[0059] Here, after associating the gyroscope component and the adjustment strategy, the detection data sent by the gyroscope component is obtained in real time, and the detection data is applied to the adjustment strategy to adjust the material ball.

[0060] In some embodiments, the method further comprises:

[0061] In response to the specified adjustment logic of the specified adjustable object satisfying an update condition, the specified adjustment logic is updated, wherein the specified adjustment logic satisfying the adjustment condition includes: the specified adjustment logic reaches a time threshold or receives an adjustment instruction from a user.

[0062] Here, the specified adjustment logic of the adjustable object is not static, and the adjustment logic may also be adjusted after reaching a time threshold or receiving an adjustment instruction from the user.

[0063] For example, in the "Seven-Day Sign-in" activity, the adjustable object is a "Sign-in" button. The material ball that displays the sign-in button includes seven pictures, namely "1, 2, 3, 4, 5, 6, 7", and seven special effects, "a, b, c, d, e, f, g". "1, 2, 3, 4, 5, 6, 7" corresponds to "a, b, c, d, e, f, g" in sequence. On the first day, the "Sign-in" button displays "1" and the special effect of "a". On the second day, the "Sign-in" button The button displays the special effects of "1" and "b", and the prompt status of the special effects of "a, b, c, d, e, f, g" is enhanced from a to g. In this way, on the seventh day, the user shakes the terminal device, and the displayed special effects of "7" and "g" will bring a strong visual impact to the user. Usually, in the "Seven-Day Sign-in" activity, the richness of the rewards increases with time. In this way, when the user signs in on the seventh day, it can bring a strong visual impact to the user and enhance the user's sense of immersion.

[0064] In some embodiments, the adjusting the adjustment logic includes:

[0065] As the time goes by, the offset in the adjustment logic is increased / reduced according to a preset adjustment ratio, wherein the offset is used to change the degree to which the display effect is affected by the detection data;

[0066] Alternatively, a scene corresponding to the time and a rendering effect corresponding to the scene are determined, and a rendering item in the adjustment logic is adjusted based on the scene, so that the display effect adjusted by the rendering item matches the rendering effect or is different from the rendering effect.

[0067] Here, the special effects of "a, b, c, d, e, f, g" in the above embodiments can also be uniformly set to special effect "x", "x" is a flickering special effect, and the flickering special effect corresponds to a flickering frequency. The flickering frequency is associated with the detection data through an offset. For example, on the first day, when the offset is 1, the detection data is offset by 1 preset value compared with the benchmark data, and correspondingly, the flickering frequency is 1. On the seventh day, the offset is adjusted to 7, and the detection data is offset by 1 preset value compared with the benchmark data.

[0068] Correspondingly, the flashing frequency is 7. In this way, the flashing frequency is gradually increased during 1-7 days to enhance the display effect.

[0069] As an example in another game scene, the background in the game scene includes day and night, and the rendering item can be a non-player character (NPC). The rendering effects corresponding to day and night are "bright" and "dark" respectively. Correspondingly, the rendering item of the NPC can be adjusted during the day to change the display effect of the NPC to "bright" to match the daytime, or the display effect of the NPC can be changed to "gray" to create a contrast between the NPC and the background, making it easier for users to find it.

[0070] In some embodiments, see Figure 4 , Figure 4 It is a flowchart of steps S401-S402 provided in an embodiment of the present application. The adjustable object in the graphical user interface is determined through steps S401-S402, which will be explained in conjunction with each step.

[0071] In step S401, in response to a first association operation, a gyroscope component for acquiring the detection data is associated with an adjustable object, so that the adjustable object can acquire the detection data.

[0072] For example, see Figure 5 , Figure 5 is an interface diagram of a gyroscope assembly provided in an embodiment of the present application, such as Figure 5 As shown in the figure, in the project directory, there is a Gyro_Mat component, which is used to add the LX Gyro (Script) script. The LX Gyro script is used to pick up and collect the tilt value of the gyroscope. In this script, whether to check "Lock X-axis" and "Lock Y-axis" corresponds to whether to lock the x-axis and y-axis of the gyroscope. After locking, the data of the corresponding axis is locked and cannot be obtained; "X-axis input curve" and "Y-axis input curve" are used to control the sensitivity of the x-axis and y-axis respectively; "Whether to enable gyroscope debugging" is a debugging option, and "Gyroscope input angle (debugging)" can enable gyroscope debugging in devices that do not support gyroscopes.

[0073] See also Figure 6 , Figure 6 is a gyroscope-related interface diagram provided in an embodiment of the present application, such as Figure 6As shown in the figure, add the LX Gyro Material Animation component to the parent level of the project directory, and select the created Gyro_Mat (LX Gyro) in the gyroscope component. It should be noted that Gyro_Mat (LX Gyro) is the Gyro_Mat component, and the LXGyro in the brackets corresponds to LX Gyro (Script) script, after associating the gyroscope component, you also need to set the special material properties. The special material properties include multiple sub-items, and the multi-word sub-items are in parallel. In the first sub-item, set the "Material" to icon_test_gyro_01. The "Material" is a custom dynamic material, and the dynamic material is associated with the gyroscope data. Set the "Property" to _Gyro_lerp (Vector), that is, the "Property" is controlled by the gyroscope. In actual applications, _Gyro_lerp (Vector) is not limited to gyroscopes, but can also call parameters other than gyroscopes, which is convenient for subsequent expansion. After setting each sub-item, it is equivalent to specifying which materials need to be controlled by the gyroscope. If you need to set the global material, you can directly configure _Gyro_lerp in the "Global Material Properties" to directly apply the gyroscope to all materials.

[0074] In step S402, in response to a second association operation, a material ball is associated with the adjustable object, wherein the material ball is used to present the display effect, and adjustment of the material ball is based on the detection data.

[0075] For example, see Figure 7 , Figure 7 This is a material association interface diagram provided in an embodiment of the present application, such as Figure 7 As shown, in the LXImage component, the address of the dynamic effect material ball is configured in the Shader of Icon_test_gyro01 (Material), so as to obtain the corresponding dynamic effect material ball. The dynamic effect material ball interface provided by the embodiment of the present application is shown in FIG. Figure 8 After configuring the address of the animation material ball, you also need to edit the following settings:

[0076] Usage type indicates the type of the dynamic effect material ball used, such as "static image, no localization required"; Source image indicates the use of an image for the dynamic effect material ball; Color indicates color setting; Hexadecimal indicates color selection in code; Material indicates adding a material ball to this layer, such as the material ball icon_test_gyro01; Raycast Target indicates the switch for controlling interaction, corresponding to on or off; Maskable indicates the switch for controlling the mask; Flip Direction indicates the stretching mode of the image, including mirroring, symmetry, etc.; Gradient Type indicates gradient effects, such as gradient and transparency; Color Flip Type indicates changing the mode by color; Use Sprite Mesh indicates whether to enable the model patch; Preserve Aspect indicates whether to enable the hierarchy; Set Native Size indicates custom length and width; EnableL12UIEffect indicates whether to activate the L12 special effect; Clip (Draw Call Optimization) indicates activation of content such as animation; Instantiate Material indicates whether to activate the material instance; Addressable indicates adding an LXImage component.

[0077] like Figure 8 As shown, in the dynamic material ball (Shader address, Figure 7 In the same address as in ), click Addressable to activate the animation material ball. In this material ball, the following settings are included:

[0078] Cull Mode indicates the culling method; Stencil Ref indicates the degree of deviation of light refraction, usually 0; Stencil Compare indicates whether the mode is turned on, Pass, Fail, and ZFail respectively indicate whether the corresponding channels are turned on; Overall control is used to control brightness and color gradient, cold and warm deviation, and whether light overflows; Main map, Secondary map, Three-layer map, and Four-layer map respectively indicate how many layers of maps are enabled; Correspondingly, THIRDTEXTURE, UV DISTORT, and MASK LATER can be enabled by checking the boxes.

[0079] The dynamic material ball and core settings are to enable GYRO LAYER, where you can configure the relevant settings of the gyroscope, such as adjusting the initial offset value GyroOffset, adjusting the offset rate GyroRate, determining the GyroScreen of the left and right positions of the shader on the screen (-1 is the leftmost position: when the left side of the screen is raised, the shader effect is visible, and when the left side of the screen is lowered, the shader effect is weakened; conversely, 1 is the rightmost position; 0 is set in the middle of the screen to be unaffected by the gyroscope effect. This parameter can affect the sensitivity of multiple shaders at different positions on the same screen), mask map GyroTexture (the principle of black being transparent and white being non-transparent, controlling the degree or area of ​​gyroscope influence), and GyroAnchor / ScaleOffset / ScrollRotate, the basic parameters for adjusting the mask map.

[0080] In some embodiments, controlling the display of the special effect prompt of the adjustable object according to the detection data includes:

[0081] Adjust the display effect of the current material ball;

[0082] Alternatively, the current material ball and the material ball to be adjusted are determined, and the current material ball is switched to the material ball to be adjusted based on an offset value, wherein the offset value is associated with the detection data of the gyroscope.

[0083] For example, when adjusting a material ball, the display effect of the current material ball may be adjusted according to the detection data, or switching may be performed between two different material balls, which is specifically achieved through Offset.

[0084] In video effects or image processing, offset usually refers to the movement or offset of one effect or material relative to another. This offset can be horizontal or vertical, and can be used to achieve a variety of visual effects, such as creating animation effects such as flashing, jumping, and gradient.

[0085] When implementing Offset, you usually need to specify the offset between two effects or materials.

[0086] The offset can be specified in pixels or as a percentage. For example:

[0087] 1. Flickering effect: By offsetting two identical special effects or materials with different transparency, you can create a flickering or alternating display effect. For example, you can add a transparency offset between two special effects and set the appropriate offset to create a flickering effect.

[0088] 2. Jumping effect: By gradually increasing or decreasing the Offset offset over a period of time, you can create a jumping or vibrating visual effect. For example, you can increase or decrease the horizontal or vertical offset of one pixel in each frame to create a jumping motion effect.

[0089] 3. Gradient effect: By setting different Offset values ​​at different positions, you can create a gradient or transition effect. For example, you can create multiple different special effects or materials on the overlay layer and offset their positions by a certain distance to create a gradient effect.

[0090] In some embodiments, the special effects include text special effects, picture special effects, and dynamic special effects, and the controlling and displaying of the special effect prompt of the adjustable object according to the detection data includes:

[0091] For the adjustable object, at least one special effect prompt among the text special effect, the picture special effect, and the dynamic special effect is adjusted, wherein the adjustment of the text includes the adjustment of the text language and / or font format.

[0092] Special effect prompts can be in the form of text, pictures, special effects, etc. As an example of special effect prompts in the form of text, in a purchase scenario, the normal display state of the "Buy" button is to display the text "Buy". When the user shakes the phone, "Buy" can be adjusted to "BUY". In this way, users of different languages ​​​​can know the functions of some key buttons even if they have not adjusted the game language. Such adjustable objects are usually some core function buttons, or billboards, building names, area names, etc. in the game scene. For example, in sandbox survival games, although the game language can be adjusted, the area names in the game will not change due to language adjustment. When the user opens the map, the area names displayed on the map are all in English. After the user shakes the phone to a certain angle, Chinese or other languages ​​​​can be displayed.

[0093] In some embodiments, the method further comprises:

[0094] In response to the gyroscope enabled mode being turned off, displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements;

[0095] Display the special effects corresponding to the scene elements.

[0096] For terminal devices that do not have a gyroscope installed or do not have a gyroscope enabled mode turned on, since it is impossible to obtain the gyroscope's detection data, the special effect prompt corresponding to each scene element can be directly displayed at the beginning as a given initial effect.

[0097] In summary, the embodiments of the present application have the following beneficial effects:

[0098] A target scene interface is displayed on a graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, and the adjustable object includes scene elements and / or a display area of ​​the target scene interface; in response to the angular movement of a terminal device, detection data of a gyroscope in the terminal device is obtained, and special effects of the adjustable object are displayed according to the detection data. In this way, the special effect prompt of the adjustable object in the target interface can be associated with the detection data of the gyroscope, so that the special effect is displayed when the terminal device performs angular movement, thereby improving the sense of immersion.

[0099] Based on the same inventive concept, an interface display control device corresponding to the interface display control method in the first embodiment is also provided in the embodiment of the present application. Since the principle of solving the problem by the device in the embodiment of the present application is similar to that of the above-mentioned interface display control method, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be repeated.

[0100] like Fig. 9 As shown, Fig. 9 900 is a schematic diagram of the structure of the interface display control device 900 provided in the embodiment of the present application. A graphical user interface is provided through a terminal device, the interface display control device includes a gyroscope, and the interface display control device also includes:

[0101] Display module 901, used to display a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface;

[0102] The adjustment module 902 is used to respond to the angular movement of the terminal device, obtain the detection data of the gyroscope in the terminal device, and control the display of the special effects of the adjustable object according to the detection data.

[0103] It should be noted that the interface display control device may be a part of the terminal device.

[0104] Those skilled in the art should understand that Fig. 9 The functions implemented by each unit in the interface display control device 900 shown can be understood by referring to the relevant description of the aforementioned interface display control method. Fig. 9 The functions of the various units in the interface display control device 900 shown may be implemented by a program running on a processor, or may be implemented by a specific logic circuit.

[0105] In a possible implementation manner, the target interface corresponds to a plurality of adjustable objects, and different adjustable objects have different special effect prompts.

[0106] In a possible implementation, the adjustment module 902 determines the adjustable object in the graphical user interface in the following manner:

[0107] A key frame image is determined as the target scene interface according to a preset time node, and a specified scene element in the target scene interface or a specified display area of ​​the target scene interface is used as the adjustable object.

[0108] In a possible implementation, the adjustment module 902 controls displaying a special effect prompt of the adjustable object according to the detection data, including:

[0109] Determining adjustment logic of the adjustable object;

[0110] Based on the adjustment logic of the adjustable object, the detection data is applied to the adjustment logic of the adjustable object, and a special effect prompt corresponding to the adjustable object and the adjustment logic is controlled to be displayed.

[0111] In a possible implementation, the adjustment module 902 further includes:

[0112] In response to the specified adjustment logic of the specified adjustable object satisfying an update condition, the specified adjustment logic is updated, wherein the specified adjustment logic satisfying the adjustment condition includes: the specified adjustment logic reaches a time threshold or receives an adjustment instruction from a user.

[0113] In a possible implementation manner, the adjustment module 902 performs adjustment processing on the adjustment logic, including:

[0114] As the time goes by, the offset in the adjustment logic is increased / reduced according to a preset adjustment ratio, wherein the offset is used to change the degree to which the display effect is affected by the detection data;

[0115] Alternatively, a scene corresponding to the time and a rendering effect corresponding to the scene are determined, and a rendering item in the adjustment logic is adjusted based on the scene, so that the display effect adjusted by the rendering item matches the rendering effect or is different from the rendering effect.

[0116] In a possible implementation, the adjustment module 902 determines the adjustable object in the graphical user interface in the following manner:

[0117] In response to a first associating operation, associating a gyroscope component for acquiring the detection data with an adjustable object so that the adjustable object can acquire the detection data;

[0118] In response to a second association operation, a material ball is associated with the adjustable object, wherein the material ball is used to present the display effect, and adjustment of the material ball is based on the detection data.

[0119] In a possible implementation, the adjustment module 902 controls displaying a special effect prompt of the adjustable object according to the detection data, including:

[0120] Adjust the display effect of the current material ball;

[0121] Alternatively, the current material ball and the material ball to be adjusted are determined, and the current material ball is switched to the material ball to be adjusted based on an offset value, wherein the offset value is associated with the detection data of the gyroscope.

[0122] In a possible implementation, the special effects include text special effects, picture special effects, and dynamic special effects. The adjustment module 902 controls the display of the special effect prompt of the adjustable object according to the detection data, including:

[0123] For the adjustable object, at least one special effect prompt among the text special effect, the picture special effect, and the dynamic special effect is adjusted, wherein the adjustment of the text includes the adjustment of the text language and / or font format.

[0124] In a possible implementation, the adjustment module 902 further includes:

[0125] In response to the gyroscope enabled mode being turned off, displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements;

[0126] Display the special effects corresponding to the scene elements.

[0127] The above-mentioned interface display control device displays a target scene interface on a graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, and the adjustable object includes scene elements and / or a display area of ​​the target scene interface; responds to the angular movement of the terminal device, obtains the detection data of the gyroscope in the terminal device, and controls the display of special effects of the adjustable object according to the detection data. In this way, the special effect prompt of the adjustable object in the target interface can be associated with the detection data of the gyroscope, so that when the terminal device performs angular movement, the special effect is displayed, thereby improving the immersion.

[0128] like Fig.10 As shown, Fig.10 The present invention provides a schematic diagram of the structure of an electronic device 1000, wherein the electronic device 1000 includes:

[0129] Processor 1001, storage medium 1002 and bus 1003, the storage medium 1002 stores machine-readable instructions executable by the processor 1001, when the electronic device 1000 is running, the processor 1001 communicates with the storage medium 1002 through the bus 1003, and the processor 1001 executes the machine-readable instructions to perform the following steps:

[0130] Displaying a target scene interface on a graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface;

[0131] In response to the angular movement of the terminal device, detection data of a gyroscope in the terminal device is acquired, and the special effects of the adjustable object are controlled to be displayed according to the detection data.

[0132] In a possible implementation manner, the target interface corresponds to a plurality of adjustable objects, and different adjustable objects have different special effect prompts.

[0133] In a possible implementation manner, the processor 1001 determines the adjustable object in the graphical user interface in the following manner:

[0134] A key frame image is determined as the target scene interface according to a preset time node, and a specified scene element in the target scene interface or a specified display area of ​​the target scene interface is used as the adjustable object.

[0135] In a possible implementation manner, the processor 1001 controls displaying a special effect prompt of the adjustable object according to the detection data, including:

[0136] Determining adjustment logic of the adjustable object;

[0137] Based on the adjustment logic of the adjustable object, the detection data is applied to the adjustment logic of the adjustable object, and a special effect prompt corresponding to the adjustable object and the adjustment logic is controlled to be displayed.

[0138] In a possible implementation, the processor 1001 further includes:

[0139] In response to the specified adjustment logic of the specified adjustable object satisfying an update condition, the specified adjustment logic is updated, wherein the specified adjustment logic satisfying the adjustment condition includes: the specified adjustment logic reaches a time threshold or receives an adjustment instruction from a user.

[0140] In a possible implementation manner, the processor 1001 performs adjustment processing on the adjustment logic, including:

[0141] As the time goes by, the offset in the adjustment logic is increased / reduced according to a preset adjustment ratio, wherein the offset is used to change the degree to which the display effect is affected by the detection data;

[0142] Alternatively, a scene corresponding to the time and a rendering effect corresponding to the scene are determined, and a rendering item in the adjustment logic is adjusted based on the scene, so that the display effect adjusted by the rendering item matches the rendering effect or is different from the rendering effect.

[0143] In a possible implementation manner, the processor 1001 determines the adjustable object in the graphical user interface in the following manner:

[0144] In response to a first associating operation, associating a gyroscope component for acquiring the detection data with an adjustable object so that the adjustable object can acquire the detection data;

[0145] In response to a second association operation, a material ball is associated with the adjustable object, wherein the material ball is used to present the display effect, and adjustment of the material ball is based on the detection data.

[0146] In a possible implementation manner, the processor 1001 controls displaying a special effect prompt of the adjustable object according to the detection data, including:

[0147] Adjust the display effect of the current material ball;

[0148] Alternatively, the current material ball and the material ball to be adjusted are determined, and the current material ball is switched to the material ball to be adjusted based on an offset value, wherein the offset value is associated with the detection data of the gyroscope.

[0149] In a possible implementation manner, the special effects include text special effects, picture special effects, and dynamic special effects, and the processor 1001 controls the display of special effect prompts of the adjustable object according to the detection data, including:

[0150] For the adjustable object, at least one special effect prompt among the text special effect, the picture special effect, and the dynamic special effect is adjusted, wherein the adjustment of the text includes the adjustment of the text language and / or font format.

[0151] In a possible implementation, the processor 1001 further includes:

[0152] In response to the gyroscope enabled mode being turned off, displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements;

[0153] Display the special effects corresponding to the scene elements.

[0154] In actual application, the components in the electronic device 1000 are coupled together via the bus 1003. It is understood that the bus 1003 is used to realize the connection and communication between these components. In addition to the data bus, the bus 1003 also includes a power bus, a control bus and a status signal bus. However, for the sake of clarity, Fig.10 Various buses are labeled as bus 1003.

[0155] The above-mentioned electronic device displays a target scene interface on a graphical user interface, wherein the target scene interface includes multiple scene elements; the target interface corresponds to an adjustable object, and the adjustable object includes the scene element or at least part of the display area of ​​the target scene interface; in a gyroscope enabled mode, it responds to the angular movement of the terminal device, obtains the detection data of the gyroscope in the terminal device, and controls the display of special effect prompts of the adjustable objects according to the detection data. In this way, the special effect prompts of the adjustable objects in the target interface can be associated with the detection data of the gyroscope, so that when the terminal device performs angular movement, the special effect prompts are displayed, thereby improving the sense of immersion.

[0156] The embodiment of the present application further provides a computer-readable storage medium, wherein the storage medium stores executable instructions. When the executable instructions are executed by at least one processor 1001, the following method is implemented:

[0157] Displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface;

[0158] In response to the angular movement of the terminal device, detection data of a gyroscope in the terminal device is acquired, and the special effects of the adjustable object are controlled to be displayed according to the detection data.

[0159] In a possible implementation manner, the target interface corresponds to a plurality of adjustable objects, and different adjustable objects have different special effect prompts.

[0160] In a possible implementation manner, the adjustable object in the graphical user interface is determined in the following manner:

[0161] A key frame image is determined as the target scene interface according to a preset time node, and a specified scene element in the target scene interface or a specified display area of ​​the target scene interface is used as the adjustable object.

[0162] In a possible implementation manner, controlling the display of the special effect prompt of the adjustable object according to the detection data includes:

[0163] Determining adjustment logic of the adjustable object;

[0164] Based on the adjustment logic of the adjustable object, the detection data is applied to the adjustment logic of the adjustable object, and a special effect prompt corresponding to the adjustable object and the adjustment logic is controlled to be displayed.

[0165] In a possible implementation manner, when the executable instruction is executed by at least one processor 1001, it further includes:

[0166] In response to the specified adjustment logic of the specified adjustable object satisfying an update condition, the specified adjustment logic is updated, wherein the specified adjustment logic satisfying the adjustment condition includes: the specified adjustment logic reaches a time threshold or receives an adjustment instruction from a user.

[0167] In a possible implementation manner, the adjusting the adjustment logic includes:

[0168] As the time goes by, the offset in the adjustment logic is increased / reduced according to a preset adjustment ratio, wherein the offset is used to change the degree to which the display effect is affected by the detection data;

[0169] Alternatively, a scene corresponding to the time and a rendering effect corresponding to the scene are determined, and a rendering item in the adjustment logic is adjusted based on the scene, so that the display effect adjusted by the rendering item matches the rendering effect or is different from the rendering effect.

[0170] In a possible implementation manner, the adjustable object in the graphical user interface is determined in the following manner:

[0171] In response to a first associating operation, associating a gyroscope component for acquiring the detection data with an adjustable object so that the adjustable object can acquire the detection data;

[0172] In response to a second association operation, a material ball is associated with the adjustable object, wherein the material ball is used to present the display effect, and adjustment of the material ball is based on the detection data.

[0173] In a possible implementation manner, controlling the display of the special effect prompt of the adjustable object according to the detection data includes:

[0174] Adjust the display effect of the current material ball;

[0175] Alternatively, the current material ball and the material ball to be adjusted are determined, and the current material ball is switched to the material ball to be adjusted based on an offset value, wherein the offset value is associated with the detection data of the gyroscope.

[0176] In a possible implementation manner, the special effects include text special effects, picture special effects, and dynamic special effects, and the controlling the display of the special effect prompt of the adjustable object according to the detection data includes:

[0177] For the adjustable object, at least one special effect prompt among the text special effect, the picture special effect, and the dynamic special effect is adjusted, wherein the adjustment of the text includes the adjustment of the text language and / or font format.

[0178] In a possible implementation manner, when the executable instruction is executed by at least one processor 1001, it further includes:

[0179] In response to the gyroscope enabled mode being turned off, displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements;

[0180] Display the special effects corresponding to the scene elements.

[0181] In some embodiments, the storage medium can be a magnetic random access memory (FRAM), a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), a flash memory, a magnetic surface storage, an optical disk, or a compact disc read-only memory (CD ROM); it can also be various devices including one or any combination of the above memories.

[0182] In some embodiments, executable instructions may be in the form of a program, software, software module, script or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as a stand-alone program or as a module, component, subroutine or other unit suitable for use in a computing environment.

[0183] As an example, executable instructions may, but do not necessarily, correspond to a file in a file system, may be stored as part of a file that stores other programs or data, for example, in one or more scripts in a HyperText Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple coordinated files (for example, files storing one or more modules, subroutines, or code portions).

[0184] By way of example, executable instructions may be deployed to be executed on one computing device, or on multiple computing devices located at one site, or on multiple computing devices distributed across multiple sites and interconnected by a communication network.

[0185] The above-mentioned computer-readable storage medium displays a target scene interface on a graphical user interface, wherein the target scene interface includes multiple scene elements; the target interface corresponds to an adjustable object, and the adjustable object includes the scene element or at least part of the display area of ​​the target scene interface; in a gyroscope-enabled mode, responds to the angular movement of the terminal device, obtains the detection data of the gyroscope in the terminal device, and controls the display of special effect prompts of the adjustable objects according to the detection data. In this way, the special effect prompts of the adjustable objects in the target interface can be associated with the detection data of the gyroscope, so that when the terminal device performs angular movement, the special effect prompts are displayed, thereby improving the sense of immersion.

[0186] In the several embodiments provided in the present application, it should be understood that the disclosed methods and electronic devices can be implemented in other ways. The device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as: multiple units or components can be combined, or can be integrated into another system, or some features can be ignored or not executed. In addition, the coupling, direct coupling, or communication connection between the components shown or discussed can be through some interfaces, and the indirect coupling or communication connection of the devices or units can be electrical, mechanical or other forms.

[0187] The modules described as separate components may or may not be physically separated, and the components shown as modules may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0188] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0189] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a non-volatile computer-readable storage medium that is executable by a processor. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for a computer device (which can be a personal computer, a platform server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as USB flash drives, mobile hard drives, ROM, RAM, magnetic disks, or optical disks.

[0190] The above are only specific implementations of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. An interface display control method, characterized in that: A graphical user interface is provided by a terminal device, wherein the terminal device includes a gyroscope, and the method includes: Displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface; In response to the angular movement of the terminal device, detection data of a gyroscope in the terminal device is acquired, and the special effects of the adjustable object are controlled to be displayed according to the detection data.

2. The method according to claim 1, characterized in that The target interface corresponds to a plurality of adjustable objects, and different adjustable objects have different special effect prompts.

3. The method according to claim 2, characterized in that The adjustable object in the graphical user interface is determined by: A key frame image is determined as the target scene interface according to a preset time node, and a specified scene element in the target scene interface or a specified display area of ​​the target scene interface is used as the adjustable object.

4. The method according to claim 1, characterized in that: The controlling and displaying of the special effect prompt of the adjustable object according to the detection data includes: Determining adjustment logic of the adjustable object; Based on the adjustment logic of the adjustable object, the detection data is applied to the adjustment logic of the adjustable object, and a special effect prompt corresponding to the adjustable object and the adjustment logic is controlled to be displayed.

5. The method according to claim 4, characterized in that The method further comprises: In response to the specified adjustment logic of the specified adjustable object satisfying an update condition, the specified adjustment logic is updated, wherein the specified adjustment logic satisfying the adjustment condition includes: the specified adjustment logic reaches a time threshold or receives an adjustment instruction from a user.

6. The method according to claim 5, characterized in that The adjusting process of the adjustment logic includes: As the time goes by, the offset in the adjustment logic is increased / reduced according to a preset adjustment ratio, wherein the offset is used to change the degree to which the display effect is affected by the detection data; Alternatively, a scene corresponding to the time and a rendering effect corresponding to the scene are determined, and a rendering item in the adjustment logic is adjusted based on the scene, so that the display effect adjusted by the rendering item matches the rendering effect or is different from the rendering effect.

7. The method according to claim 2, characterized in that The adjustable object in the graphical user interface is determined by: In response to a first associating operation, associating a gyroscope component for acquiring the detection data with an adjustable object so that the adjustable object can acquire the detection data; In response to a second association operation, a material ball is associated with the adjustable object, wherein the material ball is used to present the display effect, and adjustment of the material ball is based on the detection data.

8. The method according to claim 7, characterized in that The controlling and displaying of the special effect prompt of the adjustable object according to the detection data includes: Adjust the display effect of the current material ball; Alternatively, the current material ball and the material ball to be adjusted are determined, and the current material ball is switched to the material ball to be adjusted based on an offset value, wherein the offset value is associated with the detection data of the gyroscope.

9. The method according to claim 1, characterized in that: The special effects include text special effects, picture special effects, and dynamic special effects. The controlling and displaying of the special effect prompt of the adjustable object according to the detection data includes: For the adjustable object, at least one special effect prompt among the text special effect, the picture special effect, and the dynamic special effect is adjusted, wherein the adjustment of the text includes the adjustment of the text language and / or font format.

10. The method according to claim 1, characterized in that The method further comprises: In response to the gyroscope enabled mode being turned off, displaying a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; Display the special effects corresponding to the scene elements.

11. An interface display control device, characterized in that: A graphical user interface is provided through a terminal device, wherein the interface display control device includes a gyroscope, and the interface display control device further includes: A display module, configured to display a target scene interface on the graphical user interface, wherein the target scene interface includes scene elements; the target interface corresponds to an adjustable object, wherein the adjustable object includes the scene elements and / or a display area of ​​the target scene interface; The adjustment module is used to respond to the angular movement of the terminal device, obtain the detection data of the gyroscope in the terminal device, and control the display of the special effects of the adjustable object according to the detection data.

12. An electronic device, characterized in that: include: A processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor communicates with the storage medium via the bus, and the processor executes the machine-readable instructions to execute the interface display control method as described in any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the interface display control method according to any one of claims 1 to 10 is executed.

Images