Animation display method and device, electronic equipment and storage medium

By determining the charging method and obtaining animation parameters on the lock screen, generating and displaying the animation, the problem of the lack of realism in video animations during charging scenarios is solved, thereby improving user interactivity and experience.

CN121957735APending Publication Date: 2026-05-01BEIJING XIAOMI MOBILE SOFTWARE CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
BEIJING XIAOMI MOBILE SOFTWARE CO LTD
Filing Date
2024-10-29
Publication Date
2026-05-01

AI Technical Summary

Technical Problem

In existing technologies, the animation display in charging scenarios uses video animation, which cannot provide enough realism and lacks real-time interaction with users.

Method used

By determining the charging method of the electronic device on the lock screen and obtaining the corresponding animation parameters, the instantiated properties of different charging methods are stored in the cache to generate and display animations, including water ripple animations and particle animations, and real-time rendering and updating of animations are supported.

Benefits of technology

It enhances the interactivity and experience of users with electronic devices, and intuitively displays the charging status through animation, thereby enhancing the realism and immersion of the animation.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN121957735A_ABST
    Figure CN121957735A_ABST
Patent Text Reader

Abstract

The invention relates to an animation display method and device, electronic equipment and a storage medium. The animation display method comprises the steps of determining a current charging mode of the electronic equipment in response to charging of the electronic equipment in a screen locking state, and obtaining animation parameters corresponding to the current charging mode, different charging modes corresponding to different animation parameters; and based on the animation parameters, rendering and displaying an animation on a lock screen interface of the electronic equipment. Through the method and the device, the animation corresponding to the current charging mode can be rendered and displayed on the screen locking interface of the electronic equipment, so that the user experience is improved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This disclosure relates to the field of display control, and more particularly to animation display methods, apparatus, electronic devices, and storage media. Background Technology

[0002] With the development of computer graphics technology, animation rendering effects are being used in more and more scenarios, and users often hope to experience realistic rendering effects.

[0003] In related technologies, video animation is often used to display animations in certain scenarios. For example, video animation is commonly used in charging scenarios. However, this method of using video animation cannot provide users with a sufficient sense of realism. Summary of the Invention

[0004] To overcome the problems existing in related technologies, this disclosure provides an animation display method, apparatus, electronic device, and storage medium.

[0005] According to a first aspect of the present disclosure, an animation display method is provided, comprising: in response to an electronic device charging in a locked state, determining the current charging mode of the electronic device, and obtaining animation parameters corresponding to the current charging mode, wherein different charging modes correspond to different animation parameters; and rendering and displaying an animation on the lock screen interface of the electronic device based on the animation parameters.

[0006] In one embodiment, the animation parameters corresponding to the current charging method include multiple different instantiation attributes that dynamically change for the same rendering instance; obtaining the animation parameters corresponding to the current charging method includes: in response to receiving a rendering notification, obtaining multiple different instantiation attributes corresponding to the current charging method from a first cache based on the same instantiation rendering interface, wherein the first cache stores the instantiation attributes of the rendering instances corresponding to different charging methods.

[0007] In one implementation, multiple different instantiation attributes in the first cache are pre-stored in the following manner: the instantiation attributes in the shader are compiled based on the graphics program interface, so that the SKIA engine reads the instantiation attributes in the redefined shader and stores them in the first cache; wherein the shader is redefined based on predefined rendering operations and includes the instantiation attributes.

[0008] In one embodiment, rendering and displaying an animation on the lock screen of the electronic device includes: inputting multiple different instantiated attributes obtained from a first cache into a trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendered instance; generating an initial animation based on the motion trajectory and storing the animation parameters corresponding to the initial animation in a second cache; processing the initial animation in the second cache to obtain a processed animation; and overlaying the initial animation and the processed animation on the lock screen of the electronic device.

[0009] In one embodiment, after rendering and displaying an animation on the lock screen of the electronic device, the method further includes: in response to detecting an operation on the animation, obtaining an updated animation based on the animation, the operation, and an animation update model, and rendering and displaying the updated animation on the lock screen of the electronic device.

[0010] In one embodiment, before obtaining the animation parameters corresponding to the current charging method, the method further includes: determining that the electronic device supports rendering and displaying animations on the lock screen interface.

[0011] In one embodiment, the method further includes: determining that the electronic device does not support rendering and displaying animations on the lock screen; determining the video animation corresponding to the current charging mode of the electronic device; and displaying the video animation on the lock screen of the electronic device based on the video animation.

[0012] In one embodiment, determining the current charging mode of the electronic device includes: determining the charging mode based on the charging state of the electronic device.

[0013] According to a second aspect of the present disclosure, an animation display device is provided, including a processing unit configured to, in response to an electronic device charging in a locked state, determine the current charging mode of the electronic device and obtain animation parameters corresponding to the current charging mode, wherein different charging modes correspond to different animation parameters; and a display unit configured to render and display an animation on the lock screen interface of the electronic device based on the animation parameters.

[0014] In one embodiment, the animation parameters corresponding to the current charging method include multiple different instantiation attributes that dynamically change for the same rendering instance; the processing unit obtains the animation parameters corresponding to the current charging method in the following manner: in response to receiving a rendering notification, based on the same instantiation rendering interface, it obtains multiple different instantiation attributes corresponding to the current charging method from a first cache, wherein the first cache stores the instantiation attributes of the rendering instances corresponding to different charging methods.

