An interface display control method and device, electronic equipment and storage medium

Abstract

The application provides an interface display control method and device, electronic equipment and a storage medium. A graphical user interface is provided by a terminal device. The terminal device includes a gyroscope. The method comprises the following steps: displaying a target scene interface on the graphical user interface. The target scene interface includes scene elements. The target interface corresponds to an adjustable object. The adjustable object includes the scene elements and / or a display area of the target scene interface. In response to the angular motion of the terminal device, detection data of the gyroscope in the terminal device is obtained, and a special effect of the display adjustable object is controlled according to the detection data. The application can adjust the special effect of the scene elements through the gyroscope data, thereby improving the immersion.

Description

Technical Field

[0001] This 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 Technology

[0002] A gyroscope is a device that uses the angular momentum of a high-speed rotating body to sense the angular motion of its housing relative to inertial space around one or two axes orthogonal to its rotation axis. Gyroscopes are also called gyroscopes if they are angular motion detection devices made using other principles that perform the same function. Gyroscopes have wide applications in terminal devices.

[0003] Currently, gyroscope technology has limitations in visual performance. It usually uses gyroscope data to change the spatial position of elements in the image in order to display a larger area or make the elements in the image "move".

[0004] The special effects prompts for scene elements in the picture are usually implemented by the UI layer and do not interact with the gyroscope. There is a lack of corresponding technical solutions in the existing technology for how to change the special effects prompts of scene elements through the gyroscope. Summary of the Invention

[0005] In view of this, embodiments of this 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 immersion.

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

[0007] In a first aspect, embodiments of this application provide an interface display control method, which provides a graphical user interface through a terminal device, the terminal device including a gyroscope, the method comprising:

[0008] A target scene interface is displayed on the graphical user interface, the target scene interface including scene elements; the target interface corresponds to an adjustable object, the adjustable object including the scene elements and / or the display area of ​​the target scene interface;

[0009] In response to the angular motion of the terminal device, the system acquires the detection data from the gyroscope in the terminal device and controls the display of special effects of the adjustable object based on the detection data.

[0010] Secondly, embodiments of this application also provide an interface display control device, which provides a graphical user interface through a terminal device. The interface display control device includes a gyroscope and further includes:

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

[0012] The adjustment module is used to respond to the angular motion of the terminal device, acquire 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] Thirdly, embodiments of this application also provide an electronic device, including: 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 perform the interface display control method described in any of the first aspects.

[0014] Fourthly, embodiments of this application also provide a computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, performs the interface display control method described in any one of the first aspects.

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

[0016] By displaying a target scene interface on a graphical user interface, the target scene interface includes scene elements; the target interface corresponds to an adjustable object, which includes scene elements and / or the 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 object are controlled to be displayed according to the detection data. In this way, the special effect prompts of the adjustable object in the target interface can be associated with the gyroscope detection data, so that the special effect is displayed when the terminal device performs angular movement, thereby improving the sense of immersion. Attached Figure Description

[0017] To more clearly illustrate the technical solutions of the embodiments of this application, the accompanying drawings used in the embodiments will be briefly introduced below. It should be understood that the following drawings only show some embodiments of this application and should not be regarded as a limitation of the scope. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.

[0018] Figure 1 This is a flowchart illustrating steps S101-S102 provided in the embodiments of this application;

[0019] Figure 2 This is the interface display control diagram provided in the embodiments of this application;

[0020] Figure 3 This is a flowchart illustrating steps S301-S302 provided in the embodiments of this application;

[0021] Figure 4 This is a flowchart illustrating steps S401-S402 provided in the embodiments of this application;

[0022] Figure 5 This is an interface diagram of the gyroscope component provided in an embodiment of this application;

[0023] Figure 6 This is a diagram of the gyroscope association interface provided in the embodiments of this application;

[0024] Figure 7 This is a material association interface diagram provided in the embodiments of this application;

[0025] Figure 8 This is an interface diagram of the motion effect material sphere provided in the embodiments of this application;

[0026] Figure 9 This is a schematic diagram of the interface display control device 900 provided in the embodiments of this application;

[0027] Figure 10 This is a schematic diagram of the composition structure of the electronic device provided in the embodiments of this application. Detailed Implementation

