Splash screen animation display method and electronic device

Abstract

A splash screen animation display method and an electronic device, relating to the technical field of terminals. By linking an element in an object for launching an application and an element in a splash screen, a more natural transition effect can be achieved, thereby improving viewing experience of users, and making application launching processes more interesting. The method comprises: in response to a first operation of a user on a first object, acquiring first information on the first object, wherein the first operation instructs to launch an application corresponding to the first object; displaying a first splash screen animation on the basis of a first element indicated by the first information and a second element in a splash screen of the application, wherein the first element and the second element have a first association relationship; and in the process of displaying the first splash screen animation, displaying a second splash screen animation on the basis of a third element indicated by the first information, wherein the first element and the third element are used for displaying the first object.

Description

Opening screen animation display methods and electronic devices

[0001] This application claims priority to Chinese patent application filed on October 31, 2024, with application number 202411555036.6 and entitled "Method and Electronic Device for Displaying Opening Screen Animation", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminal technology, and in particular to a method for displaying a splash screen animation and an electronic device. Background Technology

[0003] Typically, electronic devices display a splash screen animation during application launch to increase user engagement while waiting for the application to start. For example, the electronic device detects a user tap on the application icon and triggers the application launch process. During this process, the electronic device gradually enlarges the application icon and adjusts its transparency until it fades to full white, before gradually displaying the application's splash screen.

[0004] As can be seen, the splash screen animation consists of two parts: the unfolding of the app icon and the display of the splash screen page. These two parts are transitioned by the app icon fading to white and then the splash screen page gradually appearing. However, this transition is abrupt and negatively impacts the user's viewing experience. Summary of the Invention

[0005] To address the aforementioned technical problems, this application provides a method and electronic device for displaying splash screen animations. The technical solution provided by this application can achieve a more natural transition effect by connecting elements in the application launch object and elements in the splash screen, thereby enhancing the user's viewing experience and increasing the fun of the application launch process.

[0006] To achieve the above-mentioned technical objectives, this application provides the following technical solution:

[0007] In a first aspect, a method for displaying a splash screen animation is provided, applied to an electronic device. The method includes: responding to a user's first operation on a first object, acquiring first information about the first object, wherein the first operation instructs the launch of an application corresponding to the first object; displaying a first splash screen animation based on a first element indicated by the first information and a second element in the application's splash screen page, wherein the first element and the second element have a first association relationship; and displaying a second splash screen animation based on a third element indicated by the first information, wherein the first element and the third element are used to display the first object.

[0008] In this way, the splash screen animation, as the animation when entering the splash screen page from the desktop, perfectly takes over the animation playback task from the elements in the first object to the elements in the splash screen page, presenting the user with the process of an object changing between two forms. The whole process is very smooth and integrated, reducing the sense of interruption when switching from the first object to the splash screen page.

[0009] According to the first aspect, during the display of the first splash screen animation, the second splash screen animation is displayed according to the third element indicated by the first information, including: during the display of the first splash screen animation and the second splash screen animation, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation.

[0010] Thus, by generating the first splash screen animation corresponding to the first element and the second splash screen animation corresponding to the third element respectively, and making the first splash screen animation and the second splash screen animation play together in a preset sequence, a complete splash screen animation can be obtained. This can achieve the display effect of the first element entering the splash screen page after exiting the background frame corresponding to the first object, and achieve a smooth transition between the display of the first object and the splash screen page.

[0011] According to the first aspect, or any implementation of the first aspect above, a first splash screen animation is displayed according to the first element indicated by the first information and the second element in the splash screen page of the application. During the display of the first splash screen animation, a second splash screen animation is displayed according to the third element indicated by the first information, including: in response to the first operation, displaying a first object of preset specifications.

[0012] In this way, electronic devices can provide users with different visual effects by adjusting different preset ratios.

[0013] Displaying a first object with preset specifications according to the first aspect, or any implementation of the first aspect above, includes: adjusting the specifications of the first object to the preset specifications according to the first method or the second method, and displaying the first object with preset specifications. Alternatively, adjusting the specifications of the first element and the third element respectively according to the first method or the second method, and displaying the first object with preset specifications. The first method involves proportional adjustment, and the second method involves adjusting the width and height proportionally separately.

[0014] In this way, by using various adjustment methods, the animation richness of the first object's size adjustment process is increased.

[0015] According to the first aspect, or any implementation of the first aspect above, a first splash screen animation is displayed based on the first element indicated by the first information and the second element in the application's splash screen page, including: obtaining the first position of the first element in a first object of preset specifications on the display screen, and the second position of the second element in the splash screen page on the display screen. The first position is used as the start position of the movement, the second position as the end position of the movement, the shape of the first element in the first object of preset specifications as the initial shape of the movement, and the shape of the second element in the splash screen page as the end shape of the movement, and the first splash screen animation is displayed.

[0016] In this way, the first and second elements strengthen the relationship between the first object and the splash screen, making them no longer disconnected and reducing the interruption for the user during application startup.

[0017] Displaying a first splash screen animation according to the first aspect, or any implementation thereof, includes: obtaining preset first motion parameters; displaying the first splash screen animation based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape. Alternatively, obtaining second motion parameters based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape, using a two-dimensional animation algorithm or a preset three-dimensional model; and displaying the first splash screen animation based on the second motion parameters.

[0018] Thus, the electronic device renders and displays the first splash screen animation based on the preset first motion parameters. Alternatively, the electronic device renders and displays the first splash screen animation in real time.

[0019] According to the first aspect, or any implementation of the first aspect above, the first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path.

[0020] According to the first aspect, or any implementation of the first aspect above, the 2D animation algorithm includes keyframe animation.

[0021] Thus, the first splash screen animation is displayed through 2D animation calculations. For example, by using the trajectory and shape changes corresponding to keyframes in the first splash screen animation, a display effect similar to 3D animation can also be presented to the user.

[0022] According to the first aspect, or any implementation of the first aspect above, the first splash screen animation is displayed, including: displaying the first splash screen animation by performing any one or more operations on the preset 3D model, such as displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking.

[0023] In this way, by changing the 3D model, a coherent 3D opening screen animation visual experience is achieved for the user.

[0024] In addition, by combining the electronic device with a two-dimensional animation that adjusts the specifications of the first object to a preset specification, the electronic device can display a two-dimensional animation first and then a three-dimensional animation during the opening screen animation process. The combination of the two can increase the richness of the application's opening screen animation.

[0025] According to the first aspect, or any implementation of the first aspect above, the elements in the splash screen are unrelated to the third element, or the elements in the splash screen have a second association with the third element. The second association includes the third element being the same as a partial pattern in the splash screen, or the third element and the elements in the splash screen other than the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions.

[0026] Thus, when the elements on the splash screen are unrelated to the third element, the electronic device can achieve a smooth second splash screen animation by changing the proportion of the background frame and switching the content displayed within it, thus satisfying the user's visual needs. When the elements on the splash screen have a secondary relationship with the third element, the electronic device can provide the user with a viewing experience of a second splash screen animation that unfolds from a partial to a complete view by locating elements on the splash screen that are identical to the icon's background element, achieving both continuity and engagement in the splash screen animation.

[0027] According to the first aspect, or any implementation of the first aspect above, during the display of the first splash screen animation, the second splash screen animation is displayed according to the third element indicated by the first information, including: displaying the third element of a first ratio, the first ratio being the same as the aspect ratio of the electronic device's display screen.

[0028] In this way, electronic devices achieve a smooth second splash screen animation by changing the scale and switching between the third element and the elements in the splash screen page, thus meeting the user's visual needs.

[0029] According to the first aspect, or any implementation of the first aspect above, having a first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element, but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same three-dimensional model from different angles.

[0030] In this way, the splash screen animation, as the animation when entering the splash screen page from the desktop, perfectly takes over the task of animation playback from the elements in the first object to the elements in the splash screen page, presenting the user with the process of an object changing between two forms. The whole process is very coherent and integrated, enhancing the user's viewing experience.

[0031] According to the first aspect, or any implementation of the first aspect above, the first object is one or more of the following: application icon, card, and widget.

[0032] According to the first aspect, or any implementation of the first aspect above, the first element is a two-dimensional element or a three-dimensional element.

[0033] Secondly, an electronic device is provided, comprising: a detection unit, a processing unit, and a display unit. The detection unit is configured to detect a user's operation on a first object, wherein the first operation instructs the launch of an application corresponding to the first object. The processing unit is configured to: in response to the first operation, acquire first information about the first object; acquire a first element and a third element indicated by the first information, and a second element in the application's splash screen; wherein the first element and the third element are used to display the first object, and the first element and the second element have a first association relationship. The display unit is configured to: display a first splash screen animation based on the first element and the second element; and, during the display of the first splash screen animation, display a second splash screen animation based on the third element.

[0034] In some examples, the processing unit instructs the display unit to display a splash screen animation via a first instruction. Then, in response to this first instruction, the display unit can display the splash screen animation, such as a first splash screen animation or a second splash screen animation.

[0035] Thus, after the detection unit detects a user operation, the processing unit can determine the information of the first object operated by the user and instruct the display unit to display the splash screen animation corresponding to the first object through a first instruction. The splash screen animation, as the animation for entering the splash screen page from the desktop, perfectly carries over the animation playback task from the elements in the first object to the elements in the splash screen page, presenting the user with a process of an object changing between two forms. The entire process is very smooth and seamless, reducing the sense of interruption when switching from the first object to the splash screen page.

[0036] According to the second aspect, during the process of displaying the first splash screen animation and the second splash screen animation in the display unit, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation.

[0037] According to the second aspect, or any implementation of the second aspect above, the processing unit is configured to: in response to the first operation, obtain the preset specifications corresponding to the first object. The display unit is configured to: display the first object with the preset specifications.

[0038] In some examples, after obtaining the preset specifications, the processing unit can send a second instruction to the display unit. In response to the second instruction, the display unit can display a first object of the preset specifications.

[0039] Thus, in response to the operation of triggering application startup by manipulating the first object, the processing unit can instruct the display unit to display the first object of preset specifications through the second instruction, thereby enriching the display effect of the splash screen animation.

[0040] According to the second aspect, or any implementation of the second aspect above, the display unit is used to: adjust the specifications of the first object to a preset specification according to the first method or the second method, and display the first object of the preset specification; or, adjust the specifications of the first element and the third element respectively according to the first method or the second method, and display the first object of the preset specification; wherein, the first method is a proportional adjustment, and the second method is a separate proportional adjustment of width and height.

[0041] According to the second aspect, or any implementation of the second aspect above, the processing unit is configured to: obtain the first position of the first element in the first object of the preset specifications on the display screen, and the second position of the second element in the splash screen page on the display screen. The display unit is configured to: use the first position as the starting position of the movement, the second position as the ending position of the movement, the shape of the first element in the first object of the preset specifications as the initial shape of the movement, and the shape of the second element in the splash screen page as the ending shape of the movement, and display the first splash screen animation.

[0042] In some examples, after the processing unit obtains the first start position and the second end position of the splash screen animation, it can send a third instruction to the display unit. In response to the third instruction, the display unit can display the first splash screen animation.

[0043] In this way, through the interaction of the third instruction, the relationship between the first object and the splash screen is enhanced by the first and second elements, so that the first object and the splash screen are no longer disconnected, reducing the interruption to the user during the application startup process.

[0044] According to the second aspect, or any implementation of the second aspect above, the processing unit is used to: acquire preset first motion parameters. The display unit is used to: display a first splash screen animation based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape. Alternatively, the processing unit is used to: acquire second motion parameters based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape, using a two-dimensional animation algorithm or a preset three-dimensional model; the display unit is used to: display the first splash screen animation based on the second motion parameters.