[0015] In one implementation, multiple different instantiation attributes in the first cache are pre-stored in the following manner: the instantiation attributes in the shader are compiled based on the graphics program interface, so that the SKIA engine reads the instantiation attributes in the redefined shader and stores them in the first cache; wherein the shader is redefined based on predefined rendering operations and includes the instantiation attributes.

[0016] In one embodiment, the display unit renders and displays an animation on the lock screen of the electronic device in the following manner: multiple different instantiated attributes obtained from the first cache are input into a trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendered instance; based on the motion trajectory, an initial animation is generated, and the animation parameters corresponding to the initial animation are stored in a second cache; the initial animation in the second cache is processed to obtain a processed animation; the initial animation and the processed animation are superimposed on the lock screen of the electronic device.

[0017] In one embodiment, after rendering and displaying an animation on the lock screen of the electronic device, the display unit is further configured to: in response to detecting an operation on the animation, obtain an updated animation based on the animation, the operation, and an animation update model, and render and display the updated animation on the lock screen of the electronic device.

[0018] In one embodiment, before obtaining the animation parameters corresponding to the current charging method, the processing unit is further configured to: determine that the electronic device supports rendering and displaying animations on the lock screen interface.

[0019] In one embodiment, the processing unit is further configured to: determine that the electronic device does not support rendering and displaying animations on the lock screen interface; determine the video animation corresponding to the current charging mode of the electronic device, and display the video animation on the lock screen interface of the electronic device based on the video animation.

[0020] In one embodiment, the processing unit determines the current charging mode of the electronic device by determining the charging mode based on the charging state of the electronic device.

[0021] According to a third aspect of the present disclosure, an electronic device is provided, comprising: a processor; a memory for storing processor-executable instructions; wherein the processor is configured to: execute the animation display method described in the first aspect or any embodiment of the first aspect.

[0022] According to a fourth aspect of the present disclosure, a storage medium is provided, the storage medium storing instructions that, when executed by a processor, enable the processor to perform the animation display method described in the first aspect or any embodiment of the first aspect.

[0023] The technical solutions provided by the embodiments of this disclosure can include the following beneficial effects: In response to the electronic device charging in a locked screen mode, the current charging mode of the electronic device is determined. Different charging modes correspond to different animation parameters. Based on these animation parameters, rendering can be performed on the lock screen interface of the electronic device, and an animation corresponding to the current charging mode can be displayed on the lock screen interface, improving the user experience.

[0024] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0025] The accompanying drawings, which are incorporated in and form a part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure.

[0026] Figure 1 This is a flowchart illustrating an animation display method according to an exemplary embodiment.

[0027] Figure 2A This is a schematic diagram of a water ripple animation according to an exemplary embodiment. Figure 1 .

[0028] Figure 2B This is a schematic diagram of a water wave animation according to an exemplary embodiment.

[0029] Figure 2C This is a schematic diagram three illustrating a water wave animation according to an exemplary embodiment.

[0030] Figure 3A This is a schematic diagram of a particle animation according to an exemplary embodiment. Figure 4 .

[0031] Figure 3B This is a schematic diagram of a particle animation according to an exemplary embodiment. Figure 5 .

[0032] Figure 3C This is a schematic diagram of a particle animation according to an exemplary embodiment. Figure 6 .

[0033] Figure 4 This is a flowchart illustrating an animation display method according to an exemplary embodiment.

[0034] Figure 5 This is a flowchart illustrating a method for post-processing display animations according to an exemplary embodiment.

[0035] Figure 6 This is a flowchart illustrating a display animation method according to an exemplary embodiment.

[0036] Figure 7 This is a schematic diagram illustrating a video animation display method according to an exemplary embodiment.

[0037] Figure 8 This is a flowchart illustrating an animation display method according to an exemplary embodiment.

[0038] Figure 9 This is a block diagram illustrating an animation display device according to an exemplary embodiment.

[0039] Figure 10 This is a block diagram illustrating an electronic device for displaying animations according to an exemplary embodiment. Detailed Implementation

[0040] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure.

[0041] The animation display method provided in this disclosure is applied to scenarios where animations are displayed on the screens of electronic devices such as terminals. For example, it can be used for animation display during a charging scenario.

[0042] In related technologies, animation displays for charging scenarios mainly use video animation, and the video is displayed while the screen is off, making it impossible to interact with the user in real time.

[0043] In view of this, this disclosure proposes an animation display method that can enhance the interaction between users and electronic devices and can display animations in real time on the lock screen of electronic devices.

[0044] The animation display method provided in this disclosure is applied to scenarios involving animation display during the charging process of electronic devices.

[0045] Figure 1 This is a flowchart illustrating an animation display method according to an exemplary embodiment. For example... Figure 1 As shown, the method includes steps S11 to S12.

[0046] In step S11, in response to the electronic device charging in the locked state, the current charging mode of the electronic device is determined and the animation parameters corresponding to the current charging mode are obtained.

[0047] In this embodiment of the disclosure, the charging method of the electronic device can be fast charging, normal charging, slow charging, wired charging, wireless charging, or charging through a specific type of charger, etc.

[0048] In this embodiment, the charging method corresponds to the animation parameters, with different charging methods corresponding to different animation parameters. Specifically, once the current charging method of the electronic device is determined, the corresponding animation parameters can be determined. The animation parameters are those parameters of the animation displayed on the lock screen of the electronic device.

[0049] In this embodiment of the disclosure, the animation effects displayed by the animation parameters under different charging methods are different. For example, when the animation is a water wave animation or a particle animation, the display effects of water waves, disturbances, lighting, displacement and particles are different for different charging methods.