[0028] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. It should be understood that the accompanying drawings in this application are for illustrative and descriptive purposes only and are not intended to limit the scope of protection of this application. Furthermore, it should be understood that the schematic drawings are not drawn to scale. The flowcharts used in this application illustrate operations implemented according to some embodiments of this application. It should be understood that the operations in the flowcharts may not be implemented in sequence, and steps without logical contextual relationships may be reversed or implemented simultaneously. In addition, those skilled in the art, guided by the content of this application, may add one or more other operations to the flowcharts, or remove one or more operations from the flowcharts.

[0029] In the following description, references are made to “some embodiments,” which describe a subset of all possible embodiments. However, it is 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] Furthermore, the described embodiments are merely some, not all, of the embodiments of this application. The components of the embodiments of this application described and illustrated herein can typically be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of this application provided in the accompanying drawings is not intended to limit the scope of the claimed application, but merely to illustrate selected embodiments of the application. All other embodiments obtained by those skilled in the art based on the embodiments of this application without inventive effort are within the scope of protection of this application.

[0031] In the following description, the terms "first, second, third" are used merely to distinguish similar objects and do not represent a specific ordering of objects. It is understood that "first, second, third" may be interchanged in a specific order or sequence where permitted, so that the embodiments of this 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 this application to indicate the presence 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 commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of this application and is not intended to limit this application.

[0034] See Figure 1 , Figure 1 This is a flowchart illustrating steps S101-S102 of the interface display control method provided in this application embodiment, which will be combined with... Figure 1 Steps S101-S102 shown will be explained.

[0035] Step S101: Display a target scene interface on the graphical user interface. The target scene interface includes scene elements. The target interface corresponds to an adjustable object, which includes the scene elements and / or the display area of ​​the target scene interface.

[0036] Step S102: In response to the angular motion of the terminal device, acquire the detection data of the gyroscope in the terminal device, and control the display of the special effects of the adjustable object based on the detection data.

[0037] The aforementioned interface display control method displays a target scene interface on a graphical user interface, which includes scene elements; the target interface corresponds to an adjustable object, which includes scene elements and / or the display area of ​​the target scene interface; responds to the angular movement of the terminal device, acquires 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 prompts of the adjustable object in the target interface can be associated with the gyroscope detection data, so that the special effect is displayed when the terminal device performs angular movement, thereby improving the sense of immersion.

[0038] The exemplary steps described above in the embodiments of this application will be explained below.

[0039] In step S101, a target scene interface is displayed on the graphical user interface. The target scene interface includes scene elements. The target interface corresponds to an adjustable object, which includes the scene elements and / or the 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 backgrounds, lighting, buttons, display objects (characters, animals, still life), and the adjustable objects can be one or more scene elements or the display area of ​​the target scene interface. The display area can be divided according to size and position.

[0041] As an example where the target scene interface is a game interface, such as Figure 2 As shown, Figure 2 This is an interface display control diagram provided in an embodiment of this application. The game interface includes "Survival", "Entertainment", "Training" and "Internal Test" buttons on the left and "OK" button on the right. Users can click any of the "Survival", "Entertainment", "Training" and "Internal Test" buttons to display the game sub-modes under the corresponding directory. For example, in the "Survival" mode, the game sub-modes include four sub-modes: "Chosen One", "Quick Match", "Battle of the Gods and Men", and "Man vs. Machine". After the user selects the corresponding sub-mode, clicking the "OK" button will enter the game of the corresponding mode.

[0042] In step S102, in response to the angular motion of the terminal device, the detection data of the 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. The change in the detection data compared to the reference data can be used to control the special effects prompts of the adjustable object. These special effects prompts can be corresponding special effects, or changes in text or images.

[0044] As an example, see further. Figure 2 ,like Figure 2 As shown, when the terminal device generates angular motion, the gyroscope in the terminal device will generate detection data. Based on 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.

[0045] The above method, by linking the gyroscope's detection data with the special effects cues of adjustable objects, enables the terminal device to make corresponding adjustments to the special effects cues based on the detection data when angular motion occurs, thereby improving the sense of immersion.

[0046] In some embodiments, the target interface corresponds to multiple adjustable objects, and the special effects prompts of different adjustable objects are different.