[0045] According to the second aspect, or any implementation of the second aspect above, the first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path.

[0046] According to the second aspect, or any implementation of the second aspect above, the 2D animation algorithm includes keyframe animation.

[0047] According to the second aspect, or any implementation of the second aspect above, the display unit is used to: display the first opening animation by performing any one or more of the following operations on the preset three-dimensional model: displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking.

[0048] According to the second aspect, or any implementation of the second aspect above, the elements in the splash screen are unrelated to the third element, or the elements in the splash screen have a second association with the third element. The second association includes the third element being the same as a partial pattern in the splash screen, or the third element and the elements in the splash screen other than the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions.

[0049] According to the second aspect, or any implementation of the second aspect above, the display unit is used to: display a third element at a first ratio, the first ratio being the same as the aspect ratio of the display screen of the electronic device.

[0050] According to the second aspect, or any implementation of the second aspect above, having a first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element, but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same three-dimensional model from different angles.

[0051] According to the second aspect, or any implementation of the second aspect above, the first object is one or more of the following: application icon, card, and widget.

[0052] According to the second aspect, or any implementation of the second aspect above, the first element is a two-dimensional element or a three-dimensional element.

[0053] Thirdly, an electronic device is provided. The electronic device includes a processor, a memory, and a display screen. The memory and display screen are coupled to the processor. The memory stores computer program code, including computer instructions. When the processor reads the computer instructions from the memory, the electronic device executes: in response to a user's first operation on a first object, obtaining first information about the first object, the first operation instructing the launch of an application corresponding to the first object; displaying a first splash screen animation based on a first element indicated by the first information and a second element in the application's splash screen, the first and second elements having a first association relationship; during the display of the first splash screen animation, displaying a second splash screen animation based on a third element indicated by the first information, the first and third elements used to display the first object.

[0054] According to the third aspect, during the display of the first splash screen animation, the second splash screen animation is displayed according to the third element indicated by the first information, including: during the display of the first splash screen animation and the second splash screen animation, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation.

[0055] According to the third aspect, or any implementation of the third aspect above, a first splash screen animation is displayed according to the first element indicated by the first information and the second element in the splash screen of the application. During the display of the first splash screen animation, a second splash screen animation is displayed according to the third element indicated by the first information, including: in response to the first operation, displaying a first object of a preset specification.

[0056] According to the third aspect, or any implementation of the third aspect above, displaying a first object with preset specifications includes: adjusting the specifications of the first object to the preset specifications according to the first method or the second method, and displaying the first object with preset specifications. Alternatively, adjusting the specifications of the first element and the third element respectively according to the first method or the second method, and displaying the first object with preset specifications. The first method involves proportional adjustment, and the second method involves adjusting the width and height proportionally separately.

[0057] According to the third aspect, or any implementation of the third aspect above, a first splash screen animation is displayed based on the first element indicated by the first information and the second element in the application's splash screen page, including: obtaining the first position of the first element in a first object of preset specifications on the display screen, and the second position of the second element in the splash screen page on the display screen. The first position is used as the starting position of the movement, the second position as the ending position of the movement, the shape of the first element in the first object of preset specifications as the initial shape of the movement, and the shape of the second element in the splash screen page as the ending shape of the movement, and the first splash screen animation is displayed.

[0058] According to the third aspect, or any implementation of the third aspect above, displaying the first splash screen animation includes: obtaining preset first motion parameters; displaying the first splash screen animation based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape. Alternatively, based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape, obtaining second motion parameters through a two-dimensional animation algorithm or a preset three-dimensional model; displaying the first splash screen animation based on the second motion parameters.

[0059] According to the third aspect, or any of the above-mentioned third aspect implementation methods, the first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path.

[0060] According to the third aspect, or any implementation of the third aspect above, the 2D animation algorithm includes keyframe animation.

[0061] According to the third aspect, or any of the above implementations of the third aspect, the first splash screen animation is displayed, including: displaying the first splash screen animation by performing any one or more operations on the preset 3D model, such as displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking.

[0062] According to the third aspect, or any of the above implementations of the third aspect, the elements in the splash screen are unrelated to the third element, or the elements in the splash screen have a second association with the third element. The second association includes the third element being the same as a partial pattern in the splash screen, or the third element and the elements in the splash screen other than the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions.

[0063] According to the third aspect, or any implementation of the third aspect above, during the display of the first splash screen animation, the second splash screen animation is displayed according to the third element indicated by the first information, including: displaying the third element of the first ratio, the first ratio being the same as the aspect ratio of the display screen of the electronic device.

[0064] According to the third aspect, or any of the above implementations of the third aspect, having a first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element, but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same three-dimensional model from different angles.

[0065] According to the third aspect, or any of the above implementations of the third aspect, the first object is one or more of the following: application icon, card, and widget.

[0066] According to the third aspect, or any of the above implementations of the third aspect, the first element is a two-dimensional element or a three-dimensional element.

[0067] Fourthly, an electronic device is provided that has the function of implementing the method described in the first aspect and any of its possible implementations. This function can be implemented in hardware or by hardware executing corresponding software. The hardware or software includes one or more modules corresponding to the described function.

[0068] Fifthly, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program (also referred to as instructions or code) that, when executed by an electronic device, causes the electronic device to perform the method of the first aspect or any embodiment of the first aspect.

[0069] In a sixth aspect, a computer program product is provided that, when the computer program product is run on an electronic device, causes the electronic device to perform the method of the first aspect or any one of the embodiments of the first aspect.

[0070] In a seventh aspect, a circuit system is provided, the circuit system including processing circuitry configured to perform the method of the first aspect or any embodiment of the first aspect.

[0071] Eighthly, a chip system is provided, including at least one processor and at least one interface circuit, wherein the at least one interface circuit is used to perform transceiver functions and send instructions to the at least one processor, and when the at least one processor executes the instructions, the at least one processor performs the method of the first aspect or any embodiment of the first aspect.

[0072] The technical effects of the aforementioned aspects can be referenced from each other, and will not be elaborated further here. Attached Figure Description

[0073] Figure 1 is a schematic diagram of the opening animation display scene provided in an embodiment of this application;

[0074] Figure 2 is a schematic diagram of the hardware structure of the electronic device provided in an embodiment of this application;

[0075] Figure 3 is a schematic flowchart of the screen opening animation display method provided in an embodiment of this application;

[0076] Figure 4 is a schematic diagram of the element layers provided in an embodiment of this application;

[0077] Figure 5 is a schematic diagram of the animation display timing provided in an embodiment of this application;

[0078] Figure 6 is a schematic diagram of a scenario where the application icon provided in the embodiment of this application is enlarged to a preset size;

[0079] Figure 7 is a schematic diagram of the splash screen provided in an embodiment of this application;

[0080] Figure 8 is a schematic diagram of the display scene of the first splash screen animation corresponding to the icon animation element provided in the embodiment of this application;

[0081] Figure 9 is a schematic diagram of the display scene of the second splash screen animation corresponding to the icon background element provided in the embodiment of this application;

[0082] Figure 10 is a schematic diagram of the second opening animation display scene corresponding to the icon background element provided in the embodiment of this application;

[0083] Figure 11 is a schematic diagram of the second opening animation display scenario provided in the embodiment of this application;

[0084] Figure 12 is a schematic diagram of the opening animation display method provided in an embodiment of this application;

[0085] Figure 13 is a schematic diagram of the structure of the electronic device provided in the embodiment of this application. Detailed Implementation

[0086] The technical solutions of the embodiments of this application are described below with reference to the accompanying drawings. In the description of the embodiments of this application, the terminology used in the following embodiments is for the purpose of describing specific embodiments only and is not intended to be a limitation of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to include expressions such as “one or more,” unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, “at least one” and “one or more” refer to one or more (including two).

[0087] References to "one embodiment" or "some embodiments" in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized. The term "connection" includes direct connections and indirect connections, unless otherwise stated. "First" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated.

[0088] In the embodiments of this application, the words "exemplarily" or "for example" are used to indicate examples, illustrations, or explanations. Any embodiment or design described as "exemplarily" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design solutions. Specifically, the use of the words "exemplarily" or "for example" is intended to present the relevant concepts in a specific manner.

[0089] In some embodiments, the splash screen animation during application startup includes two parts: one part is the animation of the system expanding the application icon, and the other part is the splash screen page defined by the application, which can be a static image or a dynamic image.

[0090] For example, as shown in Figure 1(a), the electronic device detects the user's click on the map application icon 11, triggers the launch of the map application corresponding to the map application icon 11, and displays a splash screen animation during the map application launch process. As shown in Figures 1(a)-(b), in response to the user's operation, the electronic device gradually enlarges the display of the application icon 11. Furthermore, the electronic device adjusts the transparency of the application icon to gradually fade it to a full white display as shown in Figure 1(c). Then, as shown in Figures 1(d)-(e), after displaying a full white page, the electronic device gradually displays the application's splash screen.

[0091] It can be seen that while electronic devices enrich the user's visual experience while waiting for applications to launch through splash screen animations, the abrupt transitions between the two parts of the splash screen animation negatively impact the user's viewing experience and result in low engagement.

[0092] Therefore, this application provides a splash screen animation display method that can achieve a more natural transition effect by connecting elements in the application icon and elements in the splash screen page, thereby improving the user's viewing experience and increasing the fun of the application startup process.

[0093] Optionally, the splash screen animation display method provided in this application embodiment can be applied to electronic device 100. Optionally, electronic device 100 can be, for example, a mobile phone, tablet computer, personal computer (PC), ultra-mobile personal computer (UMPC), netbook, personal digital assistant (PDA), wearable device, artificial intelligence (AI) device, virtual reality (VR) device, augmented reality (AR) device, mixed reality (MR) device, smart car, smart cockpit, and other terminal devices. The operating system installed on electronic device 100 includes, but is not limited to, […]. Alternatively, other operating systems may be used. This application does not limit the specific type of electronic device 100 or the operating system installed on it.

[0094] For example, Figure 2 shows a schematic diagram of the structure of an electronic device 100.

[0095] Electronic device 100 may include processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc.

[0096] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0097] Processor 110 may include one or more processing units, such as application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU). These different processing units may be independent devices or integrated into one or more processors.

[0098] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0099] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI) and a display serial interface (DSI). In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to enable the electronic device 100 to capture images. The processor 110 and the display screen 194 communicate via the DSI interface to enable the electronic device 100 to display images.

[0100] Electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0101] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be manufactured using a liquid crystal display (LCD), such as an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a mini-LED, a micro-LED, a micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0102] The sensor module 180 may include pressure sensors, gyroscope sensors, barometric pressure sensors, magnetic sensors, accelerometers, distance sensors, proximity sensors, fingerprint sensors, temperature sensors, touch sensors, ambient light sensors, bone conduction sensors, etc.

[0103] A touch sensor, also known as a "touch device," can be located on the display screen 194. The touch sensor and the display screen 194 together form a touchscreen, also known as a "touchscreen." The touch sensor detects touch operations applied to or near it. The touch sensor can then transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In some embodiments, the touch sensor may also be located on the surface of the electronic device 100, in a different position than the display screen 194.

[0104] The following section uses electronic device 100 as an example to describe in detail the screen opening animation display method provided in the embodiments of this application.

[0105] Figure 3 is a flowchart illustrating a splash screen animation display method provided in an embodiment of this application. It should be noted that this method is not limited to the specific order described in Figure 3 and below. It should be understood that in other embodiments, the order of some steps in this method can be interchanged according to actual needs, or some steps can be omitted or deleted. The method includes the following steps:

[0106] S301. In response to an operation that instructs the launch of an application, the electronic device obtains relevant information about the application.

[0107] Optionally, the action to launch the application may include, for example, a user clicking the application icon or a voice command.