[0050] In this embodiment of the disclosure, the animation parameters corresponding to the charging method can be stored in advance, so that when the current charging method of the electronic device is determined, the animation parameters corresponding to the charging method can be directly obtained, thereby improving the processing speed.

[0051] In step S12, the animation is rendered and displayed on the lock screen of the electronic device based on the animation parameters.

[0052] In this embodiment of the present disclosure, in response to the electronic device charging in the locked screen state, the charging method of the electronic device is determined, and then the animation parameters corresponding to the charging method of the electronic device are determined. Based on the animation parameters corresponding to the charging method of the electronic device, the animation is rendered and displayed on the lock screen interface of the electronic device.

[0053] In this embodiment of the disclosure, animation parameters corresponding to the charging method of the electronic device are determined, and animations are rendered and displayed on the lock screen interface based on the animation parameters. This makes it easier for users to understand the current charging method and can overlay different animations on the lock screen interface to show users, thereby improving the user experience.

[0054] The following describes the animation display method during the charging process involved in the above embodiments.

[0055] In one embodiment of this disclosure, the charging method of an electronic device can be determined by charging parameters such as charging speed and charging power.

[0056] In one embodiment of this disclosure, the charging method is determined based on the charging state of the electronic device. The charging state may include the amount of power the electronic device is charging and its temperature, etc. Different levels of power can correspond to different charging methods; for example, if the current power level is below a preset level, the electronic device can use fast charging. If the current power level is above the preset level, the electronic device can use slow charging. This embodiment of the disclosure determines the current charging method of the electronic device by obtaining the amount of power it is charging.

[0057] The temperature of an electronic device also affects the charging method during the charging process. For example, if the electronic device is too hot, slow charging may be used to protect the battery. Conversely, if the electronic device is cool, fast charging may be used.

[0058] In this embodiment of the disclosure, the charging method is determined based on the charging status, which can accurately determine the current charging method of the electronic device and then accurately display the animation corresponding to the current charging method, so that the user can intuitively determine the current charging status and / or charging method through the animation.

[0059] In this embodiment of the disclosure, the execution process of animation rendering on the lock screen interface is described below.

[0060] In this embodiment of the disclosure, the charging method and the animation parameters correspond to each other, and different charging methods correspond to different animation parameters, so that different animations can be rendered based on different animation parameters under different charging methods.

[0061] In this embodiment of the disclosure, the animation parameters corresponding to the charging method of the electronic device include multiple different instantiated attributes that dynamically change for the same rendering instance. These animation parameters include multiple rendering instances. For example, the animation parameters include particle animation, water ripple animation, or other animations. The same rendering instance can be understood as all particle-related animations or all water ripple-related animations in the animation parameters. In other words, the same rendering instance can be understood as instances belonging to the same category that use the same set of computing resources and capabilities to process and generate animations.

[0062] In this embodiment of the disclosure, the instantiated attribute is the attribute corresponding to each rendering instance in the rendering instance, and there are multiple different instantiated attributes corresponding to the same rendering instance. For example, in particle animation, each particle is an instance, and each instance corresponds to an instantiated attribute, where the attribute can be the particle's position, speed, size, and lifespan, etc. Each particle can be dynamically changing. Therefore, the same rendering instance includes multiple dynamically changing different instantiated attributes, and the dynamic parameters include multiple instances of the same rendering instance.

[0063] In exemplary embodiments of this disclosure, such as Figures 2A to 2CThe image shown could be a charging animation of an electronic device during slow charging. Figure 2A This is a schematic diagram of a water ripple animation according to an exemplary embodiment. Figure 1 .in, Figure 2A It could be the animation at the xth second of a water ripple animation when an electronic device is slowly charging. Figure 2B This is a schematic diagram two illustrating a water wave animation according to an exemplary embodiment. Wherein, Figure 2B It could be the animation of the water ripple animation at the y-th second when the electronic device is slowly charging. Figure 2C This is a schematic diagram three illustrating a water wave animation according to an exemplary embodiment. Wherein, Figure 2C This could be the animation of a water ripple at second z during slow charging of an electronic device. Here, x is less than y, and y is less than z.

[0064] like Figures 3A to 3C As shown, it could be a charging animation during the charging process of an electronic device. Figure 3A This is a schematic diagram of a particle animation according to an exemplary embodiment. Figure 4 .in, Figure 3A It could be the particle animation at the xth second during the charging process of an electronic device. Figure 3B This is a schematic diagram of a particle animation according to an exemplary embodiment. Figure 5 .in, Figure 3B It could be the particle animation at the y-th second during the charging process of an electronic device. Figure 3C This is a schematic diagram of a particle animation according to an exemplary embodiment. Figure 6 .in, Figure 3C This could be the particle animation at second z during the charging process of an electronic device. Here, x is less than y, and y is less than z.

[0065] In the above embodiments of this disclosure, when the electronic device is in slow charging mode, the animation rendered and displayed on the lock screen of the electronic device can be a water ripple animation. When the electronic device is in fast charging mode, the animation rendered and displayed on the lock screen of the electronic device can be a particle animation, an animation of water ripples superimposed with particles, or other animations; this example does not limit the scope of the animation.

[0066] In the above embodiments of this disclosure, different charging methods correspond to different animation parameters. Based on the animation parameters, multiple different instantiation attributes that dynamically change for the same rendering instance can be determined, and the animation is rendered and displayed on the lock screen of the electronic device.