[0047] As an example, in a game interface, the texture of the "Survival" button (the mode selection button) is different from the texture of the "OK" button. Correspondingly, when the terminal device undergoes angular movement, because the textures of the "Survival" button and the "OK" button are different, 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 scenario, the textures of the "Survival" and "Entertainment" buttons are the same. To make the texture gradient effects of the "Survival" and "Entertainment" buttons different when the terminal device generates angular motion, the gradient rates of the two buttons can be different. For example, the ratio of the gradient rate of the texture in the "Survival" button to the degree of change in the detection data is 1:1, while the ratio of the gradient rate of the texture in the "Entertainment" button to the degree of change in 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 movement, different adjustable objects can display their own special effects prompts according to their own adjustment strategies, thereby making the adjustable objects visually independent, improving the degree of differentiation and immersion.

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

[0051] The keyframe image is determined as the target scene interface based on the preset time node, and the specified scene elements in the target scene interface or the specified display area of ​​the target scene interface is taken as the adjustable object.

[0052] For example, the target scene interface can be a keyframe image determined according to a preset time node. For instance, in a set of 60-second images, the 20th to 40th seconds are keyframes (the keyframes are preset by the animator in advance). When the image plays to the 20th second, the target scene interface corresponding to that image is the target scene interface. At this time, the target scene interface has two scene elements: background and character. In order to highlight the character in the keyframe, the character can be defined as an adjustable object. Then, when the terminal device produces angular motion, special effects can be added to the character (e.g., adding highlights to the character, increasing the character's contrast). Alternatively, the area where the character is located can be designated as a display area, and special effects can be added to that designated display area.

[0053] Alternatively, the above method can also treat both the background and the person as designated scene elements, making both the background and the person adjustable objects. When the terminal device generates angular movement, highlights can be added to the person while the background is blurred, which can also highlight the person.

[0054] The above method allows for flexible settings of adjustable objects at different times, enabling regular display during non-keyframe periods, thus reducing resource consumption and improving operating efficiency.

[0055] In some embodiments, see Figure 3 , Figure 3 This is a flowchart illustrating steps S301-S302 provided in the embodiments of this application. The control of displaying special effects prompts for the adjustable object based on the detection data can be achieved through steps S301-S302, which will be explained in conjunction with each step.

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

[0057] Here, the adjustment logic for each adjustable object includes association rules and adjustment strategies. Association rules are used to associate the gyroscope component with the adjustment strategy, and the adjustment strategy is specifically used to adjust the material sphere based on 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 prompts corresponding to the adjustment object and the adjustment logic are 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 sphere.

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

[0061] In response to the specified adjustment logic of a specified adjustable object meeting the update conditions, the specified adjustment logic is updated. The specified adjustment logic meeting the adjustment conditions includes: the specified adjustment logic reaching a time threshold or receiving an adjustment instruction from the user.

[0062] Here, the specified adjustment logic for the adjustable object is not static; the adjustment logic can also be adjusted after a time threshold is reached or after receiving an adjustment instruction from the user.

[0063] For example, in the "Seven-Day Check-in" event, the adjustable object is a "Check-in" button. The material sphere displaying the check-in button includes seven images numbered "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 sequentially to "a, b, c, d, e, f, g". On the first day, the "Check-in" button displays the effects for "1" and "a". On the second day, the "Check-in" button displays the effects for "a". The button displays special effects for "1" and "b", and the effects for "a, b, c, d, e, f, g" increase in intensity from a to g. This way, on the seventh day, when the user shakes the device, the displayed effects for "7" and "g" will create a strong visual impact. Typically, the rewards for the "seven-day check-in" event increase over time, thus providing a strong visual impact on the user's seventh-day check-in and enhancing their sense of immersion.

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

[0065] As time progresses, the offset in the adjustment logic is increased / decreased 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, determine the scene corresponding to the time and the rendering effect corresponding to the scene, and adjust the rendering items in the adjustment logic based on the scene so that the display effect after adjustment by the rendering items 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 the special effect "x", where "x" is a blinking effect. This blinking effect corresponds to a blinking frequency, which is related to 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 to the reference data, and the corresponding blinking frequency is 1. On the seventh day, the offset is adjusted to 7, and the detection data is offset by 1 preset value compared to the reference data.

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

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

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

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

[0072] For example, see Figure 5 , Figure 5 This is an interface diagram of the gyroscope component provided in an embodiment of this application, such as... Figure 5 As shown, the project directory contains a component called Gyro_Mat, used to add LX Gyro (Script) scripts. These scripts are used to collect tilt values ​​from the gyroscope. Within this script, whether "Lock X-axis" and "Lock Y-axis" are checked corresponds to locking the gyroscope's x and y axes, respectively. When locked, the data for the corresponding axis is locked and cannot be acquired. "X-axis input curve" and "Y-axis input curve" control the sensitivity of the x and y axes, respectively. "Enable gyroscope debugging" is a debugging option; "Gyroscope input angle (debugging)" enables gyroscope debugging on devices that do not support gyroscopes.

[0073] See Figure 6 , Figure 6 This is a diagram of the gyroscope association interface provided in the embodiments of this application, such as... Figure 6As shown, add the LX Gyro Material Animation component to the top parent level of the project directory. Instead of selecting the already created Gyro_Mat(LX Gyro) component in the gyroscope component list, note that Gyro_Mat(LX Gyro) is the Gyro_Mat component, and LXGyro in parentheses corresponds to LX Gyro. After associating the Gyro (Script) component with the gyroscope, special material properties need to be set. These properties include multiple sub-items, arranged in a parallel relationship. In the first sub-item, the "Material" is set to "icon_test_gyro_01," which is a custom animation material associated with the gyroscope data. The "Attribute" is set to "_Gyro_lerp(Vector)," meaning this attribute is controlled by the gyroscope. In practice, "_Gyro_lerp(Vector)" is not limited to the gyroscope; it can also call parameters other than the gyroscope, facilitating future expansion. After setting each sub-item, it's equivalent to specifying which materials need to be controlled by the gyroscope. If global material settings are needed, "_Gyro_lerp" can be configured directly in the "Global Material Properties," applying the gyroscope to all materials.

[0074] In step S402, in response to the second association operation, the material ball is associated with the adjustable object, wherein the material ball is used to present the display effect, and the 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 the embodiments of this application, such as... Figure 7 As shown, in the LXImage component, the address of the motion effect material is configured in the Shader of Icon_test_gyro01(Material) to obtain the corresponding motion effect material. The interface diagram of the motion effect material provided in this embodiment is shown below. Figure 8 As shown. After configuring the address of the animation material, the following settings also need to be edited:

[0076] The `type` property indicates the type of motion material used, such as "static image, no localization required"; `Source image` indicates using an image in the motion material; `Color` indicates color settings, `Hexadecimal` indicates color picking via code, `Material` indicates adding a material to this layer, such as `icon_test_gyro01`; `Raycast Target` indicates the on / off switch for interaction; `Maskable` indicates the on / off switch for the mask; `Flip Direction` indicates the image stretching mode, including mirror, symmetry, etc.; `Gradient Type` indicates gradient effects, such as gradient and transparency; `Color Flip Type` indicates changing the mode via color; `Use Sprite Mesh` indicates whether to enable model meshes; `Preserve Aspect` indicates whether to enable layers; `Set Native Size` indicates custom width and height; `EnableL12UIEffect` indicates whether to activate L12 effects; `Clip (Draw Call Optimization)` indicates activating content such as animation; `Instantiate Material` indicates whether to activate a material instance; `Addressable` indicates adding an `LXImage` component.

[0077] like Figure 8 As shown, the address in the animation material (Shader) is... Figure 7 In the address field (which matches the current address), click on the Addressable option to activate the animation material. This material includes the following settings:

[0078] Crop Mode indicates the cropping method; Stencil Ref indicates the degree of light refraction offset, usually 0; Stencil Compare indicates whether the mode is enabled, Pass, Fail, and ZFail indicate whether the corresponding channels are enabled; the overall control is used to control brightness and color gradient, warm / cool deviation, and whether there is light overflow; main map, secondary map, three-layer map, and four-layer map indicate how many layers of maps are enabled; correspondingly, THIRDTEXTURE, UV DISTORT, and MASK LATER can be enabled by checking the boxes.

[0079] The motion material and core settings involve enabling GYRO LAYER. Here, you can configure gyroscope-related settings, such as adjusting the initial offset value (GyroOffset), adjusting the offset rate (GyroRate), determining the shader's position on the screen (GyroScreen -1 for the leftmost position: when the left side of the screen is raised, the shader effect is visible; when the left side of the screen is lowered, the shader effect is weakened; conversely, 1 for the rightmost position; 0 in the middle of the screen means it is not affected by the gyroscope effect. This parameter can affect the sensitivity of multiple shaders at different positions on the same screen), the mask texture (GyroTexture, which uses the principle of black being transparent and white being opaque to control the degree or area of ​​gyroscope influence), and basic parameters for adjusting the mask texture such as GyroAnchor / ScaleOffset / ScrollRotate.

[0080] In some embodiments, controlling the display of special effects prompts for the adjustable object based on the detection data includes:

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

[0082] Alternatively, the current material sphere and the material sphere to be adjusted are determined, and the current material sphere is switched to the material sphere 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, you can adjust the display effect of the current material based on the detection data, or switch between two different materials. Specifically, this is achieved through offset.

[0084] In video effects or image processing, offset typically refers to moving or shifting the position of one effect or material relative to another. This offset can be horizontal or vertical and can be used to achieve various visual effects, such as creating animated flickering, bouncing, or fading effects.

[0085] When implementing offset, it is usually necessary to specify the offset between two effects or materials.

[0086] This offset can be specified by pixel value or percentage. For example:

[0087] 1. Flashing Effect: By offsetting two identical effects or materials with different opacities, you can create a flashing or alternating effect. For example, you can add an opacity offset between two effects and set an appropriate offset to create a flashing effect.

[0088] 2. Bouncing Effect: By gradually increasing or decreasing the offset over a period of time, a bouncing or vibrating visual effect can be created. For example, a horizontal or vertical offset of one pixel can be increased or decreased in each frame to create a bouncing motion effect.

[0089] 3. Gradient Effect: By setting different offsets at different positions, you can create gradient or transition effects. For example, you can create multiple different effects or materials on an overlay and offset their positions by a certain distance to create a gradient effect.

[0090] In some embodiments, the special effects include text effects, image effects, and dynamic effects. The step of controlling the display of effect prompts for the adjustable object based on the detection data includes:

[0091] For the adjustable object, at least one of the text effects, image effects, and dynamic effects is adjusted, wherein the adjustment of the text includes adjusting the language and / or font format.

[0092] Special effects prompts can take the form of text, images, or special effects. As an example of a text-based prompt, in a purchase scenario, the "Buy" button normally displays the text "Buy." When the user shakes the phone, "Buy" can be changed to "BUY." This way, users of different languages ​​can still understand the function of key buttons even without adjusting the game language. These adjustable objects are usually core function buttons, or billboards, building names, and area names in the game scene. For example, in sandbox survival games, although the game language can be adjusted, the names of in-game areas will not change. When the user opens the map, the area names displayed are 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 includes:

[0094] In response to the gyroscope enable mode being turned off, a target scene interface is displayed on the graphical user interface, the target scene interface including scene elements;

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

[0096] For terminal devices that do not have a gyroscope installed or whose gyroscope enable mode is not enabled, since the gyroscope detection data cannot be obtained, the special effect prompts corresponding to each scene element can be displayed directly at the beginning as the given initial effect.

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

[0098] By displaying a target scene interface on a graphical user interface, the target scene interface includes scene elements; the target interface corresponds to an adjustable object, which includes scene elements and / or the 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 object are controlled to be displayed according to the detection data. In this way, the special effect prompts of the adjustable object in the target interface can be associated with the gyroscope detection data, 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, this application also provides an interface display control device corresponding to the interface display control method in the first embodiment. Since the principle of the device in this 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 described again.

[0100] like Figure 9 As shown, Figure 9 This is a schematic diagram of the interface display control device 900 provided in an embodiment of this application. A graphical user interface is provided through a terminal device. The interface display control device includes a gyroscope and further includes:

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

[0102] The adjustment module 902 is used to respond to the angular motion of the terminal device, acquire 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 can be part of the terminal equipment.

[0104] Those skilled in the art should understand that Figure 9 The functions of each unit in the interface display control device 900 shown can be understood by referring to the relevant description of the interface display control method described above. Figure 9 The functions of each unit in the interface display control device 900 shown can be implemented by a program running on a processor or by specific logic circuits.

[0105] In one possible implementation, the target interface corresponds to multiple adjustable objects, and the special effects prompts of different adjustable objects are different.

[0106] In one possible implementation, the adjustment module 902 determines the adjustable object in the graphical user interface by:

[0107] The keyframe image is determined as the target scene interface based on the preset time node, and the specified scene elements in the target scene interface or the specified display area of ​​the target scene interface is taken as the adjustable object.

[0108] In one possible implementation, the adjustment module 902 controls the display of special effects prompts for the adjustable object based on the detection data, including:

[0109] Determine the adjustment logic for 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 to control the display of special effects prompts corresponding to the adjustable object and the adjustment logic.

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

[0112] In response to the specified adjustment logic of a specified adjustable object meeting the update conditions, the specified adjustment logic is updated. The specified adjustment logic meeting the adjustment conditions includes: the specified adjustment logic reaching a time threshold or receiving an adjustment instruction from the user.

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

[0114] As time progresses, the offset in the adjustment logic is increased / decreased 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, determine the scene corresponding to the time and the rendering effect corresponding to the scene, and adjust the rendering items in the adjustment logic based on the scene so that the display effect after adjustment by the rendering items matches the rendering effect or is different from the rendering effect.

[0116] In one possible implementation, the adjustment module 902 determines the adjustable object in the graphical user interface by:

[0117] In response to the first association operation, the gyroscope component used to acquire the detection data is associated with the adjustable object so that the adjustable object can acquire the detection data;

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

[0119] In one possible implementation, the adjustment module 902 controls the display of special effects prompts for the adjustable object based on the detection data, including:

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

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

[0122] In one possible implementation, the special effects include text effects, image effects, and dynamic effects. The adjustment module 902 controls the display of effect prompts for the adjustable object based on the detection data, including:

[0123] For the adjustable object, at least one of the text effects, image effects, and dynamic effects is adjusted, wherein the adjustment of the text includes adjusting the language and / or font format.

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

[0125] In response to the gyroscope enable mode being turned off, a target scene interface is displayed on the graphical user interface, the target scene interface including scene elements;

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

[0127] The aforementioned interface display control device displays a target scene interface on a graphical user interface, which includes scene elements; the target interface corresponds to an adjustable object, which includes scene elements and / or the display area of ​​the target scene interface; responds to the angular movement of the terminal device, acquires 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 prompts of the adjustable object in the target interface can be associated with the gyroscope detection data, so that the special effect is displayed when the terminal device performs angular movement, thereby improving the sense of immersion.

[0128] like Figure 10 As shown, Figure 10 This is a schematic diagram of the composition structure of the electronic device 1000 provided in the embodiments of this application. The electronic device 1000 includes:

[0129] The electronic device 1000 comprises a processor 1001, a storage medium 1002, and a 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 via the bus 1003, and the processor 1001 executes the machine-readable instructions to perform the following steps:

[0130] A target scene interface is displayed on a graphical user interface, the target scene interface including scene elements; the target interface corresponds to an adjustable object, the adjustable object including the scene elements and / or the display area of ​​the target scene interface;

[0131] In response to the angular motion of the terminal device, the system acquires the detection data from the gyroscope in the terminal device and controls the display of special effects of the adjustable object based on the detection data.

[0132] In one possible implementation, the target interface corresponds to multiple adjustable objects, and the special effects prompts of different adjustable objects are different.

[0133] In one possible implementation, the processor 1001 determines the adjustable objects in the graphical user interface by:

[0134] The keyframe image is determined as the target scene interface based on the preset time node, and the specified scene elements in the target scene interface or the specified display area of ​​the target scene interface is taken as the adjustable object.

[0135] In one possible implementation, the processor 1001 controls the display of special effects prompts for the adjustable object based on the detection data, including:

[0136] Determine the adjustment logic for 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 to control the display of special effects prompts corresponding to the adjustable object and the adjustment logic.

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

[0139] In response to the specified adjustment logic of a specified adjustable object meeting the update conditions, the specified adjustment logic is updated. The specified adjustment logic meeting the adjustment conditions includes: the specified adjustment logic reaching a time threshold or receiving an adjustment instruction from the user.

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

[0141] As time progresses, the offset in the adjustment logic is increased / decreased 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, determine the scene corresponding to the time and the rendering effect corresponding to the scene, and adjust the rendering items in the adjustment logic based on the scene so that the display effect after adjustment by the rendering items matches the rendering effect or is different from the rendering effect.

[0143] In one possible implementation, the processor 1001 determines the adjustable object in the graphical user interface by:

[0144] In response to the first association operation, the gyroscope component used to acquire the detection data is associated with the adjustable object so that the adjustable object can acquire the detection data;

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

[0146] In one possible implementation, the processor 1001 controls the display of special effects prompts for the adjustable object based on the detection data, including:

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

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

[0149] In one possible implementation, the special effects include text effects, image effects, and dynamic effects. The processor 1001 controls the display of effect prompts for the adjustable object based on the detection data, including:

[0150] For the adjustable object, at least one of the text effects, image effects, and dynamic effects is adjusted, wherein the adjustment of the text includes adjusting the language and / or font format.

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

[0152] In response to the gyroscope enable mode being turned off, a target scene interface is displayed on the graphical user interface, the target scene interface including scene elements;

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

[0154] In practical applications, the various components in the electronic device 1000 are coupled together via a bus 1003. It is understood that the bus 1003 is used to achieve communication between these components. In addition to a data bus, the bus 1003 also includes a power bus, a control bus, and a status signal bus. However, for clarity, in... Figure 10 The general labeled all buses as Bus 1003.

[0155] The aforementioned electronic device displays a target scene interface on a graphical user interface, which includes multiple scene elements. The target interface corresponds to an adjustable object, which includes the scene elements or at least a portion of the display area of ​​the target scene interface. In gyroscope-enabled mode, in response to the angular movement of the terminal device, the device acquires the detection data of the gyroscope in the terminal device and controls the display of special effects prompts for the adjustable object based on the detection data. In this way, the special effects prompts for the adjustable object in the target interface can be associated with the gyroscope detection data, thereby displaying the special effects prompts when the terminal device performs angular movement, thus enhancing the sense of immersion.

[0156] This application embodiment also provides a computer-readable storage medium storing executable instructions, which, when executed by at least one processor 1001, implement the following method:

[0157] A target scene interface is displayed on the graphical user interface, the target scene interface including scene elements; the target interface corresponds to an adjustable object, the adjustable object including the scene elements and / or the display area of ​​the target scene interface;

[0158] In response to the angular motion of the terminal device, the system acquires the detection data from the gyroscope in the terminal device and controls the display of special effects of the adjustable object based on the detection data.

[0159] In one possible implementation, the target interface corresponds to multiple adjustable objects, and the special effects prompts of different adjustable objects are different.

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

[0161] The keyframe image is determined as the target scene interface based on the preset time node, and the specified scene elements in the target scene interface or the specified display area of ​​the target scene interface is taken as the adjustable object.

[0162] In one possible implementation, controlling the display of special effects prompts for the adjustable object based on the detection data includes:

[0163] Determine the adjustment logic for 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 to control the display of special effects prompts corresponding to the adjustable object and the adjustment logic.

[0165] In one possible implementation, when the executable instructions are executed by at least one processor 1001, the method further includes:

[0166] In response to the specified adjustment logic of a specified adjustable object meeting the update conditions, the specified adjustment logic is updated. The specified adjustment logic meeting the adjustment conditions includes: the specified adjustment logic reaching a time threshold or receiving an adjustment instruction from the user.

[0167] In one possible implementation, the adjustment process for the adjustment logic includes:

[0168] As time progresses, the offset in the adjustment logic is increased / decreased 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, determine the scene corresponding to the time and the rendering effect corresponding to the scene, and adjust the rendering items in the adjustment logic based on the scene so that the display effect after adjustment by the rendering items matches the rendering effect or is different from the rendering effect.

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

[0171] In response to the first association operation, the gyroscope component used to acquire the detection data is associated with the adjustable object so that the adjustable object can acquire the detection data;

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

[0173] In one possible implementation, controlling the display of special effects prompts for the adjustable object based on the detection data includes:

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

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

[0176] In one possible implementation, the special effects include text effects, image effects, and dynamic effects. The step of controlling the display of effect prompts for the adjustable object based on the detection data includes:

[0177] For the adjustable object, at least one of the text effects, image effects, and dynamic effects is adjusted, wherein the adjustment of the text includes adjusting the language and / or font format.

[0178] In one possible implementation, when the executable instructions are executed by at least one processor 1001, the method further includes:

[0179] In response to the gyroscope enable mode being turned off, a target scene interface is displayed on the graphical user interface, the target scene interface including scene elements;

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

[0181] In some embodiments, the storage medium may 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 memory, an optical disc, or a compact disc read-only memory (CD ROM), etc.; or it may be a device that includes one or any combination of the above-mentioned memories.

[0182] In some embodiments, executable instructions may take 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 standalone 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 files in the file system. They may be stored as part of a file that holds 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 collaborating files (e.g., a file that stores one or more modules, subroutines, or code sections).

[0184] As an example, executable instructions can be deployed to execute on a single computing device, or on multiple computing devices located in one location, or on multiple computing devices distributed across multiple locations and interconnected via a communication network.

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

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

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

[0188] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0189] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a processor-executable, non-volatile, computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, a platform server, or a network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, ROM, RAM, magnetic disks, or optical disks.