[0108] In some embodiments, the electronic device detects a user instruction to launch an application, generates an application launch event, and triggers the display of the application's splash screen animation. The electronic device obtains relevant information about the application to display the application's splash screen animation.

[0109] Optionally, the application's relevant information may include, for example, information about icon animation elements, icon background elements, and icon position.

[0110] The icon position information indicates the display position of the application icon on the screen. For example, the icon position information includes the coordinates of the application icon on the screen. For instance, when an electronic device displays an application icon on its desktop, by establishing a coordinate system with the lower left corner (or other location) of the electronic device's screen as the origin, the coordinates of the area on the desktop where the application is currently displayed can be obtained, and these coordinates can be determined as the icon position information.

[0111] In application development, the continuity of the splash screen animation can be achieved by establishing associations between elements in the application icon and elements in the application's splash screen. For example, as the application icon enlarges and appears on the splash screen, if the elements in the application icon can change to their corresponding elements on the splash screen, the user's focus will shift along with the elements in the application icon during the splash screen animation, avoiding abrupt transitions caused by a blank screen. These associated elements can include, for example, two different poses of the same element, or two different elements that can transform into each other through pose changes.

[0112] Optionally, elements in the application icon that are associated with elements in the splash screen can be used as icon animation elements, while elements in the application icon other than icon animation elements can be used as icon background element information.

[0113] In some examples, the elements in the app icon are arranged in a top-to-bottom layout, with different elements distributed across the same or different layers. Elements in the upper layer can overlap elements in the lower layer. Optionally, one or more elements in the app icon with higher layer levels are designated as icon animation elements, while other elements with lower layer levels are designated as icon background elements.

[0114] For example, as shown in Figure 4(a), the elements in the application icon include a bear, tree 1, tree 2, and a background. As shown in Figure 4(b), the bear is located in layer 2, which is the top-level element, and the electronic device can use the bear as an icon animation element; tree 1 and tree 2 are located in layer 1, and the background is located in layer 0, all of which are lower than the layer level of the bear, so the electronic device can use tree 1, tree 2, and the background as icon background elements.

[0115] Optionally, the electronic device obtains the rendering data of the application icon to be displayed in order to display the application icon. During this process, the electronic device can obtain the layer hierarchy of the elements within the application icon, and based on this layer hierarchy, determine the element with the highest layer hierarchy or a predetermined number of elements as the icon animation element, while designating the other elements as icon background elements. The icon animation element information includes, for example, its layer hierarchy, the rendering data used to display the icon animation element, and its display position. Similarly, the icon background element information includes, for example, its layer hierarchy, the rendering data used to display the icon background element, and its display position.

[0116] Optionally, the application corresponding to the application icon may have pre-configured icon animation elements and icon background elements. Then, in response to an application launch event, the electronic device can receive the icon animation elements and icon background elements sent by the application.

[0117] Optionally, after the electronic device displays an application icon, it can retrieve icon animation element information and icon background element information from the displayed application icon according to the application's instructions. The application may indicate a pre-configured icon animation element definition. Then, the electronic device can retrieve the icon animation element from the displayed application icon image based on this icon animation element definition. Furthermore, the electronic device can also retrieve the icon background element from the displayed application icon image. Alternatively, the application may indicate a pre-configured icon background element definition, or both an icon animation element definition and an icon background element definition. In this case, the electronic device can retrieve the icon animation element and icon background element from the displayed application icon image according to these definitions.

[0118] S302. The electronic device displays application icons of preset specifications based on relevant information.

[0119] The preset specifications refer to the enlarged size of the application icon. Optionally, this preset specification is pre-configured in the electronic device. For example, the preset specifications may vary depending on the size of the electronic device's screen, the display size of the application icon, etc.

[0120] In some embodiments, as described above, the splash screen animation includes two parts: the expansion process of the application icon and the display process of the splash screen page. For example, as shown in Figure 5, the electronic device displays the application icon, and in response to the event of the user launching the application through the application icon, adjusts the display of the application icon until an application icon of a preset size is displayed.

[0121] Optionally, the electronic device can adjust the size of the application icon to a preset size by enlarging or shrinking the icon. Optionally, the adjustment process can be a proportional adjustment or an individual adjustment of the width and height.

[0122] In some embodiments, the electronic device uses a certain position in the application icon as a reference point, and uses this reference point as a fixed point to enlarge or reduce the size of the application icon to a preset size for display.

[0123] For example, as shown in Figure 6(a), the electronic device divides the entire display screen into four areas: upper left, lower left, upper right, and lower right. For instance, the electronic device displays a game application icon 61 in the lower right area of ​​the desktop. Then, in response to the user's interaction with the game application icon 61, a game application launch event is triggered. The electronic device can then obtain the position information of the game application icon 61 from the game application's related information, and set the lower right corner of the game application icon 61 indicated by this position information as a reference point. Using this reference point as a fixed point, the electronic device enlarges the game application icon 61 to a preset size in the upper left direction. For example, by using the lower right corner of the game application icon 61 as a fixed point and proportionally enlarging the game application icon 61 to a preset size in the upper left direction, the interface shown in Figure 6(b) can be displayed. Alternatively, if the application icon is displayed in the lower left area of ​​the desktop, the electronic device can set the lower left corner of the application icon as a reference point and enlarge the application icon to a preset size in the upper right direction. Or, if the application icon is displayed in the upper left area of ​​the desktop, the electronic device can set the upper left corner of the application icon as a reference point and enlarge the application icon to a preset size in the lower right direction. When the application icon is displayed in the upper right area of ​​the desktop, the electronic device can set the upper right corner of the application icon as the reference point and enlarge the application icon to the preset size in the lower left direction.

[0124] It should be understood that electronic devices can also divide the display screen into different areas in other ways, and obtain a reference point for adjusting the application icon to a preset icon based on the specific characteristics of each area. Examples will not be listed here. For instance, when the application icon is displayed in the center of the display screen, the electronic device can set the center point of the application icon as the reference point, and enlarge the size of the application icon to the preset size using this reference point as a fixed point.

[0125] In some embodiments, the electronic device may enlarge the application icon as a whole to a preset size proportionally, or enlarge the width and height of the application icon to a preset size using the same or different proportional factors. Alternatively, the electronic device may obtain relevant information and adjust the icon animation elements and icon background elements separately to their respective preset sizes. The separate adjustment of the icon animation elements and icon background elements may be a proportional adjustment or a separate proportional adjustment of the width and height.

[0126] Optionally, taking the enlargement of the application icon to a preset size as an example, the above methods for adjusting the display size of the application icon to the preset size can be combined in various ways. For example, the electronic device can proportionally enlarge the application icon to the preset size. Alternatively, the electronic device can increase the length of the application icon by ratio 1 and increase the width of the application icon by ratio 2, thereby enlarging the application icon to the preset size. Another example is that the electronic device can proportionally enlarge the icon animation element by ratio 3, increase the length of the icon background element by ratio 4, and increase the width of the icon background element by ratio 5, thereby enlarging the application icon to the preset size. Yet another example is that the electronic device can proportionally enlarge the icon background element by ratio 6, increase the length of the icon animation element by ratio 7, and increase the width of the icon animation element by ratio 8, thereby enlarging the application icon to the preset size.

[0127] For example, as shown in Figure 6(a), in response to a user's operation on the game application icon 61, the electronic device proportionally enlarges the icon animation element 62 in the game application icon 61 from the lower right corner of the game application icon 61 to the upper left, and separately enlarges the icon background element 63 in the game application icon 61 according to different aspect ratios. Afterwards, the electronic device can display the interface shown in Figure 6(c). In this interface, the bear in the game application icon 61 is an icon animation element.

[0128] In this way, the animation richness of the application icon size adjustment process can be increased through various adjustment methods.

[0129] In some embodiments, the electronic device is further pre-configured with a time length for adjusting the size of the application icon to a preset size, and the electronic device completes the size adjustment of the application icon according to the time length. Optionally, in scenarios where the icon animation element and the icon background element are adjusted in size separately, the time lengths for adjusting the size of the icon animation element and the icon background element can be the same or different.

[0130] In this way, by adjusting the duration, a better visual experience can be provided to users.

[0131] It should be understood that the process of scaling down the application icon to the preset size can be referred to the various examples of scaling up the application icon to the preset size mentioned above, and will not be repeated here.

[0132] In other embodiments, the application icon displayed on the screen by the electronic device has the same specifications as a preset specification. Therefore, in response to a user's operation on the application icon of the preset specifications, the splash screen animation displayed by the electronic device may no longer include the process of adjusting the application icon size to the preset specifications. Alternatively, regardless of whether the application icon displayed by the electronic device is of the preset specifications, the splash screen animation may also not include the process of adjusting the application icon size to the preset specifications. In this case, the electronic device can directly transition from displaying the application icon to displaying the first splash screen animation corresponding to the splash screen icon animation element and the second splash screen animation corresponding to the icon background element, completing the display of the splash screen animation. The specific implementation process of this process can be referred to in the various embodiments below, and will not be repeated here.

[0133] For example, as shown in Figure 5, the step of adjusting the application icon displayed on the electronic device to display an application icon of a preset specification is an optional step. That is, step S302 is an optional step.

[0134] In some embodiments, the electronic device acquires icon animation elements and icon background elements. Then, as shown in Figure 5, the electronic device generates a first splash screen animation and a second splash screen animation based on the icon animation elements and icon background elements respectively. The first and second splash screen animations are then combined and played in a preset sequence to obtain a complete splash screen animation. In this way, the icon animation elements can provide users with a smooth splash screen animation experience, while the icon background elements can meet the needs of application icon size changes.

[0135] The following sections provide a detailed description of the display process of the first splash screen animation corresponding to the icon animation element through steps S303a-S304a, and a detailed description of the display process of the second splash screen animation corresponding to the icon background element through steps S303b-S304b. It should be understood that the first and second splash screen animations are displayed simultaneously, or the start and / or end times of the first and second splash screen animations are different, to avoid the user perceiving a disjointed splash screen animation.

[0136] S303a, The electronic device obtains the first position of the icon animation element in the application icon of the preset specification and the second position of the target element in the splash screen page.

[0137] In some embodiments, the electronic device obtains relevant information through step S301, including icon position information. Furthermore, the electronic device has preset specifications. Therefore, based on the icon position information and the preset specifications, the electronic device can determine the first position of the icon animation element in the application icon after the application icon's specifications are adjusted to the preset specifications.

[0138] For example, as shown in Figure 6(a), the electronic device can obtain the first position of the icon animation element (such as a bear) after the game application icon 61 is adjusted to the preset size shown in Figure 6(b) based on the position information of the game application icon 61, the preset size, and the requirement to enlarge the game application icon 61 proportionally.

[0139] In some embodiments, electronic devices achieve the continuity of a splash screen animation by continuously changing the icon animation elements within the splash screen animation. Therefore, the electronic device needs to obtain the second position of the target element associated with the icon animation element on the splash screen page. This allows for the subsequent planning of a continuous movement trajectory for the icon animation element based on the first and second positions. The icon animation element moves from the first position to the second position, where it overlaps with the target element's position on the splash screen page, during this movement. During this movement, the icon animation element can undergo changes in size and shape, ensuring that when it reaches the second position, it overlaps with the target element's position as displayed on the splash screen page. This allows for a seamless visual transition when the splash screen animation disappears, achieving continuity. It should be understood that during the process of displaying the icon animation element according to its movement trajectory, the electronic device obtains corresponding display objects according to a preset rendering method, where each display object is a different object.