[0067] In this embodiment of the disclosure, the charging parameters corresponding to the current charging mode of the electronic device are obtained, and an animation can be displayed based on the charging parameters. Since the charging parameters include multiple different instantiated attributes that dynamically change within the same rendering instance, in order to reduce the number of drawing calls, the instantiated attributes corresponding to the rendering instance are pre-stored in an instance buffer and called through the instantiation rendering interface. For ease of description, the instance buffer will be referred to as the first buffer.

[0068] In this embodiment of the disclosure, combined with Figure 4 Examples are provided to illustrate custom operations in the display engine. Figure 4 This is a flowchart illustrating an animation display method according to an exemplary embodiment. For example... Figure 4 As shown, the rendering function is enabled and the parameters used by the rendering function are set based on the parameters passed from the application layer. In the display engine, in response to receiving the parameters passed from the application layer, the rendering controller is initialized, and the rendering controller begins to execute the drawing logic. During the execution of the drawing logic, the rendering controller passes rendering parameters to the custom rendering pipeline. After the rendering parameters are passed, the rendering controller inserts custom operations, and the SKIA engine notifies when to start the rendering task, which is the rendering effect corresponding to the custom operation. Before the formal execution of the drawing logic, preparatory work for the pre-rendering custom operations is performed, such as generating shaders and setting rendering variables.

[0069] In this embodiment of the disclosure, in response to receiving a rendering notification, the SKIA engine notifies the time when the rendering task will begin, and instantiated attributes in the first cache can be accessed using the same instance rendering interface. The rendering notification can be a notification that the electronic device has detected the start of charging and is preparing to display a charging animation, or a notification that the electronic device detects a user touch animation during charging and updates the animation accordingly. Upon receiving the rendering notification and the current charging method, multiple different instantiated attributes corresponding to the current charging method are retrieved from the first cache based on the same instantiated rendering interface.

[0070] For example, if the animation is a particle animation, the particle properties can be initialized and stored in the first buffer to complete the instantiation and storage of the particle properties.

[0071] In another embodiment of this disclosure, rendering commands are organized through a SurfaceDrawContext, and the desired rendering effect is achieved based on custom rendering operations. Specifically, custom shaders can be passed to the `onPrepare` method, variables can be added, and rendering data can be populated within the `onPrepare` method to implement the rendering logic. In other words, by customizing operations within the display engine, extending the SKIA engine code, and combining it with the SKIA engine rendering pipeline, a universal rendering solution for Open Graphics Library (OpenGL) and Vulkan low-level graphics and computing interfaces is achieved.

[0072] In this embodiment, a custom rendering pipeline extends the code functionality of the SKIA engine and achieves the same rendering effects as other rendering interfaces within the display engine segment. Furthermore, the custom rendering pipeline allows skipping the runtime generation of geometric vertex information within the SKIA engine. If external images are used in the SKIA engine rendering process, each frame of the external image is downloaded in advance and can be displayed synchronously with the animation in real time, avoiding downloads during the rendering process and improving performance.

[0073] In this embodiment of the disclosure, the instance rendering interface can be an interface capable of invoking instance rendering. Since instance rendering can optimize draw calls, objects with the same shape can be rendered using only one draw call, reducing the number of draw calls and consequently reducing the number of communication calls between the Central Processing Unit (CPU) and the Graphics Processing Unit (GPU), thus optimizing CPU performance and electronic device resources, and preventing performance degradation. This embodiment of the disclosure can obtain multiple different instance attributes corresponding to the current charging mode from the first cache based on the same instance rendering interface, thereby improving processor performance and achieving smooth high frame rates.

[0074] In this embodiment, the correspondence between charging methods and instantiation attributes can be pre-stored in a first cache. The instantiation attributes in the shader can be compiled based on the graphics programming interface (GUI) so that the graphics library engine (SKIA) can read and store the redefined instantiation attributes in the shader. The GUI can be OpenGL or Vulkan.

[0075] This disclosure describes the process of pre-storing the data in a first buffer. Before pre-storing in the first buffer, rendering operations can be predefined in the display engine (SurfaceFlinger). For example, the predefined rendering operations could be redefining the vertex shader and fragment shader. The instantiation properties in the predefined shaders are compiled based on the graphics programming interface to ensure that the predefined shaders can execute correctly, enabling the SKIA engine to read the instantiation properties in the redefined shaders. Specifically, the predefined instantiation properties in the predefined shaders can be stored in the first buffer, so that after the instantiation properties in the shaders are compiled based on the graphics programming interface, the SKIA engine can read the redefined instantiation properties in the first buffer.

[0076] In this embodiment of the disclosure, the shader is redefined based on predefined rendering operations, and the instantiation attributes of the shader are redefined based on the predefined rendering operations and stored in the first cache. Different instantiation attributes under different charging methods can be predefined and stored in the first cache, thereby facilitating the acquisition of rendering notifications. Based on the same instantiation rendering interface, multiple different instantiation attributes corresponding to the current charging method can be obtained from the first cache.

[0077] In this embodiment, the diversity of animation display effects is increased based on predefined rendering operations. Based on the correspondence between charging methods and animation parameters, it is easy to directly obtain the animation parameters corresponding to the current charging method, thereby improving the rendering and display speed of animations on the lock screen during the charging process of the electronic device. This enables real-time rendering and display of animations on the lock screen during the charging process of the electronic device.

[0078] In this embodiment of the disclosure, after determining the animation parameters based on the charging method of the electronic device, the animation can be rendered and displayed on the lock screen interface of the electronic device based on the animation parameters.