[0190] The above are merely specific embodiments of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for controlling interface display, characterized in that, The method includes providing a graphical user interface via a terminal device, the terminal device including a gyroscope, and comprising: A target scene interface is displayed on the graphical user interface, the target scene interface including scene elements; the target scene interface corresponds to an adjustable object, the adjustable object including the scene elements and / or the display area of ​​the target scene interface; In response to the angular motion of the terminal device, the system acquires the detection data from the gyroscope in the terminal device and controls the display of special effects prompts for the adjustable object based on the detection data. The step of controlling the display of special effects prompts for the adjustable object based on the detection data includes: Determine the adjustment logic for 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 to control the display of special effects prompts corresponding to the adjustable object and the adjustment logic; The adjustment logic is adjusted, including: As time progresses, the offset in the adjustment logic is increased or decreased 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, determine the scene corresponding to the time and the rendering effect corresponding to the scene, and adjust the rendering items in the adjustment logic based on the scene so that the display effect after adjustment by the rendering items matches the rendering effect or is different from the rendering effect.

2. The method according to claim 1, characterized in that, The target scene interface has multiple adjustable objects, and the special effects prompts for different adjustable objects are different.

3. The method according to claim 2, characterized in that, The adjustable objects in the graphical user interface are determined in the following ways: The keyframe image is determined as the target scene interface based on the preset time node, and the specified scene elements in the target scene interface or the specified display area of ​​the target scene interface is taken as the adjustable object.