[0140] Optionally, the second position is the display position of the associated target element on the splash screen when the electronic device displays the splash screen interface. For example, the electronic device can obtain the second position of the target element during the pre-rendering of the splash screen. Optionally, the splash screen is the first page displayed after the application starts. For example, the splash screen of a game application is the account login page. Or, for example, the splash screen of a news application is the homepage's recommendation page or the splash screen advertisement page.

[0141] Optionally, the target element is an element associated with the icon animation element on the splash screen. For example, the target element can be obtained by enlarging the icon animation element. For example, the target element and the icon animation element are the same, both being the bear in the example scene in Figure 6 above. Or, the target element and the icon animation element are different angles of the same 3D model. Or, the target element and the icon animation element are different poses of the same object. For example, in the example scene in Figure 6 above, the icon animation element is the front view of the bear, and the target element is the side view of the same bear. Or, the target element and the icon animation element are similar. For example, the icon animation element can be obtained by at least one shape transformation. Furthermore, the splash screen includes dynamic images, while the icon animation element is generally a static image. In this case, the icon animation element can be a frame of the dynamic image included in the splash screen. For example, the icon animation element is the first frame of the dynamic image.

[0142] Optionally, during application development, the splash screen after application launch can be configured. Then, during application launch, the electronic device can obtain information from the splash screen, thereby identifying the target element and its secondary position within the splash screen.

[0143] For example, consider the splash screen of a game application, such as an account login page, as shown in Figure 7. Corresponding to the scenario shown in Figure 6 above, the target element 71 on the splash screen is an enlarged application icon element. For example, both could be bears, just different sizes. Alternatively, the icon animation element could be a sitting bear, and the target element could be the same object in different poses, such as a bear with outstretched limbs in flight.

[0144] In some embodiments, the execution order of steps S302 and S303a is not limited. For example, after obtaining relevant information through step S301, the electronic device can obtain icon position information based on the relevant information. Furthermore, the electronic device has preset specifications. Then, during the process of adjusting the application icon's specifications to the preset specifications based on the icon position information, the electronic device can obtain the first position of the icon animation element in the application icon of the preset specifications and the second position of the target element in the splash screen page based on the icon position information and the preset specifications. That is, the electronic device executes steps S302 and S303a simultaneously. Alternatively, after obtaining relevant information through step S301, the electronic device first adjusts the application icon's specifications to the preset specifications based on the relevant information. Then, the electronic device obtains the first position of the icon animation element in the application icon of the preset specifications and the second position of the target element in the splash screen page. That is, the electronic device executes step S302 first, then step S303a. Yet another example, after obtaining relevant information through step S301, the electronic device first obtains the first position of the icon animation element in the application icon of the preset specifications and the second position of the target element in the splash screen page based on the relevant information and the preset specifications. Then, the electronic device adjusts the application icon's specifications to the preset specifications based on the relevant information. That is, the electronic device first executes step S303a, and then step S302.

[0145] S304a. The electronic device displays the first splash screen animation corresponding to the icon animation element based on the first position and the second position.

[0146] In some embodiments, the first splash screen animation is implemented by rendering and loading a display animation object, rather than directly by moving an icon animation element or a target element. For example, the electronic device uses the position of the icon animation element on the display screen as the starting position of the animation object's movement, and renders the starting frame of the animation object with the same data as the icon animation element. Then, the electronic device obtains the subsequent shape changes of the animation object based on its starting frame and starting position, uses the position of the target element on the display screen as the ending position of the animation object, and renders the ending frame of the animation object with the same data as the target element. In this way, the entire first splash screen animation combines the icon animation element and the target animation element, resulting in a smooth shape transformation.

[0147] Optionally, after acquiring the first position, the electronic device can set the first position as the starting position of the animation object and set the icon animation element as the starting form of the animation object. After acquiring the second position, the electronic device can set the second position as the ending position of the animation object and set the target element as the ending form of the animation object.

[0148] Optionally, the electronic device displays the first splash screen animation by changing the animated object from its initial form displayed in the first position to its final form displayed in the second position. This achieves a smooth transition between the application icon and the splash screen during the splash screen animation display process, and by utilizing icon animation elements, enhances the connection between the application icon and the splash screen, preventing them from being completely independent and disconnected, and reducing the sense of interruption for the user during application startup.

[0149] For example, as shown in Figure 8(a), the electronic device displays a game application icon 61 of a preset size and can obtain the first position of the icon animation element 62, such as the display position of the icon animation element 61 on the screen. Furthermore, as shown in Figure 8(c), the electronic device can also obtain the second position of the target element 71 on the splash screen, such as the display position of the target element 71 on the screen. Then, as shown in Figure 8(b), the electronic device can obtain the initial position of the animation object as the first position, the initial form as the icon animation element, the ending position as the second position, and the ending form as the target element. Afterwards, the electronic device can obtain the movement trajectory of the animation object based on the first and second positions, as shown by the dotted line in Figure 8(b). Furthermore, the electronic device can also obtain information such as the shape change parameters of the animation object based on the initial and ending forms, as shown by the shape change of the animation object (such as a bear) from small to large in Figure 8(b).

[0150] In this way, the splash screen animation, as the animation that enters the splash screen page from the desktop, visually takes over the task of transforming the animation element from the icon animation element into the target element, presenting the user with the transformation process of an object between two forms. The whole process is very smooth and integrated, reducing the interruption when the application icon switches to the splash screen page.

[0151] In some embodiments, during application development, developers can pre-configure the movement trajectory type of the animation object. Subsequently, when the electronic device needs to display the first splash screen animation, it can obtain the movement trajectory type matching the current display scene, thereby obtaining the corresponding movement trajectory. Optionally, the display scene can be determined based on factors such as the display duration of the first splash screen animation, the relative position and distance between the first and second positions, etc.

[0152] In some embodiments, deformation parameters are pre-configured in the electronic device or application. Based on these deformation parameters, the electronic device can obtain multiple forms during the deformation process of the animated object, thereby achieving a continuous form change of the animated object.

[0153] Optionally, deformation parameters may include, for example, size change parameters, motion change parameters, and lighting change parameters. Among these, motion change parameters can realize different actions of the animated object at different times. For example, it can realize motion changes such as the animated object changing from a half-squatting position to an upright position, from sitting to flying with limbs outstretched, or raising an arm. Optionally, the electronic device can obtain the motion changes of the animated object by performing skeletal analysis on the animated object and acquiring changes in the movement of bone nodes.

[0154] For example, as shown in Figure 8(b), the electronic device displays the first splash screen animation by calculating the changes in the bear's display position and movement. During the first splash screen animation, the electronic device can present the user with the bear gradually increasing in size and, through changes in its movement trajectory, present the user with the effect of the bear moving back and forth in depth.

[0155] In this way, by changing the animated objects, a richer splash screen animation display effect can be presented to the user.

[0156] In some embodiments, after obtaining the first position, the initial shape of the animated object, the second position, and the final shape of the animated object, the electronic device can calculate and obtain the movement trajectory of the animated object and multiple shapes that match the movement trajectory. Then, the electronic device can render and display the first splash screen animation based on the movement trajectory of the animated object and the multiple shapes that match the movement trajectory.

[0157] In other embodiments, after obtaining the first position, the initial shape of the animated object, the second position, and the final shape of the animated object, the electronic device can calculate the motion parameters of the animated object in real time, and render and display the corresponding animated object in real time according to the motion parameters to realize the display of the first splash screen animation. The motion parameters include, for example, display position information and display shape parameters.

[0158] In some embodiments, electronic devices can obtain motion parameters of animated objects through two-dimensional animation calculations or 3D model transformations.

[0159] In some examples, the electronic device obtains the motion parameters of the animated object through two-dimensional animation calculations. Specifically, the electronic device acquires the initial and final forms of the animated object. Then, according to preset rules, the electronic device acquires the motion parameters of the animated object as it changes from the initial form to the final form.

[0160] Optionally, the preset rules may include keyframe animation. For example, the electronic device analyzes the skeletal nodes of the animated object, adjusts the positions of the skeletal nodes, and obtains multiple keyframe images. Then, the electronic device uses keyframe completion to achieve a smooth transition between multiple keyframe images during the first opening animation display. Optionally, the motion parameters may include, for example, the movement parameters of the skeletal nodes.

[0161] For example, in the scenario shown in Figure 8(b), the animated object is a bear. The electronic device can analyze and adjust the bear's skeletal nodes to obtain multiple keyframe images during the bear's transformation from its initial to its final form. By using keyframe completion, it can smoothly display the bear's corresponding first opening animation. It should be understood that in the first opening animation display scenario shown in Figure 8(b), the bear remains in a sitting position. However, in some other scenarios, the bear can also transform from a sitting position to a flying position with its limbs outstretched. In this process, the electronic device can also achieve a continuous first opening animation of the bear's form change through keyframe animation.

[0162] Thus, the first splash screen animation is displayed through 2D animation calculations. Furthermore, the trajectory and shape changes corresponding to key frames in this first splash screen animation can also present users with a display effect similar to 3D animation.

[0163] In other examples, the electronic device obtains the motion parameters of the animated object through 3D model transformation. Optionally, the application has a pre-built 3D model, which the electronic device can obtain when it needs to display the first splash screen animation, and use the 3D model to display the first splash screen animation. Optionally, the 3D model, the icon animation element, and the target element correspond to the same animated object.

[0164] For example, electronic devices can perform operations such as displacement, deformation, scaling, skeletal changes, virtual camera orientation / focus changes, and control masking on the 3D model to achieve the transformation from the initial form to the final form, thereby displaying the first splash screen animation.

[0165] For example, an electronic device can acquire a 3D model and then obtain a virtual camera for imaging the 3D model through reverse computation. Since the electronic device obtains the virtual camera through reverse computation, the camera used to capture the image of the 3D model can be described as a virtual camera. For instance, by capturing the 3D model with the virtual camera, a 2D image corresponding to an existing icon animation element can be obtained. Then, based on the 3D model and the icon animation element, the electronic device can obtain the location of the virtual camera through reverse computation.

[0166] Optionally, the initial orientation is the position of the virtual camera capturing the icon animation element, and the final orientation is the position of the virtual camera capturing the target element. In some scenarios, the 3D model transformation process is a change in perspective from the initial orientation to the final orientation of the virtual camera. In other scenarios, the 3D model transformation process involves not only different perspectives of a single model but also changes in the 3D model's shape. Therefore, the electronic device can obtain the deformation parameters of the 3D model as it changes from the initial state corresponding to the icon animation element to the final state corresponding to the target element. For example, the electronic device can obtain the deformation parameters of the 3D model through skeletal animation, particle animation, vertex animation, hair simulation, etc. For instance, through skeletal animation, the electronic device can obtain the skeletal movement parameters corresponding to the skeletal changes, so that after skeletal movement, the 3D model ultimately becomes a 3D model adapted to the target element. For example, in the aforementioned process of the bear changing from a sitting posture to flying with its limbs outstretched, the electronic device can render the animated object based on the deformation parameters of the bear's 3D model.

[0167] Optionally, the electronic device can obtain the movement trajectory of the virtual camera based on the initial and final orientations of the virtual camera.

[0168] Optionally, based on the above example, the electronic device can acquire the initial orientation, final orientation, and movement trajectory of the virtual camera, as well as the deformation parameters of the 3D model during the movement of the electronic device from the initial orientation to the final orientation. The electronic device combines these deformation parameters with the movement trajectory to obtain the 3D model from the virtual camera's perspective. Then, based on relativity, as the virtual camera moves along the trajectory, the 3D model moves relative to the virtual camera. Furthermore, changes in the 3D model's own shape are superimposed during this relative movement, resulting in changes in the 3D model displayed by the virtual camera, which can then be used to display the first splash screen animation.

[0169] In this way, by changing the 3D model, a coherent 3D first splash screen animation visual experience is presented to the user.