[0079] In this embodiment of the disclosure, in response to the electronic device charging in the locked state, the current charging mode of the electronic device is determined, and the animation parameters corresponding to the current charging mode are obtained. Based on the animation parameters, the initial animation can be initially obtained. In order to further improve the user experience, the initial animation can also be processed to optimize the display effect of the initial animation.

[0080] Figure 5 This is a flowchart illustrating a method for post-processing display animations according to an exemplary embodiment. For example... Figure 5 As shown, the method includes steps S21 to S24.

[0081] In step S21, multiple different instantiation attributes obtained from the first buffer are input into the trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendering instance.

[0082] In this embodiment, the first buffer stores multiple different instantiated attributes, which correspond to the charging methods of the electronic device. Multiple different instantiated attributes corresponding to the current charging method of the electronic device are obtained, and these attributes are input into the trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendered instance.

[0083] This involves determining the charging method of the electronic device, the corresponding animation parameters, and the rendering instance within those parameters. The trajectory model takes multiple different instantiation attributes of the current rendering instance as input and outputs the motion trajectory drawn based on these attributes.

[0084] In step S22, an initial animation is generated based on the motion trajectory, and the animation parameters corresponding to the initial animation are stored in the second buffer.

[0085] In this embodiment of the disclosure, in order to facilitate the processing of the initial animation, the animation parameters corresponding to the initial animation are stored in the frame buffer. For the sake of convenience, the frame buffer is referred to as the second buffer.

[0086] The second buffer is used for processing. Based on the motion trajectory, an initial animation is generated, and the corresponding animation parameters are stored in the second buffer. The animation parameters can be directly retrieved from the second buffer, ensuring the real-time display of the animation.

[0087] In step S23, the initial animation in the second buffer is processed to obtain the processed animation.

[0088] In this embodiment of the disclosure, processing the initial animation can include blurring, reflection, refraction, and simulating water surface ripple effects.

[0089] In step S24, the initial animation and the processed animation are overlaid on the lock screen of the electronic device.

[0090] In this embodiment of the disclosure, the processed animation is obtained and then overlaid on the lock screen of the electronic device to display both the initial animation and the processed animation. Overlaying the processed animation on the lock screen can be done by overlaying it onto the wallpaper of the lock screen, thus displaying both the wallpaper and the processed animation. Alternatively, overlaying both the initial animation and the processed animation on the lock screen can enhance the rendering effect, making the animation appear more realistic.

[0091] In this embodiment of the disclosure, the animation displayed on the lock screen of the electronic device can interact with the content displayed on the lock screen. For example, if the animation is a water ripple animation, and the content displayed on the lock screen is covered by the water ripple animation, the water ripple animation can also be displayed along with the content displayed on the lock screen.

[0092] For example, animations displayed on the lock screen of an electronic device can interact with the wallpaper on the lock screen. For instance, if the animation is a water ripple animation, displaying it on the lock screen will cause the wallpaper to ripple along with the animation, enhancing the dynamism and immersive experience of the animation.

[0093] For example, during animation execution, other controls such as the notification bar can be hidden to provide users with a better animation display effect. If the electronic device receives an incoming call, message, or other notification that interrupts the animation during execution, a specific interruption effect can also appear to enhance the user experience.

[0094] In this embodiment, based on the relationship between the charging method and animation parameters, after determining the charging method of the electronic device, multiple different instantiated attributes corresponding to the charging method are obtained from the first cache, and an initial animation is obtained. This enables rapid deployment under different charging methods, reducing development costs. The initial animation is processed to obtain a processed animation, which improves the realism and aesthetics of the processed animation while ensuring processor performance, thereby enhancing the overall visual experience.

[0095] In this embodiment of the disclosure, after rendering and displaying the animation on the lock screen of the electronic device, the animation currently displayed on the lock screen can also be updated.

[0096] In this embodiment of the disclosure, in response to detecting an operation on the animation, an updated animation is obtained based on the animation, the operation, and an animation update model. The operation on the animation can be an action such as the user touching or dragging the animation during its execution. Based on the user's operation, the animation changes along with the direction of the user's operation, meaning the updated animation is obtained in real time.

[0097] In this embodiment of the disclosure, in response to the detection of an operation on the animation, an updated animation is obtained based on the animation, the operation, and the animation update model. By updating the instantiated properties related to the animation parameters in real time, the updated animation is rendered and displayed on the lock screen of the electronic device, enhancing the dynamism and immersion of the animation display and improving the interactivity between the animation and the user.

[0098] In this embodiment, since animation is achieved by changing the properties of vertices and pixels during the rendering process through shaders, or by obtaining instantiated properties related to shaders, it is necessary to determine whether the electronic device supports rendering and displaying animations on the lock screen before obtaining the animation parameters corresponding to the current charging method. If the electronic device supports rendering and displaying animations on the lock screen through shaders, then the animation can be rendered and displayed on the lock screen of the electronic device using the animation parameters corresponding to the current charging method.

[0099] In this embodiment of the disclosure, by calculating the hardware support related to the electronic device, it is determined that the electronic device supports rendering and displaying animations on the lock screen interface, ensuring that the user can achieve real-time rendering and display of animation effects when the electronic device supports it.

[0100] In this embodiment of the disclosure, if the electronic device does not support rendering and displaying animations on the lock screen, animations can also be displayed on the lock screen of the electronic device in other ways. Figure 6 This is a flowchart illustrating a method for displaying animation according to an exemplary embodiment. For example... Figure 6 As shown, the method includes steps S31 to S32.