4. The method according to claim 1, characterized in that, The method further includes: In response to the specified adjustment logic of a specified adjustable object meeting the update conditions, the specified adjustment logic is updated. The specified adjustment logic meeting the adjustment conditions includes: the specified adjustment logic reaching a time threshold or receiving an adjustment instruction from the user.

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

6. The method according to claim 5, characterized in that, The step of controlling the display of special effects prompts for the adjustable object based on the detection data includes: Adjust the display effect of the current material sphere; Alternatively, the current material sphere and the material sphere to be adjusted are determined, and the current material sphere is switched to the material sphere to be adjusted based on an offset value, wherein the offset value is associated with the detection data of the gyroscope.

7. The method according to claim 1, characterized in that, The special effects include text effects, image effects, and dynamic effects. The step of controlling the display of effect prompts for the adjustable object based on the detection data includes: For the adjustable object, at least one of the text effects, image effects, and dynamic effects is adjusted, wherein the adjustment of the text includes adjusting the language and / or font format.

8. The method according to claim 1, characterized in that, The method further includes: In response to the gyroscope enable mode being turned off, a target scene interface is displayed on the graphical user interface, the target scene interface including scene elements; Display the special effects corresponding to the scene elements.

9. An interface display control device, characterized in that, A graphical user interface is provided via a terminal device, wherein the interface display control device includes a gyroscope, and the interface display control device further includes: A display module is used to display a target scene interface on the graphical user interface, the target scene interface including scene elements; the target scene interface corresponds to an adjustable object, the adjustable object including the scene elements and / or the display area of ​​the target scene interface; An adjustment module is used to respond to the angular motion of the terminal device, acquire detection data from the gyroscope in the terminal device, and control the display of special effect prompts for the adjustable object based on the detection data. The control of displaying the special effect prompts for the adjustable object based on the detection data includes: determining the adjustment logic of the adjustable object; applying the detection data to the adjustment logic of the adjustable object based on the adjustment logic, and controlling the display of special effect prompts corresponding to the adjustment object and the adjustment logic; adjusting the adjustment logic, including: increasing / decreasing the offset in the adjustment logic by a preset adjustment ratio over time, wherein the offset is used to change the degree to which the display effect is affected by the detection data; or, determining the scene corresponding to the time and the rendering effect corresponding to the scene, and adjusting the rendering items in the adjustment logic based on the scene so that the display effect after adjustment by the rendering items matches or differs from the rendering effect.

10. An electronic device, characterized in that, include: The device includes 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 perform the interface display control method as described in any one of claims 1 to 8.

11. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program, which, when executed by a processor, performs the interface display control method as described in any one of claims 1 to 8.

Images