[0170] In addition, by combining the application icon specifications of electronic devices with a preset 2D animation, the electronic devices can display a 2D animation first and then a 3D animation during the splash screen animation process. The combination of the two can increase the richness of the application splash screen animation.

[0171] The preceding text described the display process of the first splash screen animation corresponding to the icon animation element. As mentioned above, during the display of the first splash screen animation, the electronic device also displays the second splash screen animation corresponding to the icon background element. The following text provides a detailed description of the display process of the second splash screen animation corresponding to the icon background element through steps S303b-S304b.

[0172] S303b, Electronic equipment acquires target ratio.

[0173] In some embodiments, after adjusting the specifications of the icon background element to a preset specification, the electronic device also needs to adjust the ratio of the background frame corresponding to the icon background element to match the display ratio, so that the background frame can be displayed in full screen later. That is, the target ratio is the display ratio. Therefore, when the electronic device triggers the second splash animation corresponding to the icon background element, it can obtain this display ratio as the target ratio, such as a target ratio of 16:9. The adjustment of the icon background element to the preset specification can be an adjustment of the application icon as a whole, or an adjustment of the icon background element individually.

[0174] The background frame can be, for example, the outer border of the application icon. Optionally, when the application icon is displayed, the background frame can display icon animation elements and icon background elements.

[0175] Optionally, the target aspect ratio may include, for example, the aspect ratio of the display screen. Optionally, in scenarios where small windows are displayed, such as split-screen or floating windows, full-screen display means full-screen display within that small window. In this case, the target aspect ratio obtained by the electronic device can also be the aspect ratio of that small window.

[0176] Optionally, the electronic device may have a preset target ratio, or the electronic device may acquire the target ratio in real time.

[0177] In some embodiments, the execution order of steps S302 and S303b is not limited. For example, the electronic device may obtain the target ratio while adjusting the application icon's specifications to a preset specification based on relevant information. That is, the electronic device executes steps S302 and S303b simultaneously. Alternatively, the electronic device may first adjust the application icon's specifications to a preset specification based on relevant information, and then obtain the target ratio. That is, the electronic device executes step S302 first, then step S303b. Yet another example is that the electronic device may first obtain the target ratio, and then adjust the application icon's specifications to a preset specification based on relevant information. That is, the electronic device executes step S303b first, then step S302.

[0178] S304b: The electronic device displays a second splash screen animation corresponding to the icon background element according to the target ratio.

[0179] In some embodiments, after obtaining the target ratio, the electronic device can adjust the ratio of the background frame of a preset specification to the target ratio. Optionally, if the ratio of the background frame is the same as the target ratio, the electronic device does not need to adjust the ratio of the background frame.

[0180] In some examples, the electronic device can directly and synchronously adjust the display ratio of the icon background element while the background frame is being adjusted. Alternatively, the electronic device may not need to adjust the display ratio of the icon background element.

[0181] In some embodiments, after the background frame is adjusted to a target ratio, the electronic device displays a portion of the splash screen content within the background frame. Optionally, this portion of the content may not include the target element. For example, the electronic device displays all content from the splash screen except for the target element within the background frame. Another example is that the electronic device displays a small portion of the splash screen content within the background frame.

[0182] In some embodiments, the electronic device adjusts the scale of the background frame according to the target ratio and switches the background elements of the icons displayed in the background frame to the elements in the splash screen. Then, the electronic device can proportionally enlarge the background frame and the elements within it until it is displayed in full screen. This process can be described as a second splash screen animation corresponding to the icon background elements. Subsequently, as shown in Figure 5, after the second splash screen animation ends, the content displayed in full screen and the target elements after the first splash screen animation ends can constitute the splash screen, thus displaying the splash screen and completing the entire splash screen animation display process.

[0183] In some embodiments, the adjustment of the background frame proportions conforms to preset proportion adjustment rules. For example, these preset proportion adjustment rules may include stretching the background frame simultaneously in both the width and height directions during the stretching process, although the stretching speeds may differ, until the width and height ratio of the background frame is stretched to match the target ratio. Alternatively, these preset proportion adjustment rules may include stretching the width or height of the background frame separately until its width-to-height ratio is adjusted to match the target ratio. Thus, electronic devices can provide users with different visual effects through different preset proportion adjustment rules.

[0184] In some embodiments, the switching methods by which the electronic device switches the icon background element in the background box to the elements in the splash screen (excluding the target element) may differ depending on whether there is a correlation between the icon background element and the elements in the splash screen (excluding the target element).

[0185] For example, if there is no correlation between the icon background element and other elements on the splash screen besides the target element, the electronic device can directly switch the icon background element in the background frame to the element on the splash screen. Optionally, the electronic device can switch the displayed elements in the background frame at any time. For example, after adjusting the scale of the background frame to the target scale, the electronic device can switch the icon background element in the background frame to the element on the splash screen. Optionally, before switching the icon background element, the electronic device can fade the icon background element. In this way, after the scale of the background frame is adjusted to the target scale, the electronic device no longer displays the icon background element in the background frame, but switches to displaying the element on the splash screen.

[0186] For example, as shown in Figures 9(a)-(b), the electronic device adjusts the size of the icon background element 63 in the game application icon 61 to a preset size. Then, as shown in Figure 9(c), the electronic device adjusts the ratio of the background frame 91 according to the target ratio (e.g., the screen ratio). During this process, the ratio of the icon background element 63 remains unchanged, but it fades out. Then, as shown in Figure 9(d), after the ratio of the background frame 91 is adjusted to the target ratio, the electronic device no longer displays the icon background element 63 in the background frame 91, but instead displays all elements in the splash screen page except for the target element. Then, as shown in Figures 9(e)-(f), the electronic device proportionally enlarges the background frame 91 and the elements within it until these elements are displayed in full screen. The process shown in Figures 9(b)-(f) is the display process of the second splash screen animation.

[0187] In this way, the electronic device achieves a smooth second splash screen animation by changing the proportion of the background frame and switching the content displayed in the background frame, thus meeting the user's visual needs.

[0188] For example, if the icon background element and some elements in the splash screen are identical, the electronic device can adjust at least one of the following: the orientation, focus position, and focal length of the virtual camera, based on the position of the identical elements in the splash screen and the virtual camera's orientation corresponding to those elements. This allows for a second splash screen animation that expands the splash screen from the local area containing the identical elements to the entire screen. Optionally, during the expansion process, if the image corresponding to the virtual camera corresponds to the content of the complete splash screen image, then that image portion is located outside the background frame. The electronic device does not display the image located outside the background frame.

[0189] For example, as shown in Figure 10(a), the electronic device displays a game application icon of a preset size, where the background elements of the displayed icon are the same as some elements in the splash screen page shown in Figure 10(c). The electronic device can then obtain the position of these identical elements in the splash screen page, as well as the virtual camera position corresponding to these elements. Then, as shown in Figures 10(b)-(c), during the process of adjusting the scale of the background frame 91 to the target scale and proportionally enlarging the background frame 91, the electronic device uses the background frame 91 as the imaging frame of the virtual camera. By adjusting the virtual camera's position, focus position, focal length, and other parameters, it presents elements within a larger range on the splash screen page. As the background frame 91 is continuously stretched, the imaging frame presented by the electronic device also continuously increases in size, and the electronic device ultimately presents the complete splash screen page. The process shown in Figure 10 is the display process of the second splash screen animation.

[0190] In this way, electronic devices can provide users with a second splash screen animation viewing experience that unfolds from a partial to a whole by locating elements in the splash screen page that are the same as the background elements of the icon, thus achieving the continuity and fun of the splash screen animation.

[0191] For example, when the icon background element and the splash screen are two-dimensional images of the same 3D model from different angles, the electronic device can display a second splash screen animation by fixing the 3D model and changing the orientation of the virtual camera. For instance, based on the principle that a 3D model can be presented from multiple angles and with different focal lengths, the electronic device can obtain two-dimensional images of the 3D model captured by the virtual camera at different angles and focal lengths, thus acquiring the icon background element and the splash screen. Optionally, the icon background element and the splash screen acquired by the electronic device can be the same, partially the same, or completely different. For example, the icon background element might be "shot" by the virtual camera at a very close distance of one part of the 3D model, while the splash screen might be "shot" by the virtual camera suspended in the air with a wide-angle lens; the resulting two-dimensional images are completely different. Optionally, the electronic device can change the two-dimensional image by adjusting parameters such as the focal length and wide-angle of the virtual camera. For example, in the aforementioned scenario, the electronic device uses the parameters of a macro camera to achieve a close-up "shot" by the virtual camera to acquire the icon background element; the electronic device uses the parameters of a wide-angle camera to achieve a suspended "shot" by the virtual camera to acquire the splash screen. Therefore, electronic devices can use a fixed 3D model as a reference to move a virtual camera from the background element of the "Shoot" icon to the location on the "Shoot" splash screen. The resulting 2D image can then be displayed, creating a second splash screen animation. The background frame serves as the virtual camera's imaging frame, and images outside this frame are not displayed. Optionally, the virtual camera's movement trajectory can be predefined by the application or calculated in real-time.

[0192] In this way, electronic devices use virtual cameras to image the same 3D model, creating splash screen animations that change between icon background elements and the splash screen page, providing users with a richer visual experience.

[0193] In some embodiments, the electronic device renders and displays the first splash screen animation and the second splash screen animation separately through steps S304a and S304b, thereby achieving a complete splash screen animation display in the process.

[0194] For example, in conjunction with the relevant content described in Figures 8 and 9 above, as shown in Figure 11(a), during the process of the electronic device displaying the game application icon 61 on the desktop, it detects the user's operation on the game application icon 61 and determines that the user has instructed to launch the game application. Then, the electronic device can trigger the display of the game application's splash screen animation. As shown in Figure 11(b), the electronic device enlarges the size of the game application icon 61 to a preset size. Then, as shown in Figures 11(c)-(e), the electronic device displays the first splash screen animation corresponding to the icon animation element 62 according to the obtained movement trajectory of the icon animation element 62. Furthermore, during this process, as shown in Figure 11(c), the electronic device adjusts the background frame 91 to the target ratio, and as shown in Figure 11(d), after the background frame 91 is adjusted to the target ratio, it displays other elements in the splash screen page except for the target element 71 in the background frame 91. Then, as shown in Figure 11(e), the background frame 91 and the elements displayed therein are enlarged proportionally to display the second splash screen animation. Afterwards, the electronic device can display the splash screen page as shown in Figure 11(f), completing the entire splash screen animation display process.

[0195] Thus, by generating a first splash screen animation corresponding to the icon animation element and a second splash screen animation corresponding to the icon background element, and combining and playing the first and second splash screen animations in a preset sequence, a complete splash screen animation is obtained. This achieves the display effect of the icon animation element exiting the background frame and entering the splash screen page, realizing a smooth transition between the application icon and the splash screen page. It should be understood that this application embodiment does not limit whether the icon animation element exits the background frame.

[0196] Furthermore, by using the first and second elements, the relationship between the first object and the splash screen is strengthened, making the first object and the splash screen no longer disconnected and reducing the sense of interruption for the user during application startup.

[0197] The above example uses 2D images as the icon animation elements in an app icon to illustrate the display process of a splash screen animation. In some scenarios, icon animation elements can also be 3D models. The following section details the display process of splash screen animations in scenarios where icon animation elements are 3D models.

[0198] In some embodiments, when an electronic device detects a user's interaction with displayed application icons, widgets, cards, or other objects, it may trigger the launch of the corresponding application. In response to this interaction, the electronic device may also trigger the display of a splash screen animation. In some examples, 3D models may be displayed on the application icons, widgets, cards, or other objects; these 3D models may serve as icon animation elements (or be described as animation elements).