[0101] In step S31, in response to the electronic device charging in the locked screen state, the current charging mode of the electronic device is determined, and it is determined that the electronic device does not support rendering and displaying animations on the lock screen interface.

[0102] In step S32, the video animation corresponding to the current charging mode of the electronic device is determined, and the video animation is displayed on the lock screen of the electronic device based on the video animation.

[0103] In this embodiment of the disclosure, in response to the electronic device charging while in a locked state, the current charging mode of the electronic device is determined, and it is determined that the electronic device does not support rendering and displaying animations on the lock screen. Based on the fact that the electronic device does not support rendering and displaying animations on the lock screen, a multimedia player application can be created to determine a video animation corresponding to the current charging mode of the electronic device. Using the multimedia player application, the video animation corresponding to the current charging mode is played and displayed on the lock screen of the electronic device.

[0104] In this embodiment of the disclosure, combined with Figure 7 This section explains the video animation displayed on the lock screen. Figure 7 This is a schematic diagram illustrating a video animation display method according to an exemplary embodiment. For example... Figure 7 As shown, if the electronic device does not support displaying and rendering animations on the lock screen, a video animation corresponding to the current charging method of the electronic device can be played and displayed on the lock screen. At this time, the lock screen is in a black screen state and the lock screen wallpaper is not displayed.

[0105] In this embodiment of the disclosure, when the electronic device supports rendering and displaying animations on the lock screen, the processed animation can be overlaid as a layer onto the lock screen for display. When the electronic device does not support rendering and displaying animations on the lock screen, the video animation is displayed when the lock screen is off to satisfy the user's viewing experience while charging.

[0106] The embodiments disclosed herein are described below in conjunction with Figure 8 The method for displaying animations during the charging process is explained.

[0107] Figure 8 This is a flowchart illustrating an animation display method according to an exemplary embodiment. For example... Figure 8 As shown, in response to whether the electronic device is wired or wirelessly charged, it is determined whether the electronic device supports shader rendering. The electronic device can be wired or wirelessly charged. If the electronic device supports shaders, then animations can be displayed on the electronic device based on shaders; this can also be understood as shader animation.

[0108] In this embodiment, a charging animation window is created, and shader parameters are adjusted according to the current charging method to ensure that the animation effect generated based on the above parameters matches the charging method. The window is invoked, the animation is started, and displayed on the lock screen. For example, while the charging animation is displayed on the lock screen, other elements on the lock screen are animated and hidden. For instance, during the animation, other controls such as the notification bar may be hidden. Or, if a call or other notification occurs during the animation, a specific interruption effect may occur. Or, during the animation, there may be interactive effects with applications below.

[0109] In this embodiment of the disclosure, in response to the electronic device not supporting shader rendering, a FastPlayer is created, which includes video animation and plays the corresponding video animation according to the current charging method.

[0110] In this embodiment of the disclosure, animations of different states are displayed based on different charging parameters, ensuring the real-time nature of the animation display. Furthermore, different effects can be displayed based on incoming call notifications or other notifications during the animation execution, increasing interactivity and improving the user experience.

[0111] Based on the same concept, this disclosure also provides an animation display device 100.

[0112] It is understood that the animation display device 100 provided in this disclosure includes hardware structures and / or software modules corresponding to each function in order to achieve the above-mentioned functions. In conjunction with the units and algorithm steps of the various examples disclosed in this disclosure, this disclosure can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed by hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of the technical solutions of this disclosure.

[0113] Figure 9 This is a block diagram illustrating an animation display device 100 according to an exemplary embodiment. (Refer to...) Figure 9 The device includes a processing unit 101 and a display unit 102.

[0114] The processing unit 101 is used to respond to the charging of the electronic device in the locked state, determine the current charging mode of the electronic device, and obtain the animation parameters corresponding to the current charging mode, wherein different charging modes correspond to different animation parameters.

[0115] Display unit 102 is used to render and display animations on the lock screen interface of an electronic device based on animation parameters.

[0116] In one embodiment, the animation parameters corresponding to the current charging mode include multiple different instantiation attributes that dynamically change for the same rendering instance; the processing unit 101 obtains the animation parameters corresponding to the current charging mode in the following manner: in response to obtaining a rendering notification, based on the same instantiation rendering interface, it obtains multiple different instantiation attributes corresponding to the current charging mode from the first buffer, wherein the first buffer stores the instantiation attributes of the rendering instances corresponding to different charging modes.

[0117] In one implementation, multiple different instantiation attributes in the first buffer are pre-stored in the following manner: the instantiation attributes in the shader are compiled based on the graphics program interface, so that the SKIA engine reads the instantiation attributes in the redefined shader and stores them in the first buffer; wherein the shader is redefined based on the predefined rendering operation and includes instantiation attributes.

[0118] In one embodiment, the display unit 102 renders and displays an animation on the lock screen of the electronic device in the following manner: multiple different instantiated attributes obtained from the first buffer are input into the trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendering instance; based on the motion trajectory, an initial animation is generated, and the animation parameters corresponding to the initial animation are stored in the second buffer; the initial animation in the second buffer is processed to obtain the processed animation; the initial animation and the processed animation are superimposed and displayed on the lock screen of the electronic device.

[0119] In one embodiment, after rendering and displaying the animation on the lock screen of the electronic device, the display unit 102 is further configured to: in response to detecting an operation on the animation, obtain an updated animation based on the animation, the operation, and the animation update model, and render and display the updated animation on the lock screen of the electronic device.