[0199] Optionally, the electronic device can acquire the 3D model displayed on the aforementioned object and use the 3D model as an animation object to trigger the display of the splash screen animation. For example, the electronic device can acquire a card displayed on the desktop, use the 3D model displayed on the card as an icon animation element, and trigger the splash screen animation. Optionally, the target element in the splash screen page can also be the 3D model.

[0200] In some embodiments, in response to the aforementioned user operation, the electronic device generates an application launch event. In response to this application launch event, the electronic device can acquire the corresponding 3D model as an icon animation element. Then, the electronic device can use the virtual camera position of the 3D model displayed on the current object as the initial position of the virtual camera corresponding to the icon animation element. Optionally, the 3D model on the object displayed by the electronic device is presented from a preset perspective, which may correspond to the initial position of the virtual camera. Optionally, the electronic device can also acquire the ending position of the virtual camera corresponding to the target element in the splash screen, wherein the ending position can be calculated in real time or preset in the application. Optionally, the electronic device can also acquire the movement trajectory of the virtual camera based on the initial and ending positions. Then, the electronic device renders and displays the image of the virtual camera relative to the 3D model based on the movement trajectory of the virtual camera, thereby realizing the display of the splash screen animation.

[0201] In some examples, the target element in the splash screen may be the same 3D model as the icon animation element, such as both being the same 3D model but presented from the same or different perspectives. In this case, the electronic device can directly obtain information such as the perspective of the target element by reading the data of the splash screen to be displayed.

[0202] In this way, by changing the perspective of the 3D model, the splash screen animation can be displayed smoothly, increasing the fun of the splash screen animation and reducing the user's waiting time when launching the application.

[0203] Figure 12 is a flowchart illustrating another method for displaying a splash screen animation provided in an embodiment of this application. It should be noted that this method is not limited to the specific order described in Figure 12 and below. It should be understood that in other embodiments, the order of some steps in this method can be interchanged according to actual needs, or some steps can be omitted or deleted. The method includes the following steps:

[0204] S1201, In response to a user's first operation on a first object, the electronic device obtains first information about the first object, wherein the first operation instructs the launch of an application corresponding to the first object.

[0205] The first object can be one or more of the following: an application icon, a card, or a widget. For example, if the first object is an application icon, the first information may include icon animation element information, icon background element information, and icon position information. As another example, if the first object is a card, the first information may include card animation element information, card background element information, and card position information. The following example uses an application icon as the first object to illustrate the splash screen animation display process.

[0206] In some embodiments, while the electronic device is displaying the first object, in response to the first operation, the application corresponding to the first object is launched. During the application launch process, the electronic device may display a splash screen animation, thereby increasing the user's enjoyment while waiting for the application to launch.

[0207] S1202, The electronic device displays a first splash screen animation based on the first element indicated by the first information and the second element in the splash screen page of the application, wherein the first element and the second element have a first association relationship.

[0208] S1203. During the display of the first splash screen animation, the second splash screen animation is displayed according to the third element indicated by the first information, wherein the first element and the third element are used to display the first object.

[0209] In some embodiments, the first element is an icon animation element, the third element is an icon background element, and the first and third elements are used to display the application icon (such as the first object). The second element is the target element in the splash screen that corresponds to the icon animation element.

[0210] Optionally, the first element can be a two-dimensional element or a three-dimensional element.

[0211] In some embodiments, having a first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same three-dimensional model from different angles.

[0212] In this way, the splash screen animation, as the animation when entering the splash screen page from the desktop, perfectly takes over the animation playback task from the elements in the first object to the elements in the splash screen page, presenting the user with the process of an object changing between two forms. The whole process is very smooth and integrated, reducing the sense of interruption when switching from the first object to the splash screen page.

[0213] In some embodiments, during the display of the first splash screen animation and the second splash screen animation, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation.

[0214] For example, as shown in Figure 11(e), during the display of the first splash screen animation and the second splash screen animation, the icon animation element 62 (such as the first element) extends beyond the display area occupied by the background frame 91 (such as the second splash screen animation).

[0215] Thus, by generating the first splash screen animation corresponding to the first element and the second splash screen animation corresponding to the third element respectively, and making the first splash screen animation and the second splash screen animation play together in a preset sequence, a complete splash screen animation can be obtained. This can achieve the display effect of the first element entering the splash screen page after exiting the background frame corresponding to the first object, and achieve a smooth transition between the display of the first object and the splash screen page.

[0216] In some embodiments, the electronic device displays a first splash screen animation based on a first element indicated by first information and a second element in the splash screen of the application. During the display of the first splash screen animation, the electronic device displays a second splash screen animation based on a third element indicated by the first information, including: in response to a first operation, the electronic device displays a first object of preset specifications.

[0217] Optionally, the electronic device displays a first object with preset dimensions, including: adjusting the dimensions of the first object to the preset dimensions according to a first method or a second method, and then displaying the first object with preset dimensions. Alternatively, adjusting the first element and the third element separately according to the first method or the second method, and then displaying the first object with preset dimensions. The first method involves proportional adjustment, while the second method involves adjusting the width and height proportionally separately.

[0218] For example, as shown in FIG6(a), in response to a user's operation on the game application icon 61 (such as the first object), the electronic device sets the lower right corner of the game application icon 61 as a reference point and uses this reference point as a fixed point to enlarge the size of the game application icon 61 to a preset size. For example, after the electronic device uses the lower right corner of the game application icon 61 as a fixed point and enlarges the size of the game application icon 61 proportionally to the upper left to a preset size, the interface shown in FIG6(b) can be displayed.

[0219] For example, as shown in Figure 6(a), in response to a user's operation on the game application icon 61 (such as the first object), the electronic device proportionally enlarges the icon animation element 62 (such as the first element) in the game application icon 61 from the lower right corner of the game application icon 61 to the upper left, and separately enlarges the icon background element 63 (such as the third element) in the game application icon 61 according to different aspect ratios. Afterwards, the electronic device can display the interface shown in Figure 6(c). In this interface, the bear in the game application icon 61 is an icon animation element.

[0220] In this way, electronic devices can provide users with different visual effects by adjusting different preset ratios.

[0221] In some embodiments, the electronic device displays a first splash screen animation based on a first element indicated by first information and a second element in the application's splash screen page. This includes: the electronic device acquiring a first position of the first element in a first object of preset specifications on the display screen, and a second position of the second element in the splash screen page on the display screen. Then, the electronic device uses the first position as the start position of the motion, the second position as the end position of the motion, the shape of the first element in the first object of preset specifications as the initial shape of the motion, and the shape of the second element in the splash screen page as the end shape of the motion, and displays the first splash screen animation.

[0222] In this way, the first and second elements strengthen the relationship between the first object and the splash screen, making them no longer disconnected and reducing the interruption for the user during application startup.

[0223] In some examples, the electronic device acquires preset first motion parameters. Then, based on the first motion parameters, the start position, the end position, the initial shape, and the end shape, the electronic device displays a first splash screen animation. Alternatively, the electronic device acquires second motion parameters based on the first motion parameters, the start position, the end position, the initial shape, and the end shape, using a 2D animation algorithm or a preset 3D model. The electronic device then displays the first splash screen animation based on the second motion parameters.

[0224] Thus, the electronic device renders and displays the first splash screen animation based on the preset first motion parameters. Alternatively, the electronic device renders and displays the first splash screen animation in real time.

[0225] Optionally, the first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path.

[0226] In some examples, the 2D animation algorithm includes keyframe animation. For instance, the electronic device analyzes the skeletal nodes of the animated object, adjusts the positions of the skeletal nodes, and obtains multiple keyframe images. Then, the electronic device uses keyframe completion to achieve a smooth transition between multiple keyframe images during the initial splash screen animation display. Optionally, motion parameters may include, for example, the movement parameters of the skeletal nodes.

[0227] For example, in the scenario shown in Figure 8(b), the animated object is a bear. The electronic device can analyze and adjust the bear's skeletal nodes to obtain multiple keyframe images during the bear's transformation from its initial form to its final form. By completing these keyframes, a smooth first-screen animation corresponding to the bear can be displayed.

[0228] Thus, the first splash screen animation is displayed through 2D animation calculations. For example, by using the trajectory and shape changes corresponding to keyframes in the first splash screen animation, a display effect similar to 3D animation can also be presented to the user.

[0229] In other embodiments, the electronic device displays a first splash screen animation, including: the electronic device displays the first splash screen animation by performing any one or more operations on a preset 3D model, such as displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking.

[0230] In this way, by changing the 3D model, a coherent 3D opening screen animation visual experience is achieved for the user.

[0231] In addition, by combining the electronic device with a preset two-dimensional animation of the first object, the electronic device can display the two-dimensional animation first and then the three-dimensional animation during the opening screen animation process. The combination of the two can increase the richness of the application's opening screen animation.

[0232] In some embodiments, the elements in the splash screen are unrelated to the third element, or the elements in the splash screen and the third element have a second association relationship. This second association relationship includes the third element being identical to a partial pattern in the splash screen, or the third element and all elements in the splash screen except the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions.

[0233] For example, the elements in the splash screen are unrelated to the third element. As shown in Figures 9(a)-(b), the electronic device adjusts the size of the icon background element 63 (as the third element) in the game application icon 61 (as the first object) to a preset size. Then, as shown in Figure 9(c), the electronic device adjusts the ratio of the background frame 91 according to the target ratio (as the display ratio). During this process, the ratio of the icon background element 63 remains unchanged, but it fades out. Then, as shown in Figure 9(d), after the ratio of the background frame 91 is adjusted to the target ratio, the electronic device no longer displays the icon background element 63 in the background frame 91, but displays all elements in the splash screen except for the target element. Then, as shown in Figures 9(e)-(f), the electronic device enlarges the background frame 91 and the elements in the background frame 91 proportionally until these elements are displayed in full screen. The process shown in Figures 9(b)-(f) is the display process of the second splash screen animation.

[0234] In this way, the electronic device achieves a smooth second splash screen animation by changing the proportion of the background frame and switching the content displayed in the background frame, thus meeting the user's visual needs.

[0235] For example, the elements in the splash screen have a second association with the third element. As shown in Figure 10(a), the electronic device displays a game application icon (such as the first object) of a preset size, where the background elements of the displayed icon (such as the third element) are the same as some elements in the splash screen shown in Figure 10(c). The electronic device can then obtain the position of this identical element in the splash screen and the virtual camera position corresponding to that element. Then, as shown in Figures 10(b)-(c), during the process of adjusting the scale of the background frame 91 to the target scale and proportionally enlarging the background frame 91, the electronic device uses the background frame 91 as the imaging frame of the virtual camera. By adjusting the virtual camera's position, focus position, focal length, and other parameters, it presents elements within a larger range in the splash screen. As the background frame 91 is continuously stretched, the imaging frame presented by the electronic device also continuously increases in size, and the electronic device ultimately presents the complete splash screen. The process shown in Figure 10 is the display process of the second splash screen animation.

[0236] In this way, electronic devices can provide users with a second splash screen animation viewing experience that unfolds from a partial to a whole by locating elements in the splash screen page that are the same as the background elements of the icon, thus achieving the continuity and fun of the splash screen animation.

[0237] In some embodiments, during the display of the first splash screen animation, the electronic device displays the second splash screen animation according to the third element indicated by the first information, including: the electronic device displays the third element at a first ratio, the first ratio being the same as the aspect ratio of the electronic device's display screen.

[0238] In this way, electronic devices achieve a smooth second splash screen animation by changing the scale and switching between the third element and the elements in the splash screen page, thus meeting the user's visual needs.

[0239] In some solutions, multiple embodiments of this application can be combined, and the combined solution can be implemented. Optionally, some operations in the processes of each method embodiment may be combined, and / or the order of some operations may be changed. Furthermore, the execution order between the steps of each process is merely exemplary and does not constitute a limitation on the execution order between steps; other execution orders are also possible. It is not intended to indicate that the execution order is the only possible order in which these operations can be performed. Those skilled in the art will conceive of various ways to reorder the operations described herein. In addition, it should be noted that the process details involved in one embodiment of this document are similarly applicable to other embodiments, or different embodiments may be combined.

[0240] Furthermore, some steps in the method embodiments can be equivalently replaced with other possible steps. Alternatively, some steps in the method embodiments may be optional and can be deleted in certain use cases. Or, other possible steps may be added to the method embodiments.

[0241] Furthermore, the various method embodiments can be implemented individually or in combination.

[0242] The display method for opening screen animation provided by the embodiments of this application has been described in detail above with reference to Figures 3-12. The electronic device provided by the embodiments of this application is described in detail below with reference to Figure 13.

[0243] In one possible design, Figure 13 is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. As shown in Figure 13, the electronic device 1300 may include a detection unit 1301, a processing unit 1302, and a display unit 1303. The electronic device 1300 can be used to implement the functions of the electronic device involved in the above method embodiments.

[0244] In some embodiments, the detection unit 1301 is, for example, the sensor module 180 shown in FIG2. Alternatively, if the display screen 194 of the electronic device 1300 is a touch screen, the display screen 194 includes the detection unit 1301. The processing unit 1302 is, for example, the processor 110 shown in FIG2. The display unit 1303 is, for example, the display screen 194 shown in FIG2.

[0245] In some embodiments, the detection unit 1301 is configured to detect user operations on a first object, wherein the first operation instructs the launch of an application corresponding to the first object. The processing unit 1302 is configured to: in response to the first operation, acquire first information about the first object; acquire a first element and a third element indicated by the first information, and a second element in the application's splash screen; wherein the first element and the third element are used to display the first object, and the first element and the second element have a first association relationship. The display unit 1303 is configured to: display a first splash screen animation based on the first element and the second element; and, during the display of the first splash screen animation, display a second splash screen animation based on the third element.

[0246] The first object can be one or more of the following: an application icon, a card, or a widget. For example, if the first object is an application icon, the first information may include icon animation element information, icon background element information, and icon position information, where the first element is, for example, an icon animation element, and the third element is, for example, an icon background element. As another example, if the first object is a card, the first information may include card animation element information, card background element information, and card position information, where the first element is, for example, a card animation element, and the third element is, for example, a card background element.

[0247] In some examples, the processing unit 1302 instructs the display unit 1303 to display a splash screen animation via a first instruction. Then, in response to this first instruction, the display unit 1303 can display a splash screen animation, such as a first splash screen animation or a second splash screen animation.

[0248] Optionally, the first instruction may be, for example, a display instruction, which may include display data.

[0249] Optionally, the first element can be a two-dimensional element or a three-dimensional element.

[0250] Thus, after the detection unit 1301 detects a user operation, the processing unit 1302 can determine the information of the first object operated by the user and instruct the display unit 1303 to display the splash screen animation corresponding to the first object through a first instruction. The splash screen animation, as the animation for entering the splash screen page from the desktop, perfectly carries out the animation playback task from the elements in the first object to the elements in the splash screen page, presenting the user with a process of an object changing between two forms. The entire process is very smooth and seamless, reducing the sense of interruption when switching from the first object to the splash screen page.

[0251] In some embodiments, during the process of displaying the first splash screen animation and the second splash screen animation in the display unit 1303, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation.

[0252] For example, as shown in FIG11(e), during the display unit 1303 displaying the first splash screen animation and the second splash screen animation, the icon animation element 62 (such as the first element) exceeds the display area occupied by the background frame 91 (such as the second splash screen animation).

[0253] Thus, the processing unit 1301 generates the first splash screen animation corresponding to the first element and the second splash screen animation corresponding to the third element, and the display unit 1303 plays the first splash screen animation and the second splash screen animation in a preset sequence to obtain a complete splash screen animation. This achieves the display effect of the first element entering the splash screen page after exiting the background frame corresponding to the first object, and realizes a smooth transition between the display of the first object and the splash screen page.

[0254] In some embodiments, the processing unit 1302 is configured to: in response to a first operation, obtain a preset specification corresponding to a first object. The display unit 1303 is configured to: display the first object with the preset specification.

[0255] In some examples, after obtaining the preset specifications, the processing unit 1302 may send a second instruction to the display unit 1303. In response to the second instruction, the display unit 1303 may display a first object of the preset specifications.

[0256] Thus, in response to the operation of triggering application startup by operating the first object, the processing unit 1302 can instruct the display unit 1303 to display the first object of preset specifications through the second instruction, thereby enriching the display effect of the splash screen animation.

[0257] Optionally, the display unit 1303 is used to: adjust the specifications of the first object to a preset specification according to a first method or a second method, and display the first object of the preset specification; or, adjust the specifications of the first element and the third element respectively according to a first method or a second method, and display the first object of the preset specification; wherein, the first method is a proportional adjustment, and the second method is a separate proportional adjustment of width and height.

[0258] For example, as shown in FIG6(a), in response to a user's operation on the game application icon 61 (such as the first object), the display unit 1303 sets the lower right corner of the game application icon 61 as a reference point and uses this reference point as a fixed point to enlarge the size of the game application icon 61 to a preset size. For example, after the display unit 1303 uses the lower right corner of the game application icon 61 as a fixed point and enlarges the size of the game application icon 61 proportionally to the upper left to a preset size, the interface shown in FIG6(b) can be displayed.

[0259] For example, as shown in Figure 6(a), in response to a user's operation on the game application icon 61 (such as the first object), the display unit 1303 proportionally enlarges the icon animation element 62 (such as the first element) in the game application icon 61 from the lower right corner of the game application icon 61 to the upper left, and separately enlarges the icon background element 63 (such as the third element) in the game application icon 61 according to different aspect ratios. Then, the display unit 1303 can display the interface shown in Figure 6(c). In this interface, the bear in the game application icon 61 is an icon animation element.

[0260] In this way, different visual effects can be provided to users by adjusting different preset ratios.

[0261] In some embodiments, the processing unit 1302 is configured to: obtain a first position of a first element in a first object of preset specifications on the display screen, and a second position of a second element in the splash screen on the display screen. The display unit 1303 is configured to: use the first position as the motion start position, the second position as the motion end position, the shape of the first element in the first object of preset specifications as the motion initial shape, and the shape of the second element in the splash screen as the motion end shape, and display a first splash screen animation.

[0262] In some examples, after obtaining the first start position and the second end position of the splash screen animation, the processing unit 1302 may send a third instruction to the display unit 1303. In response to the third instruction, the display unit 1303 may display the first splash screen animation.

[0263] In this way, through the interaction of the third instruction, the relationship between the first object and the splash screen is enhanced by the first and second elements, so that the first object and the splash screen are no longer disconnected, reducing the interruption to the user during the application startup process.

[0264] In some embodiments, the processing unit 1302 is configured to: acquire preset first motion parameters. The display unit 1303 is configured to: display a first splash screen animation based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape. Alternatively, the processing unit 1302 is configured to: acquire second motion parameters based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape, using a two-dimensional animation algorithm or a preset three-dimensional model. The display unit 1303 is configured to: display the first splash screen animation based on the second motion parameters.

[0265] Thus, the processing unit 1302 renders the first splash screen animation according to the preset first motion parameters. Alternatively, the processing unit 1302 renders the first splash screen animation in real time.

[0266] Optionally, the first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path.

[0267] Optionally, the 2D animation algorithm includes keyframe animation.

[0268] For example, processing unit 1302 analyzes the skeletal nodes of the animated object, adjusts the positions of the skeletal nodes, and acquires multiple keyframe images. Then, processing unit 1302 completes the keyframes to achieve a smooth transition between the multiple keyframe images during the first opening animation display. Optionally, motion parameters may include, for example, the movement parameters of the skeletal nodes.

[0269] For example, in the scenario shown in Figure 8(b), the animation object is a bear. Then, by analyzing and adjusting the skeletal nodes of the bear, the processing unit 1302 can obtain multiple keyframe images of the bear during its transformation from its initial form to its final form, and achieve a smooth display of the first opening animation corresponding to the bear by completing the keyframes.

[0270] Thus, the first splash screen animation is displayed through 2D animation calculations. For example, by using the trajectory and shape changes corresponding to keyframes in the first splash screen animation, a display effect similar to 3D animation can also be presented to the user.

[0271] In some embodiments, the display unit 1303 is configured to: display a first opening animation by performing any one or more of the following operations on a preset 3D model: displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking.

[0272] In this way, by changing the 3D model, a coherent 3D opening screen animation visual experience is achieved for the user.

[0273] In addition, by combining the display unit 1303 to adjust the first object into a two-dimensional animation of preset specifications, the display unit 1303 realizes that during the opening screen animation process, the two-dimensional animation is displayed first and then the three-dimensional animation is displayed. The combination of the two can increase the richness of the application's opening screen animation.

[0274] In some embodiments, the elements in the splash screen are unrelated to the third element, or the elements in the splash screen have a second association with the third element. The second association includes the third element being the same as a partial pattern in the splash screen, or the third element and the elements in the splash screen other than the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions.

[0275] For example, the elements in the splash screen are unrelated to the third element. As shown in Figures 9(a)-(b), the display unit 1303 adjusts the size of the icon background element 63 (such as the third element) in the displayed game application icon 61 (such as the first object) to a preset size. Then, as shown in Figure 9(c), the display unit 1303 adjusts the ratio of the background frame 91 according to the target ratio (such as the display screen ratio). During this process, the ratio of the icon background element 63 remains unchanged, but it fades out. Then, as shown in Figure 9(d), after the ratio of the background frame 91 is adjusted to the target ratio, the display unit 1303 no longer displays the icon background element 63 in the background frame 91, but displays all elements in the splash screen except for the target element. Then, as shown in Figures 9(e)-(f), the display unit 1303 enlarges the background frame 91 and the elements in the background frame 91 proportionally until these elements are displayed in full screen. The process shown in Figures 9(b)-(f) is the display process of the second splash screen animation.

[0276] In this way, the display unit 1303 achieves the continuous display of the second opening animation by changing the proportion of the background frame and switching the content displayed in the background frame, thus meeting the user's visual needs.

[0277] For example, the elements in the splash screen have a second association with the third element. As shown in Figure 10(a), the display unit 1303 displays a game application icon (such as the first object) of a preset size, wherein the background elements of the displayed icon (such as the third element) are the same as some elements in the splash screen shown in Figure 10(c). Then, the display unit 1303 can obtain the position of the same part of the element in the splash screen and the virtual camera position corresponding to the part of the element. Then, as shown in Figures 10(b)-(c), during the process of adjusting the ratio of the background frame 91 to the target ratio and proportionally enlarging the background frame 91, the display unit 1303 uses the background frame 91 as the imaging frame of the virtual camera, and by adjusting the orientation, focus position, focal length and other parameters of the virtual camera, it presents elements in a larger range in the splash screen. As the background frame 91 is continuously stretched, the imaging frame presented by the display unit 1303 also continuously increases in size, and the display unit 1303 finally presents the complete splash screen. The process shown in Figure 10 is the display process of the second splash screen animation.

[0278] In this way, by locating the element in the splash screen page that is the same as the background element of the icon, the display unit 1303 provides users with a viewing experience of the second splash screen animation that unfolds from part to whole, thus achieving the continuity and fun of the splash screen animation.

[0279] In some embodiments, the display unit 1303 is configured to: display a third element at a first aspect ratio, the first aspect ratio being the same as the aspect ratio of the display screen of the electronic device 1300.