[0120] In one embodiment, before obtaining the animation parameters corresponding to the current charging method, the processing unit 101 is further configured to: determine that the electronic device supports rendering and displaying animations on the lock screen interface.

[0121] In one embodiment, the processing unit 101 is further configured to: determine that the electronic device does not support rendering and displaying animations on the lock screen interface; determine the video animation corresponding to the current charging mode of the electronic device; and display the video animation on the lock screen interface of the electronic device based on the video animation.

[0122] In one embodiment, the processing unit 101 determines the current charging mode of the electronic device by determining the charging mode based on the charging state of the electronic device.

[0123] Regarding the apparatus in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.

[0124] Figure 10 This is a block diagram illustrating an electronic device 200 for displaying animations according to an exemplary embodiment. The electronic device 200 can be provided as a terminal. For example, the electronic device 200 can be a mobile phone, computer, digital broadcasting terminal, messaging device, game console, tablet device, medical device, fitness equipment, personal digital assistant, etc.

[0125] Reference Figure 10 The electronic device 200 may include one or more of the following components: processing component 202, memory 204, power component 206, multimedia component 208, audio component 210, input / output (I / O) interface 212, sensor component 214, and communication component 216.

[0126] Processing component 202 typically controls the overall operation of electronic device 200, such as operations associated with display, telephone calls, data communication, camera operation, and recording. Processing component 202 may include one or more processors 220 to execute instructions to perform all or part of the steps of the methods described above. Furthermore, processing component 202 may include one or more modules to facilitate interaction between processing component 202 and other components. For example, processing component 202 may include a multimedia module to facilitate interaction between multimedia component 208 and processing component 202.

[0127] Memory 204 is configured to store various types of data to support the operation of electronic device 200. Examples of such data include instructions for any application or method operating on electronic device 200, contact data, phonebook data, messages, pictures, videos, etc. Memory 204 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk.

[0128] Power component 206 provides power to various components of electronic device 200. Power component 206 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to electronic device 200.

[0129] Multimedia component 208 includes a screen that provides an output interface between the electronic device 200 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touchscreen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors may sense not only the boundaries of the touch or swipe action but also the duration and pressure associated with the touch or swipe operation. In some embodiments, multimedia component 208 includes a front-facing camera and / or a rear-facing camera. When the electronic device 200 is in an operating mode, such as a shooting mode or a video mode, the front-facing camera and / or the rear-facing camera may receive external multimedia data. Each front-facing camera and rear-facing camera may be a fixed optical lens system or have focal length and optical zoom capabilities.

[0130] Audio component 210 is configured to output and / or input audio signals. For example, audio component 210 includes a microphone (MIC) configured to receive external audio signals when electronic device 200 is in an operating mode, such as call mode, recording mode, and voice recognition mode. The received audio signals may be further stored in memory 204 or transmitted via communication component 216. In some embodiments, audio component 210 also includes a speaker for outputting audio signals.

[0131] I / O interface 212 provides an interface between processing component 202 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to, home buttons, volume buttons, power buttons, and lock buttons.

[0132] Sensor assembly 214 includes one or more sensors for providing state assessments of various aspects of electronic device 200. For example, sensor assembly 214 can detect the on / off state of electronic device 200, the relative positioning of components such as the display and keypad of electronic device 200, changes in position of electronic device 200 or a component of electronic device 200, the presence or absence of user contact with electronic device 200, orientation or acceleration / deceleration of electronic device 200, and temperature changes of electronic device 200. Sensor assembly 214 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 214 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, sensor assembly 214 may also include an accelerometer, gyroscope, magnetometer, pressure sensor, or temperature sensor.

[0133] Communication component 216 is configured to facilitate wired or wireless communication between electronic device 200 and other devices. Electronic device 200 can access wireless networks based on communication standards, such as WiFi, 2G, or 3G, or combinations thereof. In one exemplary embodiment, communication component 216 receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, communication component 216 also includes a near-field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on radio frequency identification (RFID) technology, Infrared Data Association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0134] In an exemplary embodiment, the electronic device 200 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field-programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the methods described above.

[0135] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 204 including instructions, which can be executed by a processor 220 of an electronic device 200 to perform the above-described method. For example, the non-transitory computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.

[0136] It is understood that in this disclosure, "multiple" refers to two or more, and other quantifiers are similar. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, and B alone. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. The singular forms "a," "the," and "the" are also intended to include the plural forms unless the context clearly indicates otherwise.

[0137] It is further understood that the terms "first," "second," etc., are used to describe various types of information, but this information should not be limited to these terms. These terms are only used to distinguish information of the same type from one another, and do not indicate a specific order or degree of importance. In fact, the expressions "first," "second," etc., are completely interchangeable. For example, without departing from the scope of this disclosure, first information can also be referred to as second information, and similarly, second information can also be referred to as first information.

[0138] It is further understood that the terms “center,” “longitudinal,” “lateral,” “front,” “rear,” “up,” “down,” “left,” “right,” “vertical,” “horizontal,” “top,” “bottom,” “inner,” and “outer,” etc., indicate the orientation or positional relationship based on the orientation or positional relationship shown in the accompanying drawings. They are only for the convenience of describing this embodiment and simplifying the description, and do not indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation.

[0139] It can be further understood that, unless otherwise specified, "connection" includes both direct connections where no other components exist between the two parties and indirect connections where other components exist between them.

[0140] It is further understood that although operations are described in a specific order in the accompanying drawings in the embodiments of this disclosure, this should not be construed as requiring these operations to be performed in the specific order or serial order shown, or requiring all of the shown operations to be performed to obtain the desired result. In certain environments, multitasking and parallel processing may be advantageous.