[0280] Thus, by changing the scale and switching between the third element and the elements in the splash screen, the display unit 1303 achieves a continuous display of the second splash screen animation, satisfying the user's visual needs.

[0281] In some embodiments, having a first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same three-dimensional model from different angles.

[0282] In this way, the splash screen animation, as the animation when entering the splash screen page from the desktop, perfectly takes over the animation playback task from the elements in the first object to the elements in the splash screen page, presenting the user with the process of an object changing between two forms. The whole process is very smooth and integrated, reducing the sense of interruption when switching from the first object to the splash screen page.

[0283] Optionally, the electronic device 1300 shown in FIG13 may further include a storage unit (not shown in FIG13) storing a program or instructions. When the detection unit 1301, processing unit 1302, and display unit 1303 execute the program or instructions, the electronic device 1300 shown in FIG13 can execute the display opening animation display method described in the above method embodiment.

[0284] In addition to being in the form of electronic device 1300, the technical solution provided in this application can also be a functional unit or chip in an electronic device, or a device used in conjunction with an electronic device.

[0285] This application also provides a chip system, including: a processor coupled to a memory, the memory being used to store programs or instructions, wherein when the program or instructions are executed by the processor, the chip system implements the methods in any of the above method embodiments.

[0286] Optionally, the chip system may contain one or more processors. These processors can be implemented in hardware or software. When implemented in hardware, the processor can be a logic circuit, an integrated circuit, etc. When implemented in software, the processor can be a general-purpose processor, implemented by reading software code stored in memory.

[0287] Optionally, the chip system may contain one or more memories. The memory may be integrated with the processor or disposed separately from it; this application embodiment does not limit this. For example, the memory may be a non-transient processor, such as a read-only memory (ROM), which may be integrated with the processor on the same chip or disposed separately on different chips. This application embodiment does not specifically limit the type of memory or the arrangement of the memory and processor.

[0288] For example, the chip system may be a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on chip (SoC), a central processor unit (CPU), a network processor (NP), a digital signal processor (DSP), a micro controller unit (MCU), a programmable logic device (PLD), or other integrated chips.

[0289] It should be understood that each step in the above method embodiments can be completed by integrated logic circuits in the processor hardware or by instructions in software form. The method steps disclosed in the embodiments of this application can be directly manifested as being executed by a hardware processor, or being executed by a combination of hardware and software modules in the processor.

[0290] This application also provides a computer-readable storage medium storing a computer program. When the computer program is run on a computer, it causes the computer to perform the aforementioned steps to implement the splash screen animation display method in the above embodiments.

[0291] This application also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned steps to implement the opening animation display method in the above embodiments.

[0292] In addition, this application also provides an apparatus. This apparatus may specifically be a component or module, and may include one or more processors and a memory connected together. The memory is used to store a computer program. When the computer program is executed by one or more processors, the apparatus performs the splash screen animation display method described in the above method embodiments.

[0293] The apparatus, computer-readable storage medium, computer program product, or chip provided in the embodiments of this application are all used to execute the corresponding methods provided above. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects of the corresponding methods provided above, and will not be repeated here.

[0294] The steps of the methods or algorithms described in conjunction with the embodiments of this application can be implemented in hardware or by a processor executing software instructions. The software instructions can consist of corresponding software modules, which can be stored in random access memory (RAM), flash memory, read-only memory (ROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), registers, hard disks, portable hard disks, CD-ROMs, or any other form of storage medium well known in the art. An exemplary storage medium is coupled to a processor, enabling the processor to read information from and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can reside in an application-specific integrated circuit (ASIC).

[0295] Through the above description of the embodiments, those skilled in the art will clearly understand that, for the sake of convenience and brevity, the division of the above functional modules is only used as an example. In practical applications, the above functions can be assigned to different functional modules as needed; that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. The specific working process of the system, device, and unit described above can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

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

[0297] Furthermore, 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. The integrated unit can be implemented in hardware or as a software functional unit.

[0298] Computer-readable storage media include, but are not limited to, any of the following: USB flash drive, portable hard drive, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk, and other media capable of storing program code.

[0299] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any changes or substitutions within the technical scope 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

A method for displaying a splash screen animation, characterized in that, Applied to electronic devices, the method includes: In response to a user’s first operation on a first object, first information about the first object is obtained, and the first operation instructs the application corresponding to the first object to be launched. Based on the first element indicated by the first information and the second element in the application's splash screen, a first splash screen animation is displayed, wherein the first element and the second element have a first association relationship; During the display of the first splash screen animation, a second splash screen animation is displayed according to the third element indicated by the first information, wherein the first element and the third element are used to display the first object. The method according to claim 1, characterized in that, The step of displaying a second splash screen animation during the process of displaying the first splash screen animation, based on the third element indicated by the first information, includes: During the display of the first splash screen animation and the second splash screen animation, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation. The method according to claim 1 or 2, characterized in that, The step of displaying a first splash screen animation based on a first element indicated by the first information and a second element in the application's splash screen, and displaying a second splash screen animation based on a third element indicated by the first information during the display of the first splash screen animation, includes: In response to the first operation, the first object of the preset specifications is displayed. The method according to claim 3, characterized in that, The first object displaying the preset specifications includes: Adjust the specifications of the first object to the preset specifications according to the first method or the second method, and display the first object of the preset specifications; Alternatively, the specifications of the first element and the third element can be adjusted according to the first method or the second method respectively, and the first object with the preset specifications can be displayed; The first method involves adjusting the width and height proportionally, while the second method involves adjusting the width and height proportionally separately. The method according to claim 3 or 4, characterized in that, The step of displaying a first splash screen animation based on the first element indicated by the first information and the second element in the application's splash screen page includes: Obtain the first position of the first element in the first object of the preset specifications on the display screen, and the second position of the second element in the splash screen on the display screen; The first position is taken as the starting position of the movement, the second position is taken as the ending position of the movement, the shape of the first element in the first object of the preset specifications is taken as the initial shape of the movement, and the shape of the second element in the splash screen is taken as the ending shape of the movement, and the first splash screen animation is displayed. The method according to claim 5, characterized in that, The display of the first splash screen animation includes: Obtain the preset first motion parameters; The first splash screen animation is displayed based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape. or, Based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape, the second motion parameters are obtained through a two-dimensional animation algorithm or a preset three-dimensional model. The first splash screen animation is displayed based on the second motion parameters. The method according to claim 6, characterized in that, The first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path. The method according to claim 6 or 7, characterized in that, The 2D animation algorithm includes keyframe animation. The method according to any one of claims 6-8, characterized in that, The display of the first splash screen animation includes: The first splash screen animation is displayed by performing one or more of the following operations on the preset 3D model: displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking. The method according to any one of claims 1-9, characterized in that, The elements in the splash screen are unrelated to the third element, or the elements in the splash screen have a second association with the third element. The second association includes the third element being the same as a partial pattern in the splash screen, or the third element and the elements in the splash screen other than the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions. The method according to any one of claims 1-10, characterized in that, The step of displaying a second splash screen animation during the process of displaying the first splash screen animation, based on the third element indicated by the first information, includes: The third element is displayed at a first aspect ratio, which is the same as the aspect ratio of the display screen of the electronic device. The method according to any one of claims 1-11, characterized in that, The first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element, but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same 3D model from different angles. The method according to any one of claims 1-12, characterized in that, The first object is one or more of the following: application icon, card, and widget. The method according to any one of claims 1-13, characterized in that, The first element is either a two-dimensional element or a three-dimensional element. An electronic device, characterized in that, The electronic device includes: a detection unit, a processing unit, and a display unit; The detection unit is used to detect user operations on the first object, wherein the first operation instructs the launch of the application corresponding to the first object; The processing unit is used for: In response to the first operation, obtain the first information of the first object; Obtain the first element and the third element indicated by the first information, and the second element in the splash screen of the application; wherein the first element and the third element are used to display the first object, and the first element and the second element have a first association relationship; The display unit is used for: Based on the first element and the second element, display the first splash screen animation; And during the display of the first splash screen animation, a second splash screen animation is displayed according to the third element. The electronic device according to claim 15, characterized in that, During the display of the first splash screen animation and the second splash screen animation on the display unit, the display position of the animation object corresponding to the first element exceeds the display area occupied by the second splash screen animation. The electronic device according to claim 15 or 16 is characterized in that, The processing unit is configured to: in response to the first operation, obtain a preset specification corresponding to the first object; The display unit is used to display the first object of the preset specifications. The electronic device according to claim 17, characterized in that, The display unit is used for: Adjust the specifications of the first object to the preset specifications according to the first method or the second method, and display the first object of the preset specifications; Alternatively, the specifications of the first element and the third element can be adjusted according to the first method or the second method respectively, and the first object with the preset specifications can be displayed; The first method involves adjusting the width and height proportionally, while the second method involves adjusting the width and height proportionally separately. The electronic device according to claim 17 or 18 is characterized in that, The processing unit is configured to: obtain the first position of the first element in the first object of the preset specifications on the display screen, and the second position of the second element in the splash screen on the display screen; The display unit is configured to: use the first position as the starting position of the movement, the second position as the ending position of the movement, the shape of the first element in the first object of the preset specifications as the initial shape of the movement, and the shape of the second element in the splash screen as the ending shape of the movement, and display the first splash screen animation. The electronic device according to claim 19, characterized in that, The processing unit is used to: acquire preset first motion parameters; The display unit is configured to: display the first opening animation based on the first motion parameters, the motion start position, the motion end position, the motion initial form, and the motion end form; or, The processing unit is configured to: obtain the second motion parameters based on the first motion parameters, the motion start position, the motion end position, the motion initial shape, and the motion end shape, using a two-dimensional animation algorithm or a preset three-dimensional model; The display unit is configured to: display the first opening animation according to the second motion parameters. The electronic device according to claim 20, characterized in that, The first motion parameter or the second motion parameter includes one or more of the following: size change parameter, motion change parameter, light and shadow change parameter, displacement parameter, and motion path. The electronic device according to claim 20 or 21 is characterized in that, The 2D animation algorithm includes keyframe animation. The electronic device according to any one of claims 20-22 is characterized in that, The display unit is used to display the first splash screen animation by performing any one or more of the following operations on the preset three-dimensional model: displacement, deformation, scaling, skeletal changes, virtual camera orientation changes, virtual camera focus changes, and control masking. The electronic device according to any one of claims 15-23 is characterized in that, The elements in the splash screen are unrelated to the third element, or the elements in the splash screen have a second association with the third element. The second association includes the third element being the same as a partial pattern in the splash screen, or the third element and the elements in the splash screen other than the second element being two-dimensional images of the same three-dimensional model displayed at different angles and positions. The electronic device according to any one of claims 15-24 is characterized in that, The display unit is configured to display the third element at a first ratio, wherein the first ratio is the same as the aspect ratio of the display screen of the electronic device. The electronic device according to any one of claims 15-25 is characterized in that, The first association relationship includes any of the following situations: the first element and the second element are the same; the first element and the second element are different postures of the same element; the first element is different from the second element, but the second element is the first element after morphological transformation; the first element and the second element are display surfaces of the same 3D model from different angles. The electronic device according to any one of claims 15-26 is characterized in that, The first object is one or more of the following: application icon, card, and widget. The electronic device according to any one of claims 15-27 is characterized in that, The first element is either a two-dimensional element or a three-dimensional element. An electronic device, characterized in that, include: The electronic device includes a processor, a memory, and a display screen, the memory and the display screen being coupled to the processor, the memory storing computer program code including computer instructions, which, when read from the memory by the processor, cause the electronic device to perform the method as described in any one of claims 1-14. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes a computer program that, when run on an electronic device, causes the electronic device to perform the method as described in any one of claims 1-14. A computer program product, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1-14.

Images