[0141] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the invention that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein.

[0142] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. An animation display method, characterized in that, include: In response to the electronic device charging while the screen is locked, the current charging mode of the electronic device is determined, and the animation parameters corresponding to the current charging mode are obtained, wherein different charging modes correspond to different animation parameters; Based on the animation parameters, the animation is rendered and displayed on the lock screen of the electronic device.

2. The method according to claim 1, characterized in that, The animation parameters corresponding to the current charging method include multiple different instantiated attributes that dynamically change for the same rendering instance; The step of obtaining the animation parameters corresponding to the current charging method includes: In response to receiving a rendering notification, based on the same instantiation rendering interface, multiple different instantiation attributes corresponding to the current charging method are obtained from the first cache, wherein the first cache stores the instantiation attributes of the rendering instances corresponding to different charging methods.

3. The method according to claim 2, characterized in that, The multiple different instantiated properties in the first cache are pre-stored in the following manner: The instantiation properties in the shader are compiled based on the graphics programming interface, so that the SKIA engine can read the instantiation properties in the redefined shader and store them in the first cache. The shader is redefined based on predefined rendering operations and includes the instantiation properties.

4. The method according to claim 1 or 2, characterized in that, The step of rendering and displaying the animation on the lock screen of the electronic device includes: Multiple different instantiation attributes obtained from the first cache are input into the trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendered instance; Based on the motion trajectory, an initial animation is generated, and the animation parameters corresponding to the initial animation are stored in the second buffer. The initial animation in the second buffer is processed to obtain the processed animation; The initial animation and the processed animation are overlaid on the lock screen of the electronic device.

5. The method according to claim 1, characterized in that, After rendering and displaying the animation on the lock screen of the electronic device, the method further includes: In response to the detection of an operation on the animation, an updated animation is obtained based on the animation, the operation, and the animation update model, and the updated animation is rendered and displayed on the lock screen of the electronic device.

6. The method according to claim 1, characterized in that, Before obtaining the animation parameters corresponding to the current charging method, the method further includes: It is determined that the electronic device supports rendering and displaying animations on the lock screen.

7. The method according to claim 1, characterized in that, The method further includes: It was determined that the electronic device does not support rendering and displaying animations on the lock screen. Determine the video animation corresponding to the current charging mode of the electronic device, and display the video animation on the lock screen interface of the electronic device based on the video animation.

8. The method according to claim 1, characterized in that, Determining the current charging mode of the electronic device includes: The charging method is determined based on the charging status of the electronic device.

9. An animation display device, characterized in that, include: The processing unit is configured to respond to the charging of the electronic device in the locked state, determine the current charging mode of the electronic device, and obtain the animation parameters corresponding to the current charging mode, wherein different charging modes correspond to different animation parameters; The display unit is used to render and display the animation on the lock screen interface of the electronic device based on the animation parameters.

10. The apparatus according to claim 9, characterized in that, The animation parameters corresponding to the current charging method include multiple different instantiated attributes that dynamically change for the same rendering instance; The processing unit obtains the animation parameters corresponding to the current charging method in the following manner: In response to receiving a rendering notification, based on the same instantiation rendering interface, multiple different instantiation attributes corresponding to the current charging method are obtained from the first cache, wherein the first cache stores the instantiation attributes of the rendering instances corresponding to different charging methods.

11. The apparatus according to claim 10, characterized in that, The multiple different instantiated properties in the first cache are pre-stored in the following manner: The instantiation properties in the shader are compiled based on the graphics programming interface, so that the SKIA engine can read the instantiation properties in the redefined shader and store them in the first cache. The shader is redefined based on predefined rendering operations and includes the instantiation properties.

12. The apparatus according to claim 9 or 10, characterized in that, The display unit renders and displays animations on the lock screen of the electronic device in the following manner: Multiple different instantiation attributes obtained from the first cache are input into the trajectory generation model to obtain the motion trajectory of the animation corresponding to the rendered instance; Based on the motion trajectory, an initial animation is generated, and the animation parameters corresponding to the initial animation are stored in the second buffer. The initial animation in the second buffer is processed to obtain the processed animation; The initial animation and the processed animation are overlaid on the lock screen of the electronic device.

13. The apparatus according to claim 9, characterized in that, After rendering and displaying the animation on the lock screen interface of the electronic device, the display unit is further configured to: In response to the detection of an operation on the animation, an updated animation is obtained based on the animation, the operation, and the animation update model, and the updated animation is rendered and displayed on the lock screen of the electronic device.

14. The apparatus according to claim 9, characterized in that, Before obtaining the animation parameters corresponding to the current charging method, the processing unit is further configured to: It is determined that the electronic device supports rendering and displaying animations on the lock screen.

15. The apparatus according to claim 9, characterized in that, The processing unit is also used for: It was determined that the electronic device does not support rendering and displaying animations on the lock screen. Determine the video animation corresponding to the current charging mode of the electronic device, and display the video animation on the lock screen interface of the electronic device based on the video animation.

16. The apparatus according to claim 9, characterized in that, The processing unit determines the current charging mode of the electronic device in the following manner: The charging method is determined based on the charging status of the electronic device.

17. An electronic device, characterized in that, include: processor: Memory used to store processor-executable instructions; The processor is configured to execute the animation display method according to any one of claims 1 to 8.

18. A storage medium, characterized in that, The storage medium stores instructions that, when executed by a processor, enable the processor to perform the animation display method according to any one of claims 1 to 8.