Display method and electronic device

Abstract

The application provides a display method and an electronic device. The method is applied to the electronic device, and the method comprises the following steps: displaying a first display interface, the first display interface comprising a virtual character and an interface element, wherein the first display interface comprises a lock screen interface or a desktop; playing a first animation of the virtual character on the first display interface; in the process of playing the first animation, triggering a second animation of a first target element in the interface element according to the first animation, wherein the first target element is an interface element that can be affected by the action of the virtual character; and playing the second animation of the target element. In the technical solution, the electronic device can generate the animation of the affected desktop element in real time according to the action of the virtual character, has the animation effect of the linkage between the virtual character and the desktop element, and improves the use experience of the user.

Description

Technical Field

[0001] This application relates to the field of electronic technology, and more specifically, to a display method and an electronic device. Background Technology

[0002] When using electronic devices, users can apply different themes to customize the display style of wallpapers and icons. For example, the current theme can be a static theme or a dynamic theme, but in a desktop setting, both static and dynamic themes offer relatively limited visual appeal, negatively impacting the user experience. Summary of the Invention

[0003] This application provides a display method. In this technical solution, the electronic device can generate animations of the affected desktop elements in real time based on the actions of the virtual character, creating an animation effect that links the virtual character with the desktop elements, thus improving the user experience.

[0004] In a first aspect, a display method is provided for use in an electronic device. The method includes: displaying a first display interface, the first display interface including a virtual character and interface elements, wherein the first display interface includes a lock screen interface or a desktop; playing a first animation of the virtual character on the first display interface; during the playback of the first animation, triggering the generation of a second animation of a first target element in the interface elements according to the first animation, wherein the first target element is an interface element that can be affected by the action of the virtual character; and playing the second animation of the target element.

[0005] For example, the virtual character can be a two-dimensional character or a three-dimensional character, such as a virtual pet. When the theme resources corresponding to the virtual character are applied to the electronic device, the electronic device can display the virtual character on the lock screen or desktop.

[0006] It should be understood that multiple virtual character animations can be pre-set in electronic devices or theme resources. Electronic devices can play the animations of a virtual character in a preset order, or play the corresponding animations of a virtual character at preset times.

[0007] Taking the desktop as the first display interface as an example, the interface elements may include application icons, desktop cards, folders, etc.; the first target element may be an interface element that comes into contact with the virtual character, or an interface element that the virtual character's actions may affect.

[0008] When the first display interface is the desktop, the first target element can be an application icon, desktop card, or folder. When the first display interface is the lock screen, the first target element can be a clock icon, flashlight icon, or camera icon on the lock screen, or it can be an icon in the status bar, such as a battery icon, Bluetooth icon, vibration or silent icon.

[0009] For example, if the first animation is a virtual character jumping, and the virtual character's landing point is an icon, then the first target element is that icon. Or, if the first animation is a virtual character pushing a desktop card, then the first target element should be the desktop card.

[0010] In this embodiment of the application, a second animation of the target element is generated based on the first animation. When the electronic device is playing the second animation, it still needs to continue playing the first animation before the first animation has finished playing.

[0011] Based on the embodiments of this application, the first display interface of the electronic device may include interface elements and virtual characters. During the process of playing the first animation of the virtual character on the first display interface, the second animation of the target element in the interface elements can be triggered and played according to the first animation.

[0012] In this way, the animation of the virtual character can trigger the second animation of the target element, so that the virtual character can interact with the interface elements in the display interface and achieve a linkage animation effect.

[0013] In some implementations, generating a second animation for a first target element in the interface elements based on a first animation includes: at a first preset moment when the first animation is playing, determining the type of the second animation and a first input based on a first operation of the virtual character on the first target element, wherein the first input includes parameters used to generate the second animation, and the type of the second animation includes at least one of movement, tilting, deformation, shaking, or rotation; generating the second animation based on the first input and the type of the second animation.

[0014] For example, the first animation may include an animation of a virtual character jumping. At a first preset moment, the virtual character jumps onto a first target element, and this first operation can be understood as a collision operation. Due to the virtual character's jumping action, the first target element may produce animation effects such as movement (like sinking), tilting, or swaying. The first input may be the impact force corresponding to the collision operation, which can be calculated based on the jump height or the virtual weight of the virtual character.

[0015] For example, if the first animation may include an animation of a virtual character shaking a first target element, then the type of the second animation is shaking. Alternatively, if the first animation may include an animation of pushing a first target element, then the type of the second animation is movement, and the first input is the force of the virtual character's pushing.

[0016] Based on the embodiments of this application, an electronic device can generate a second animation of the first target element in real time according to the first operation of the virtual character on the first target element, so that different second animations can be generated when the operation of the virtual character is different, thereby improving the diversity of interaction between the virtual character and the interface element.

[0017] In some implementations, the first display interface is a desktop, and playing a first animation of a virtual character on the first display interface includes: in response to receiving a notification message from the target application, playing a first animation of a virtual character on the first display interface, wherein the first animation is an animation of the virtual character performing a first operation on the icon of the target application.

[0018] Based on the embodiments of this application, when receiving a notification message from a target application, a first animation of a virtual character performing a first operation on the icon of the target application can be played on the first display interface, thereby more intuitively reminding the user that a notification message has been received.

[0019] In other examples, while playing Animation 1 of the virtual character, if a notification message from the target application is received, Animation 1 can be paused and Animation 2 of the virtual character can be played. Animation 2 is an animation in which the virtual character performs a first action on the icon of the target application to alert the user to the currently received notification message.

[0020] In this way, upon receiving a notification message, the virtual character can respond immediately and perform an action on the icon of the target application that received the notification message, so as to more intuitively remind the user that a notification message has been received.

[0021] In some implementations, the method further includes: during the playback of a second animation of a first target element, triggering the generation of a third animation of a second target element on the desktop based on the second animation, wherein the second target element is a desktop element that comes into contact with the icon of a target application during the playback of the second animation, and the desktop element includes at least one of the application's icon, desktop card, or folder; and playing the third animation.

[0022] For example, the first target element is icon 1, and the second target element is icon 2. During the movement of icon 1, it can collide with icon 2, thus generating and playing a third animation for icon 2.

[0023] Based on the embodiments of this application, during the playback of the second animation of the first target element, when the icon of the target application comes into contact with the desktop element, a third animation of the desktop element can be generated and played. Thus, when the virtual character performs a first operation on the first target element, the animation of the first target element can trigger the generation of another animation of the desktop element, thereby creating a chain-reaction collision animation effect and providing the user with a different user experience.

[0024] In some implementations, in response to receiving a notification message from a target application, playing a first animation of a virtual character on a first display interface includes: determining the priority of the notification message from the target application; determining a first animation of the virtual character performing a first operation on the icon of the target application based on the priority, wherein in the first animation corresponding to a higher priority notification message, the amplitude of the first operation performed by the virtual character is greater than the amplitude of the first operation performed by the virtual character in the first animation corresponding to a lower priority notification message; and playing the first animation on the first display interface.

[0025] For example, if the frequency of use of a target application within a preset time period is greater than the preset frequency, it can be assumed that the user frequently uses the target application, and the notification messages of that target application will have a high priority.

[0026] For example, when the priority is high, the virtual character can kick the target application's icon or jump onto the icon and shake it. When the priority is low, the virtual character can gently push or poke the icon, with a smaller range of motion than the corresponding action range when the priority is high.

[0027] Based on the embodiments of this application, an electronic device can determine the priority of a notification message from a target application and determine the corresponding animation based on that priority. Thus, for notification messages of different priorities, the virtual character can perform different actions to provide users with different levels of reminders.

[0028] In some implementations, the first display interface is a first desktop. The method further includes: in response to a swipe operation that switches the first desktop to a second desktop, determining swipe parameters of the swipe operation, wherein the swipe parameters include at least a swipe speed; and generating a third animation of a virtual character moving toward the second desktop based on the swipe parameters.

[0029] For example, the swipe operation is a swipe to the left on the first desktop to switch the first desktop to the second desktop.

[0030] Optionally, the sliding parameter may also include sliding direction, sliding distance, or sliding acceleration.

[0031] Based on the embodiments of this application, when a user swipes on the first desktop, the electronic device determines the swipe parameters of the user's swipe operation and generates a third animation of a virtual character moving towards the second desktop based on the swipe parameters. Thus, when switching desktops, the virtual character can present the effect of moving towards the second desktop due to the swipe operation.

[0032] In some implementations, a third animation of the virtual character moving toward the second desktop is generated based on sliding parameters, including: when the sliding speed is less than a preset speed, a third animation of the virtual character moving toward the second desktop is generated based on sliding parameters, wherein the sliding speed is directly proportional to the movement speed of the virtual character.

[0033] The specific value of the preset speed is not limited in the embodiments of this application.

[0034] Based on the embodiments of this application, when the sliding speed is less than the preset speed, the electronic device can generate an animation of a virtual character moving towards the second desktop according to the sliding parameters, and the sliding speed is positively correlated with the movement speed of the virtual character, so that the faster the user slides, the faster the movement speed of the virtual character can be displayed.

[0035] In some implementations, the method also includes: when the swiping speed is greater than a preset speed, displaying an animation effect of a virtual character gradually appearing at a preset position on the second desktop when switching to the second desktop.

[0036] For example, the preset position can be the bottom of the display screen. Alternatively, when the user swipes to the left on the first desktop to switch to the second desktop, the preset position is the left side of the display screen, so that the virtual character can be displayed as it gradually emerges from the left side due to the user's swipe operation.

[0037] Based on the embodiments of this application, when the sliding speed is greater than the preset speed, when switching to the second desktop, the animation effect of the virtual character gradually appearing is displayed at the preset position of the second desktop, so that the animation effect of the virtual character can still be displayed after switching desktops.

[0038] In some implementations, generating a third animation of a virtual character moving toward a second desktop based on sliding parameters includes: determining the motion path of the virtual character based on sliding parameters, wherein the motion path includes a first path located on the first desktop and a second path located on the second desktop; and generating a third animation of the virtual character moving along the first path and the second path.

[0039] For example, the movement path could be the jumping path of a virtual character.

[0040] Based on the embodiments of this application, when a user's swipe operation triggers a desktop switch, the virtual character can move according to a motion path, and the motion path is related to the swipe parameters. Thus, different swipe operations by the user can generate different motion effects for the virtual character, improving the diversity of the virtual character's animation.

[0041] In some implementations, the method further includes: when a third target element exists on the second path, when the virtual character moves to the third target element, a fourth animation of the third target element is generated in response to the impact of the virtual character, the third target element including an application icon, a desktop card, or a folder.

[0042] For example, if the third target element is a desktop card, and the second path overlaps with the desktop card, then when the virtual character jumps to the point of overlap, it can collide with the desktop card, such as jumping onto the desktop card.

[0043] Based on the embodiments of this application, when switching to the second desktop, if there is a third target element on the second path of the virtual character, the virtual character can impact the third target element to trigger the animation effect of generating the third target element. In this way, the realism of the interaction between the virtual character and the interface elements can be improved.

[0044] In some implementations, the method further includes: displaying a first liquid element at the bottom of the display screen when there are no interface elements on the second path and the virtual character moves to the bottom of the display screen; displaying an animation effect of the virtual character gradually entering the first liquid element, and displaying an animation effect of the first liquid element sinking and undulating due to the entry of the virtual character; and displaying an animation effect of the first liquid element gradually disappearing in a damped oscillation manner.

[0045] For example, the first liquid element may be a newly emerging interface element, or the first liquid element may be obtained by transforming the bottom border of the display screen.

[0046] Based on the embodiments of this application, when the virtual character disappears, a first liquid element can be displayed at the bottom of the display screen, presenting the effect of the virtual character gradually entering the first liquid element, which can enhance the visual impact when the virtual character disappears.

[0047] In some implementations, the method further includes: displaying a second liquid element at the bottom of the display screen in response to a second operation of switching from a non-desktop to a desktop; displaying an animation effect of a virtual character gradually emerging from the raised portion of the second liquid element; and displaying an animation effect of the second liquid element gradually disappearing in a damped oscillation manner when the virtual character has fully appeared.

[0048] For example, the second liquid element can be a newly emerging interface element, or the second liquid element can be obtained by transforming the bottom border of the display screen.

[0049] Based on the embodiments of this application, when a virtual character appears, a second liquid element can be displayed at the bottom of the display screen, presenting the effect of the virtual character gradually rushing out from the second liquid element, which can enhance the visual impact when the virtual character appears.

[0050] In a second aspect, an apparatus is provided, comprising modules for implementing the methods described in the first aspect and any possible implementation thereof.

[0051] Thirdly, an electronic device is provided, comprising: one or more processors; one or more memories; said one or more memories storing one or more programs that, when executed by said one or more processors, cause the method described in the first aspect and any possible implementation thereof to be performed.

[0052] Fourthly, a chip is provided, the chip including a processor and a communication interface, the communication interface being used to receive a signal and transmit the signal to the processor, the processor processing the signal such that the method described in the first aspect and any possible implementation thereof is performed.

[0053] Fifthly, a readable storage medium is provided, wherein instructions are stored therein, which, when executed on an electronic device, cause the method described in the first aspect and any possible implementation thereof to be performed.

[0054] In a sixth aspect, a program product is provided, the program product comprising program code that, when run on an electronic device, causes the method described in the first aspect and any possible implementation thereof to be executed. Attached Figure Description

[0055] Figure 1 A schematic diagram of the structure of the electronic device 100 is shown.

[0056] Figure 2 This is a schematic diagram of a set of graphical user interfaces (GUIs) provided in the embodiments of this application.

[0057] Figure 3 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0058] Figure 4 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0059] Figure 5 This is a schematic diagram of the GUI provided in the embodiments of this application.

[0060] Figure 6 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0061] Figure 7 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0062] Figure 8 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0063] Figure 9 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0064] Figure 10 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0065] Figure 11 This is a schematic diagram of a set of GUIs provided in the embodiments of this application.

[0066] Figure 12 This is a schematic flowchart of a display method provided in an embodiment of this application.

[0067] Figure 13 This is a schematic flowchart of a display method provided in an embodiment of this application.

[0068] Figure 14 This is a schematic flowchart of a display method provided in an embodiment of this application.

[0069] Figure 15 This is a schematic flowchart of a display method provided in an embodiment of this application.

[0070] Figure 16 This is a schematic flowchart illustrating a virtual character appearing from the bottom of a display screen, as provided in an embodiment of this application.

[0071] Figure 17 This is a schematic flowchart illustrating how a virtual character disappears from the bottom of the display screen, as provided in an embodiment of this application.

[0072] Figure 18 This is a schematic flowchart of a display method provided in an embodiment of this application.

[0073] Figure 19 This is a schematic flowchart of a display method provided in an embodiment of this application.

[0074] Figure 20 This is a schematic block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0075] The technical solutions in the embodiments of this application will now be described with reference to the accompanying drawings.

[0076] The display method in this application embodiment can be applied to electronic devices such as smartphones, tablets, laptops, personal computers (PCs), ultra-mobile personal computers (UMPCs), netbooks, in-vehicle devices, smart TVs, wearable devices, foldable devices, and Internet of Things (IoT) devices.

[0077] Figure 1 A schematic diagram of the structure of electronic device 100 is shown. Electronic device 100 may include processor 110, antenna 1, antenna 2, mobile communication module 120, wireless communication module 130, display screen 140, touch sensor 150, etc.

[0078] 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.

[0079] 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, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0080] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0081] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0082] The mobile communication module 120 can provide wireless communication solutions, including 2G / 3G / 4G / 5G, for use on electronic devices 100.

[0083] The wireless communication module 130 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), Bluetooth low energy (BLE), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), ultra-wideband (UWB), and star flash, etc.

[0084] In some embodiments, the antenna 2 and the wireless communication module 130 are coupled, enabling the electronic device 100 to communicate with networks and other devices via wireless communication technology.

[0085] Electronic device 100 implements display functions through a GPU, display screen 140, and application processor. The GPU is a microprocessor for image processing, connected to the display screen 140 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.

[0086] The display screen 140 is used to display images, videos, etc. In some embodiments, the device 100 may include one or N display screens 140, where N is a positive integer greater than 1.

[0087] The touch sensor 150 can be disposed on the display screen 140. The touch sensor 150 and the display screen 140 together form a touch screen, also known as a "touch control screen". The touch sensor 150 is used to detect touch operations acting thereon or in its vicinity. The touch sensor 150 can transmit the detected touch operations to the processor 110 (such as an application processor or a microcontroller unit) to determine the type of touch event. Visual outputs related to the touch operations can be provided through the display screen 140. In some other embodiments, the touch sensor 150 can also be disposed at a position different from that of the display screen 140.

[0088] Before introducing the technical solutions of the embodiments of the present application, the following introduces some professional terms that may be involved in the present application.

[0089] Desktop elements: may include elements such as application icons, desktop cards, desktop folders, etc.

[0090] Virtual character: a virtual pet existing on the lock screen or desktop, which can be a two-dimensional or three-dimensional virtual character. In the embodiments of the present application, the virtual character (such as a pet) can interact with desktop elements and can also interact with the wallpaper.

[0091] When a user uses an electronic device, different display styles of wallpapers and icons can be achieved by applying different theme resources. For example, the current theme can be a static theme or a dynamic theme, but in the desktop scenario, the display effects of both the static theme and the dynamic theme are relatively single, affecting the user experience.

[0092] In view of this, the embodiments of the present application provide a display method and an electronic device. In this technical solution, the electronic device can generate animations of affected desktop elements in real time according to the actions of the virtual character, having an animation effect of linkage between the virtual character and the desktop elements, improving the user experience.

[0093] The following will be combined with Figures 2 to 11 the graphical user interface (GUI) shown below to introduce the technical solutions in the embodiments of the present application. The embodiments of the present application are described by taking the electronic device in the desktop scenario as an example, but this should not limit the applicable scenarios of the present application. This technical solution can also be applied to the lock screen scenario.

[0094] Exemplarily, Figure 2 is a schematic diagram of a group of GUIs provided by the embodiments of the present application. Among them, from Figure 2 in (a) to (c) shows the interaction process between the virtual character and the icon of the application program.

[0095] See Figure 2In (a), the GUI can be the desktop 210 of an electronic device. The desktop 210 can include icons of applications (Apps) in the electronic device 200, such as the camera application icon 211, the contacts application icon 212, etc. The desktop 210 can also include a virtual character 213. The virtual character 213 can be located above the camera application icon 211.

[0096] It should be understood that before the electronic device 200 displays the desktop 210, the electronic device 200 can apply the cute pet theme resources corresponding to the virtual character 213. Afterwards, the virtual character 213 will appear on the lock screen and desktop of the electronic device 200.

[0097] It should be understood that when using pet-themed resources, users can choose different appearances (or skins) for their pets. For example, the same virtual character can have multiple appearances, and users can choose to activate one of them. After activating the virtual character's appearance, the virtual character can be displayed on the lock screen of the electronic device; for example, the virtual character is larger on the lock screen. When switching from the lock screen to the desktop, the virtual character's size can be reduced and displayed on the desktop, while the appearance remains unchanged, thus creating a seamless display effect for the virtual character.

[0098] The virtual character 213 can move freely within the coordinate range of the display screen and can interact with desktop elements.

[0099] In some embodiments, the pet-themed resource may include a variety of preset animations for the virtual character 213, which can be played randomly on the desktop 210. Alternatively, the corresponding preset animation can be played at preset times.

[0100] For example, the jumping animation of the virtual character 213 may include an animation of jumping to the right, an animation of jumping to the left, an animation of jumping upward, an animation of jumping downward, etc.

[0101] For example, when the virtual character 213 jumps from the camera application icon 211 to the contacts application icon 212, the electronic device 200 can display as follows: Figure 2 The GUI shown in (b) is shown in the image.

[0102] See Figure 2 In (b) of the example, on the desktop 210, the camera application icon 212 can jump onto the icon 212 along with the virtual character 213, presenting a sunken display effect.

[0103] In other examples, the icon 212 may also have a rotating or tilting display effect while sinking, which is not limited in the embodiments of this application.

[0104] In some embodiments, the icon 212 can be presented together with the virtual character 213 in a sinking, restoring, sinking, restoring effect, similar to a spring.

[0105] In some embodiments, the icon 212 can also produce a compressed and deformed display effect.

[0106] For example, after a preset time period, the electronic device 200 can display as follows: Figure 2 The GUI shown in (c) is shown in the image.

[0107] See Figure 2 In (c), on desktop 210, icon 212 is restored to its initial position.

[0108] It should be understood that icons 211 and 212 can also be replaced with other desktop elements, such as desktop cards, folders, etc.

[0109] In some embodiments, when the icon 212 displays a compressed and deformed display effect, it can gradually return to the initial display effect.

[0110] In other instances, the virtual character 213 can continue to jump to other icons.

[0111] Based on the embodiments of this application, when a virtual character on the desktop jumps onto a desktop element, the desktop element can exhibit a display effect of sinking with the weight of the virtual character. After a preset time, the desktop element can return to its initial position, thereby realizing the linkage and interaction between the desktop virtual character and the desktop element and improving the user experience.

[0112] For example, Figure 3 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 3 (a) to (b) in the figure show the interaction process between the virtual character and the desktop card.

[0113] See Figure 3 In (a), the GUI can be the desktop 310 of an electronic device. The desktop 310 may include icons of applications in the electronic device 300, desktop cards 311, and virtual characters 312.

[0114] In some examples, the electronic device 300 can play an animation of a virtual character 312 jumping. For instance, the virtual character 312 can jump to a desktop card 311, and the electronic device 300 can display an animation such as... Figure 3 The GUI shown in (b) is shown in the image.

[0115] See Figure 3In (b), the virtual character 312 jumps onto the desktop card 311.

[0116] In some examples, when the virtual character 312 jumps to the display area where the desktop card 311 is located, it can be placed below the layer where the desktop card 311 is located, and jump from below the layer of the desktop card 311 to the desktop card 311.

[0117] As the virtual character 312 jumps onto the desktop card 311, because the virtual character has weight, the desktop card 311 can display as follows: Figure 3 The GUI shown in (c) is shown in the image.

[0118] See Figure 3 In (c), the desktop card 311 can tilt toward the side where the virtual character 312 is located.

[0119] In some examples, the degree of tilt of the desktop card 311 may be related to the weight of the virtual character 312, or the degree of tilt of the desktop card 311 may be related to the weight of the virtual character 312 and the jump height.

[0120] For example, different virtual characters have different set weights.

[0121] For the same virtual character, the higher the jump height, the more severe the tilt of the desktop card 311.

[0122] The weight and jump height can have different weights, and the electronic device 300 can determine the tilt of the desktop card 311 based on the weight of the virtual character and the jump height.

[0123] In this way, the electronic device can calculate the tilt of the desktop card 311 in real time as the virtual character jumps, so that when the virtual character interacts with the desktop card 311, different animation display effects can be generated according to different jump positions, thereby improving the diversity of interaction.

[0124] In other examples, the tilt angle of the desktop card 311 can also be preset, which is not limited in this embodiment.

[0125] In some examples, as the desktop card 311 is tilted, the virtual character 312 can also adjust its position within the desktop card 311. For instance, the virtual character 312 can move towards the center of the desktop card 311, and the desktop card 311 can adjust its tilt as the virtual character 312 moves. For example, the electronic device 300 can display... Figure 3 The GUI shown in (d) is shown in the image.

[0126] In some examples, the electronic device 300 may also display, after playing the tilting animation of the desktop card 311, something like... Figure 3 The GUI shown in (d) is shown in the image.

[0127] See Figure 3 In (d), the desktop card 311 can be restored to its initial position.

[0128] Based on the embodiments of this application, when a virtual character on the desktop jumps onto a desktop card, the desktop card can display an effect of tilting according to the weight of the virtual character. As the virtual character adjusts its position, or after the tilting animation finishes playing, the desktop card can return to its initial position, thereby realizing the linkage and interaction between the desktop virtual character and the desktop card, and improving the user experience.

[0129] In addition to jumping, in other examples, the virtual character can also poke desktop elements, causing the desktop elements to shake up and down or left and right.

[0130] In some cases, on a desktop, when an electronic device's application receives a notification message, the device can also make the virtual character display different reminder methods based on the importance of the notification message or the personality of the virtual character.

[0131] For example, when App1 receives a push notification, the virtual character can perform at least one of the following actions: push App1's icon; tap App1's icon; kick App1's icon; shake App1's icon; jump onto App1's icon, etc.

[0132] It should be understood that the virtual character can also perform other actions, which are not limited in the embodiments of this application.

[0133] The following will combine Figures 4 to 6 The GUI shown illustrates this technical solution.

[0134] For example, Figures 4 to 5 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 4 (a) to (f) and Figure 5 The diagram illustrates the process where a virtual character jumps up and kicks the app's icon to alert the user when the app receives a notification message.

[0135] It should be understood that Figure 4 (a) can be found in the preceding text. Figure 3 The relevant description in (a) is as follows. The difference is that the virtual character 312 can be located above the icon of the settings application.

[0136] For example, when the electronic device 300 is on a desktop, when the weather application receives a notification message, the electronic device 300 can display something like this: Figure 4 The GUI shown in (b) is shown in the image.

[0137] See Figure 4 In (b), the virtual character 312 can jump to a preset height and use the kick icon 313.

[0138] It should be understood that the weather application can display the notification badge normally when it receives a notification message.

[0139] For example, the preset height can be 1.2 times or 1.5 times the height of icon 313.

[0140] In other examples, the kicking action of the virtual character 312 to the icon 313 can be replaced with other actions, such as pushing it with a hand.

[0141] It should be understood that the icon 313 can exhibit a rotating animation effect in response to the kicking action of the virtual character 312 on the icon 313. When the virtual character reminds the user, the animation of the icon 313 can be preset, such as rotating clockwise once.

[0142] Alternatively, the rotation speed of the icon 313's animation can vary depending on the jump height of the virtual character 312. For example, when the virtual character 312's kicking point is near the top of the icon 313, the icon 313 rotates quickly. When the virtual character 312's position is near the middle of the icon 313 in the vertical direction, the icon 313 rotates slowly.

[0143] In other examples, icon 313 can rotate counterclockwise when the virtual character 313 kicks icon 313 from the right side of icon 313.

[0144] During the rotation of icon 313, it may collide with other desktop elements. These other desktop elements may respond to the collision with icon 313 by displacing or shaking. For example, electronic device 300 may be seen... Figure 4 The GUI of (c) in the middle.

[0145] See Figure 4 In (c), the browser application's icon 314 can be displaced to the right in response to a collision with icon 313.

[0146] For example, when icon 313 rotates quickly, icon 314 moves a large distance to the right in response to a collision with icon 313. When icon 313 rotates quickly, icon 314 moves a small distance to the right in response to a collision with icon 313.

[0147] Alternatively, the distance by which icon 313 is displaced to the right can also be related to the sizes of icons 313 and 314. For example, when the size of icon 314 is smaller than the size of icon 313, the distance it moves to the right is larger; when the size of icon 314 is larger than the size of icon 313, the distance it moves to the right is smaller.

[0148] Alternatively, the distance that icon 314 moves to the right is a preset distance.

[0149] In some examples, after the icon 314 moves a certain distance to the right, it can return to its initial state.

[0150] For example, the icon 313 continues to rotate and continues to collide with other desktop elements. The electronic device 300 can display as follows: Figure 4 The GUI shown in (d) is shown in the image.

[0151] See Figure 4 In (d), the browser application's icon 315 can be displaced downwards in response to a collision with icon 313.

[0152] It should be understood that the distance that icon 315 moves downwards can be found in the previous text. Figure 4 The description of the distance that icon 314 moves to the right in (c) is not repeated here.

[0153] In some examples, the distance that icon 315 moves may be less than or equal to the distance that icon 314 moves to the right.

[0154] In some examples, after the icon 315 moves downward a certain distance, it can return to its initial state.

[0155] For example, the icon 313 continues to rotate and continues to collide with other desktop elements. The electronic device 300 can display as follows: Figure 4 The GUI shown in (e) is shown in the image.

[0156] See Figure 4 In (e), desktop card 316 can respond to the collision of icon 313 and shift to the left.

[0157] In some examples, since the size of the desktop card 316 is larger than the size of the icon 313, the displacement of the desktop card 316 to the left can be less than the distance moved by the icons 315 and 314.

[0158] Alternatively, the desktop card 316 can be slightly shaken.

[0159] Alternatively, the distance that the desktop card 316 moves can be found in the description of the distance that icon 314 moves to the right in the previous text, which will not be repeated here.

[0160] In some examples, after the icon 316 moves a certain distance to the left, it can return to its initial state.

[0161] For example, the icon 313 continues to rotate and continues to collide with other desktop elements. The electronic device 300 can display as follows: Figure 4 The GUI shown in (5) is shown in the image.

[0162] See Figure 4 In (f), the desktop card 317 can be displaced upwards in response to the collision of the icon 313.

[0163] In some examples, since the size of the desktop card 317 is larger than the size of the icon 313, the upward displacement of the desktop card 317 can be less than the distance that the icons 315 and 314 move.

[0164] Alternatively, the desktop card 317 may be slightly wobbled.

[0165] Alternatively, the distance that the desktop card 317 moves can be found in the description of the distance that icon 314 moves to the right in the previous text, which will not be repeated here.

[0166] In some examples, after the icon 317 moves upward a certain distance, it can return to its initial state.

[0167] In other examples, if there are no desktop elements on one side of icon 313, then icon 313 may not collide on that side.

[0168] For example, after the icon 313 collides with the desktop card 317, it can continue to rotate to return to its initial state.

[0169] See Figure 5 Icon 313 can be restored to its initial position.

[0170] In other examples, the icon 313 may also rotate 2 or 3 times, etc., which is not limited in the embodiments of this application.

[0171] Based on the embodiments of this application, when an application receives a notification message, the desktop character can jump and kick the application icon, causing the application icon to rotate once and collide with other desktop elements. Other desktop elements can respond to the collision, producing displacement or shaking effects, thereby providing a better reminder function for the user and enabling the user to obtain the notification message more intuitively.

[0172] In some examples, electronic devices may also use other methods to alert users.

[0173] For example, Figure 6 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 6 (a) through (c) show the process in which a virtual character jumps up and pushes the application's icon to alert the user when the application receives a notification message.

[0174] It should be understood that Figure 6 (a) in the text can be found in [reference 1]. Figure 4 The description in (a) is similar. The difference is that when the weather app receives a notification message, the virtual character can jump and push icon 313 with its hand.

[0175] In other examples, the virtual character may not jump, but instead appear directly near icon 313 and be pushed by hand.

[0176] For example, electronic device 300 can display such as Figure 6 The GUI shown in (b) is shown in the image.

[0177] See Figure 6 In (b), icon 313 can move to the right in response to a push operation by the virtual character.

[0178] For example, icon 313 can be moved a preset distance to the right.

[0179] Alternatively, the distance the icon 313 moves can vary depending on the force applied by the virtual character. For example, if the virtual character runs from a distance and pushes the icon 313, the force applied is considered greater. Conversely, if the virtual character runs from a closer distance and pushes the icon 313, the force applied is considered less. Greater force results in a greater distance moved.

[0180] In some examples, when icon 313 moves a large distance—for example, a distance greater than the distance between icon 313 and the browser application's icon—electronic device 300 can also display a collision effect between icon 313 and the browser application's icon. For example, the browser application's icon is collided with icon 313 and moves to the right.

[0181] After icon 313 moves a preset distance, it can gradually return to its initial state. For example, electronic device 300 can display something like this. Figure 6 The GUI shown in (c) is shown in the image.

[0182] See Figure 6 In (c), icon 313 is restored to its initial state. That is, icon 313 is restored to its original position.

[0183] Based on the embodiments of this application, when an application receives a notification message, the desktop character can push the application icon to move it to one side. By pushing the application that received the notification message through this virtual character, a better reminder function can be provided to the user, allowing the user to obtain the notification message more intuitively.

[0184] In this embodiment, when the electronic device is in a desktop scenario and App1 receives a notification message, the electronic device can determine the virtual character's operation on the App1 icon based on the App's importance. Alternatively, when App1 on the electronic device receives a notification message but the electronic device is not in a desktop scenario, the electronic device can also determine the virtual character's operation on the App1 icon based on the App's importance when it detects that the electronic device is in a desktop scenario.

[0185] In some examples, when App1 is a frequently used application, its importance can be determined. For instance, if a user uses App1 for more than a preset duration of 1 hour per day, it can be determined that the user frequently uses the application; or, if a user uses App1 more times per day than a preset number of times, it can be determined that the user frequently uses the application. For highly important apps, electronic devices can adopt... Figures 4 to 5 For less important apps, electronic devices can adopt the following operation methods: Figure 6 The operation method in the middle.

[0186] In some examples, users can also configure how the virtual character interacts with the app's icon in the settings.

[0187] For example, users can configure App1 in the settings. Figures 4 to 5 The operation method in App2 corresponds to... Figure 6 The operation method in the middle.

[0188] In some cases, particularly in desktop scenarios, users need to swipe between pages. In this embodiment, during desktop page switching, the virtual character can display an animation effect as the user swipes to switch from the current desktop to another. The following will combine... Figures 7 to 8This technical solution will be introduced.

[0189] For example, Figure 7 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 7 (a) through (c) show the animation effects of the virtual character as the user swipes to switch desktops.

[0190] join Figure 7 In (a), the GUI can be the desktop 410 of the electronic device 400, which can include applications, desktop cards, etc., in the electronic device. The desktop 410 may also include a virtual character 411.

[0191] For example, when the electronic device 400 detects a user swiping to the left on the desktop 410, it may display something like this. Figure 7 The GUI shown in (b) is shown in the image.

[0192] See Figure 7 In (b), the GUI can be a display interface 420 during the desktop switching process. The display interface 420 may include a virtual character 411 in a flying state, as well as some desktop elements from desktop 410 and some desktop elements from the other desktop being switched to.

[0193] In this embodiment, as the user slides to switch desktops, the virtual character 411 can, during the user's slide, exhibit a display effect of being blown towards the edge of the screen by the force of virtual airflow. It should be understood that from... Figure 7 (a) to Figure 7 In (b), the virtual character is shown in a dynamic motion process.

[0194] This thrust can be related to the swipe speed and direction corresponding to the user's swipe action. For example, if the swipe speed is less than a threshold, the greater the swipe speed, the greater the thrust, and the faster the virtual character moves.

[0195] In other examples, when the swipe speed is greater than or equal to a threshold, it means the user is swiping too quickly, and the user may not be able to clearly perceive the movement of the virtual character visually. In this case, after switching to a new desktop, the virtual character can appear from either the left or right edge of the screen. For example, when the new desktop is to the right of the original desktop, the virtual character can appear from the left side of the screen. When the new desktop is to the left of the original desktop, the virtual character can appear from the right side of the screen, thus creating an animation effect of the virtual character moving from the direction of the switch. Alternatively, the virtual character can also fly out from the bottom edge of the screen or land from the top edge.

[0196] In some examples, the thrust can also be related to the acceleration of the sliding action.

[0197] In response to the user's swipe gesture, when the desktop switch is complete, the electronic device 400 can display as follows: Figure 7 The GUI shown in (c) is shown in the image.

[0198] See Figure 7 In (c), the GUI can be another desktop 430 of the electronic device 400. The desktop 430 may include icons for App1, App2, and desktop cards, etc.

[0199] The left side of the desktop 430 may also include a gradually appearing virtual character 411.

[0200] It should be understood that this embodiment of the application uses the example of swiping to the left on the desktop 410 to switch the display of the desktop 430, with the virtual character 411 flying to the right side of the display screen as the user swipes. In other examples, the user can also swipe to the right, in which case the virtual character 411 can fly to the left side of the display screen as the user swipes, and the process is similar.

[0201] Based on the embodiments of this application, during desktop switching, the virtual character can fly to the edge of the display screen with the thrust generated by the user's swiping operation and appear on one side of the new desktop. This allows the virtual character to be affected by the airflow generated by the user's operation and blown to another desktop, creating an animation effect that brings a realistic experience to the user and enhances the user's immersive experience.

[0202] For example, Figure 8 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 8 (a) through (c) show the animation effects that the virtual character produces as the user switches desktops.

[0203] See Figure 8 In (a), the GUI can be the desktop 510 of the electronic device 500. The desktop 510 may include application icons, desktop cards 511, virtual characters 512, etc.

[0204] For example, at a certain moment, the virtual character 512 is located on the desktop card 511, and the user needs to switch desktop 510 to another desktop. When the electronic device 500 detects the user's swipe operation to the left on desktop 510, the virtual character 512 can respond to the swipe operation by jumping from desktop 510 to the new desktop. For example, the electronic device 500 can display something like... Figure 8 The GUI shown in (b) is shown in the image.

[0205] In some examples, when the virtual character 512 begins to jump, it has a crouching motion and then jumps up. At this time, the desktop card 511 can show a sinking and slightly shaking effect to present a realistic jumping scene and give users a realistic visual experience.

[0206] See Figure 8 In (b), the GUI can be the desktop 520 of the electronic device 500.

[0207] The virtual character 512 can jump to the desktop card 521 on the desktop 520. It should be understood that from... Figure 8 (a) to Figure 8 In (b), the virtual character 512 exhibits a dynamic movement process.

[0208] In some examples, electronic device 500 can determine the jump path of virtual character 512. For example, electronic device 500 can determine the jump path based on information such as the initial velocity and gravity of virtual character 512.

[0209] The initial velocity and gravity can be preset values. Alternatively, the initial velocity can be related to the current height of the virtual character 512 from the bottom of the display screen; for example, the higher the height, the greater the initial velocity.

[0210] In other examples, this initial velocity can also be related to the sliding parameters corresponding to the user's sliding action. For example, when the sliding speed is high, the initial velocity is also high.

[0211] Using this jump path, the electronic device 500 can determine whether there is a desktop element on the jump path. When a desktop element exists, the landing point of the virtual character is the intersection of the jump path and the desktop element.

[0212] See also Figure 8 If (b) indicates that the jump path can intersect with the desktop card 521 in the desktop 520, then it can be determined that the virtual character 512 can jump to the desktop card 521.

[0213] It should be understood that this jump path is not displayed on desktop 520.

[0214] Because the virtual character 512 has weight, the desktop card 521 can tilt when the virtual character 512 jumps onto it. For example, if the virtual character lands to the left of the center point of the desktop card 521, the desktop card 512 can tilt to the left, and the electronic device 500 can display as shown. Figure 8 The GUI shown in (c) is shown in the image.

[0215] join Figure 8 In (c), the desktop card 521 can be tilted to the left.

[0216] In other examples, the desktop card 521 can also appear sunken and tilted.

[0217] In other examples, the desktop card 521 can also exhibit a left-right swaying effect.

[0218] In some examples, the top surface of the desktop card 521 is divided into three equal parts. When the landing point of the virtual character 512 is in the leftmost part, the desktop card 521 tilts to the left, and the virtual character 512 appears to continue climbing. In some cases, the virtual character 512 fails to climb successfully, falls below the display screen, and disappears. In other cases, when the virtual character 512 successfully climbs, it can be displayed on the desktop card 521.

[0219] In some examples, when the landing point of the virtual character 512 is located in the middle section, the desktop card 521 exhibits a left-right swaying effect.

[0220] In some examples, when the landing point of the virtual character 512 is in the section containing the rightmost element, the desktop card 521 appears to tilt to the right.

[0221] Based on the embodiments of this application, during desktop switching, the virtual character can jump in response to the user's swipe, leaping to the edge of the display screen and appearing on one side of the new desktop. This creates an animation effect of the virtual character jumping to another desktop, providing a realistic experience and enhancing the user's immersive experience. Furthermore, when desktop elements are present in the virtual character's jump path, the virtual character can land on the desktop elements and interact with them, simulating a realistic jumping effect and further enhancing the user's immersive experience.

[0222] In some cases, the electronic device can also display liquid animation effects when the virtual character appears and disappears. The following will combine... Figures 9 to 10 This technical solution will be introduced.

[0223] For example, Figure 9 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 9 Images (a) to (b) show the process of a virtual character appearing from the bottom of the display screen in electronic device 600.

[0224] See Figure 9 In (a), the GUI can be the desktop 610 of the electronic device 600. The desktop 610 can include application icons, desktop cards, etc.

[0225] The desktop 610 may also include liquid animation elements 612 and a virtual character 611. When the virtual character 611 appears from the bottom of the display screen, it can present an animation effect of gradually emerging from the liquid animation elements 612.

[0226] In some examples, the liquid animation element 612 can also be part of the wallpaper. When the virtual character 611 needs to appear, the liquid animation element 612 can be displayed in the wallpaper and interact with the virtual character 611.

[0227] The liquid animation element 612 can appear before the virtual character 611. The liquid animation element 612 can also have a liquid bulging effect, and then the virtual character 611 gradually appears from the bulging part of the liquid animation element 612.

[0228] In some cases, the electronic device 600 may be in the display interface of another application before displaying the desktop 610. For example, the electronic device 600 may display the interface of a text messaging application before displaying the desktop 610. When the desktop is displayed in response to a user's switching operation while in the text messaging application interface, the electronic device 600 may display the interface of another application. Figure 9 The GUI shown in (a) is shown in the image.

[0229] To avoid interfering with normal user experience, the virtual character cannot be displayed in other applications' interfaces. However, it reappears when the user switches back to the desktop.

[0230] In other cases, when a user swipes from one desktop to switch to another, if the swipe speed exceeds a threshold, the electronic device may display something like this when showing the other desktop: Figure 9 The GUI shown in (a) is shown in the image.

[0231] In other cases, when the animation of the virtual character's appearance is played, the electronic device may display something like... Figure 9 The GUI shown in (a) is shown in the image.

[0232] For example, when the virtual character 611 completely bursts out of the liquid animation element 612, the electronic device 600 can display as follows: Figure 9 The GUI shown in (b) is shown in the image.

[0233] See Figure 9 In (b), when the virtual character 611 completely bursts out of the liquid animation element 612, the liquid animation element 612 can gradually disappear in a damped oscillation manner.

[0234] In some examples, the animation of the virtual character 611 emerging from the liquid animation element 612 can be a preset animation.

[0235] Based on the embodiments of this application, when a virtual character needs to appear, it can gradually emerge from the bottom of the display screen, and liquid animation elements appear at the bottom of the display screen, with the virtual character exhibiting an animation effect of breaking through and rushing out from the liquid animation elements. This can enhance the visual impact when the virtual character appears.

[0236] For example, Figure 10 This is a schematic diagram of a GUI provided in an embodiment of this application. Wherein, from Figure 10 Images (a) to (b) show the process of the virtual character disappearing from the bottom of the screen.

[0237] See Figure 10 In (a), the GUI can be the desktop 710 of the electronic device 700. The desktop 710 may include application icons, desktop cards, and virtual characters 711, etc.

[0238] For example, when the virtual character 711 needs to disappear from the bottom of the display screen, such as when the virtual character 711 moves to a preset distance from the bottom of the display screen, the electronic device 700 can display as follows: Figure 10 The GUI shown in (b) is shown in the image.

[0239] In some cases, the scenario where the virtual character 711 needs to disappear from the bottom of the display screen could be when the current electronic device is playing an animation of the virtual character, and an animation of the virtual character 711 disappearing needs to be played. Alternatively, the scenario could also be... Figure 8 In a scenario where the character jumps while switching desktops, if there are no desktop elements in the character's jump path, the character can jump to the bottom of the screen and then disappear from the bottom of the screen.

[0240] See Figure 10 In (b), a liquid animation element 712 appears from the bottom of the display screen. Subsequently, the virtual character 711 can jump into the liquid animation element 712 and gradually disappear.

[0241] The liquid animation element 712 can produce sinking and ripple animation effects as the virtual character 711 enters.

[0242] When the virtual character 711 completely disappears, the electronic device 700 can display as follows: Figure 10 The GUI shown in (c) is shown in the image.

[0243] See Figure 10 In (c), the liquid animation element 712 can gradually disappear in a damped oscillation manner.

[0244] Based on the embodiments of this application, when a virtual character needs to disappear, it can gradually disappear from the bottom of the display screen, and liquid animation elements appear at the bottom of the display screen. The virtual character presents an animation effect of jumping into the liquid animation elements and gradually disappearing. In this way, the visual impact of the virtual character disappearing can be enhanced.

[0245] The above combination Figures 2 to 8 This paper introduces a technical solution for enabling virtual characters to interact with desktop elements. (Combined with...) Figures 9 to 10 This section introduces the animation effects for the appearance and disappearance of virtual characters. The following section will combine... Figure 11 This section introduces another method for virtual characters to interact with desktop elements.

[0246] For example, Figure 11 This is a schematic diagram of a set of GUIs provided in an embodiment of this application. Among them, from Figure 11 (a) through (d) in the diagram illustrate the process of virtual characters interacting with desktop elements.

[0247] See Figure 11 In (a), the GUI can be the desktop 810 of the electronic device 800. The desktop 810 may include desktop cards (such as desktop cards 811 and 812), icons of multiple applications (such as the icon 813 of the weather app, the icon 814 of the browser app, the icon 815 of the smart life app, and the icon 816 of the settings app), and virtual characters 819, etc.

[0248] The virtual character 819 is displayed in a smaller size on the desktop 810 by default. However, in some cases, the virtual character 819 or a portion of the virtual character 819 can be displayed in a larger size on the desktop 910.

[0249] For example, the arms of the virtual character 819 gradually emerge from the top of the display screen in a large-scale manner, and the electronic device 800 can display as follows: Figure 11 The GUI shown in (b) is shown in the image.

[0250] See Figure 11 In (b), the arm 8191 of the virtual character 819 can gradually appear from the top of the display screen, and the size of the arm 8191 is larger than the size of the virtual character 819.

[0251] For example, the fingers of the arm 8191 can interact with desktop elements included in the desktop 810. For instance, the finger can press and hold the desktop card 811 to shake or move it. At this time, the desktop card 811 can move and rotate in response to the finger operation of the virtual character 819, and the desktop card 811 can also collide with other desktop elements during movement and rotation. The electronic device 800 can display, as shown... Figure 11The GUI shown in (c) is shown in the image.

[0252] See Figure 11 In (c), the icons of some desktop elements in desktop 810 can respond to collisions with desktop cards 811, moving, rotating, bouncing, or vibrating, causing desktop 810 to temporarily become chaotic. Furthermore, the virtual character's arm 8191 can gradually move upwards and disappear.

[0253] In some examples, after a preset duration B, the electronic device 800 may display something like... Figure 11 (d) in the middle.

[0254] For example, the preset duration B is 3 seconds or 5 seconds.

[0255] In some examples, when electronic device 800 detects a user clicking on desktop 810, it may display something like... Figure 11 (d) in the middle.

[0256] See Figure 11 In (d), the desktop 810 can be restored to its initial state.

[0257] In this way, the desktop 810 can be quickly restored to its initial state, so as not to affect the user's normal use of electronic devices.

[0258] Optionally, in Figure 11 In this technical solution, because the actions of the virtual character may temporarily disrupt the layout of desktop elements, users need to make additional settings, such as enabling a control switch in the theme resource settings. Afterwards, it will allow... Figure 11 The plan was thus put into effect.

[0259] In some embodiments, the interaction between the virtual character and desktop elements differs depending on the virtual character. For example, virtual character 1 interacts with desktop elements by tapping. Virtual character 2 interacts by intentionally disturbing desktop elements, causing a brief period of chaos on the desktop. Virtual character 3 interacts by falling down, causing chaos in the desktop elements.

[0260] In some examples, the virtual character can also be part of the wallpaper, meaning that the virtual character in the wallpaper can interact with desktop elements.

[0261] Based on the embodiments of this application, in a desktop scenario, a virtual character can cause chaos on the desktop, resulting in a brief period of confusion for the desktop elements. After a preset duration, the desktop returns to its initial state, thereby enhancing the user's enjoyment of using the theme corresponding to the virtual character.

[0262] For example, Figure 12 This is a schematic flowchart illustrating a display method provided in an embodiment of this application. Figure 12 As shown, the method 900 can be applied to electronic devices, and the method 900 includes steps 910 to 940.

[0263] 910. In a desktop scenario, electronic devices play animations of virtual characters.

[0264] For example, after the electronic device applies the theme resources corresponding to the virtual character, it can play multiple animations of the virtual character in a preset order in both the lock screen and desktop scenarios.

[0265] For example, see Figure 2 The animation could be the animation of the virtual character 213 jumping.

[0266] 920, the electronic device determines whether to trigger the virtual character to jump.

[0267] For example, when the animation includes a virtual character jumping, the electronic device can determine the point at which the virtual character begins to jump to trigger the jump.

[0268] For example, some virtual characters can jump based on user interaction. When an electronic device detects the corresponding interaction, it can determine whether to trigger the virtual character to jump.

[0269] In other examples, the virtual character's movement can continue to be displayed even when the electronic device does not trigger the virtual character to jump, for example, when the virtual character moves horizontally.

[0270] 930, Electronic devices determine whether a virtual character collides with desktop elements when it lands.

[0271] For example, an electronic device can determine whether the virtual character collides with the desktop element when it lands based on the coordinates of the virtual character during its jump and the coordinates of the desktop element.

[0272] For example, see Figure 2 When the electronic device determines that the landing point of the virtual character is located in the display area where icon 212 is located, it can be determined that the virtual character will collide with icon 212 upon landing.

[0273] In other examples, if it is determined that the virtual character does not collide with desktop elements when it lands, the landing process of the virtual character can be displayed normally.

[0274] These desktop elements can be application icons, desktop cards, folders, etc.

[0275] 940, The collision animation effect of desktop elements that collide with each other displayed on electronic devices.

[0276] For example, desktop elements that collide with a virtual character can display a movement animation effect. See, for example, [link to example]. Figure 2 The icon 212 can display a sinking effect in response to a virtual character jumping onto the icon 212.

[0277] For example, see Figure 3 When the virtual character lands on the desktop card 311, the desktop card 311 can display an effect of being tilted by the weight of the virtual character.

[0278] In other examples, the electronic device can play sound effects corresponding to collisions.

[0279] Based on the embodiments of this application, when an electronic device detects a collision between a virtual character and a desktop element, it can display a collision animation effect of the desktop element, thereby enabling interaction between the virtual character and the desktop element and improving the user experience.

[0280] For example, Figure 13 This is a schematic flowchart illustrating a display method provided in an embodiment of this application. Figure 13 As shown, the method 1000 can be applied to electronic devices, and the method 1000 may include steps 1010 to 1040.

[0281] 1010. In a desktop scenario, when an electronic device receives a notification message from a target application, it determines the priority of the notification message.

[0282] For example, the target application can be a system application or a third-party application.

[0283] In some examples, the correspondence between this priority and the application can be preset.

[0284] Alternatively, electronic devices can prioritize application notification messages based on the frequency or duration of user interaction with the application.

[0285] It should be understood that this priority can be interpreted as the importance of the application mentioned above, as detailed in the previous description, and will not be repeated here.

[0286] 1020. Electronic devices determine the virtual character's actions on the target application's icon based on the priority of notification messages.

[0287] For example, for high-priority applications, their notification messages have higher priority, and the virtual character's actions on the target application's icon are more intense, such as kicking the icon or jumping onto it.

[0288] For example, for applications with low priority, their notification messages have lower priority, so the virtual character's actions on the target application's icon are less forceful, such as pushing or poking the icon.

[0289] 1030, Electronic devices display virtual characters interacting with the icons of target applications.

[0290] For example, see Figures 4 to 5 The virtual character can jump and kick the icon of the target application, causing the icon to rotate and collide with other desktop elements.

[0291] For example, see Figure 6 The virtual character can gently push the icon of the target application.

[0292] 1040, The electronic device displays the icon of the target application with animation effects generated based on the virtual character's actions.

[0293] For example, see Figures 4 to 5 The target application's icon can respond to the virtual character's actions by generating a rotating animation effect.

[0294] For example, see Figure 6 The target application's icon can respond to the virtual character's actions, producing a moving animation effect.

[0295] Based on the embodiments of this application, when an electronic device detects that a target application has received a notification message, it can determine the virtual character's operation on the target application's icon according to the priority of the notification message, thereby providing a better reminder to the user.

[0296] For example, Figure 14 This is a schematic flowchart illustrating a display method provided in an embodiment of this application. Figure 14 As shown, the method 1100 can be applied to electronic devices, and the method 1100 may include steps 1110 to 1150.

[0297] 1110. In a desktop scenario, electronic devices detect the user's swipe gestures.

[0298] This swipe action is used to switch desktops. For example, if a user swipes left on desktop A, this action can be used to switch from desktop A to desktop B.

[0299] 1120, The electronic device determines the sliding parameters for the sliding operation.

[0300] For example, the sliding parameter may include at least one of the following parameters: sliding direction, sliding speed, acceleration, and sliding distance.

[0301] 1130, The electronic device determines the external force acting on the virtual character based on the sliding parameters.

[0302] For example, an electronic device can map sliding parameters to external forces acting on a virtual character.

[0303] For example, when the sliding speed is less than a threshold, the greater the sliding speed, the greater the mapped external force, and the faster the virtual character moves. Conversely, the smaller the sliding speed, the smaller the mapped external force, and the slower the virtual character moves.

[0304] 1140, Electronic devices display the animation effects of virtual characters under external forces.

[0305] See Figure 7 The virtual character 411 moves toward the edge of the display screen as the user slides on the desktop 410.

[0306] 1150. When switching to another desktop, the electronic device displays an animation effect of a virtual character gradually appearing at the edge of the screen.

[0307] See Figure 7 The virtual character can gradually appear from the edge of the screen. It should be understood that when the user swipes to the left, the desktop on the right side of the original desktop needs to be switched to the display screen, so the virtual character can appear from the left side of the screen, presenting the effect of the virtual character crossing from the original desktop to the new desktop.

[0308] Based on the embodiments of this application, during desktop switching, the virtual character can fly to the edge of the display screen with the user's swipe operation and appear on one side of the new desktop. This allows the virtual character to be affected by the airflow generated by the user's operation and blown to another desktop, creating an animation effect that brings a realistic experience to the user and enhances the user's immersive experience.

[0309] For example, Figure 15 This is a schematic flowchart illustrating a display method provided in an embodiment of this application. Figure 15 As shown, the method 1200 can be applied to electronic devices, and the method 1200 may include steps 1210 to 1280.

[0310] 1210. In a desktop scenario, electronic devices detect the user's swipe gestures.

[0311] 1220, The electronic device determines the sliding parameters for the sliding operation.

[0312] 1230, The electronic device determines the external force acting on the virtual character based on the sliding parameters.

[0313] It should be understood that steps 1210 to 1230 can be referred to in the relevant descriptions of steps 1110 to 1130 above, and will not be repeated here.

[0314] 1240, The electronic device determines the jumping path of the virtual character.

[0315] It should be understood that the jumping action of a virtual character can be preset, but the jumping path can vary depending on the external force applied to the virtual character.

[0316] For example, the greater the external force, the higher and farther the virtual character jumps. The smaller the external force, the lower and closer the virtual character jumps.

[0317] 1250, The electronic device displays an animation effect of a virtual character jumping under the action of an external force.

[0318] For example, see Figure 8 In Desktop 510, the virtual character can crouch first, then jump and leap into the air.

[0319] 1260. When switching to another desktop, the electronic device continues to display the jumping animation effect according to the jump path.

[0320] When switching to another desktop, the electronic device continues to display the animation effects of the virtual character jumping, based on the virtual character's jump path.

[0321] For example, see Figure 8 When switching to desktop 520, the virtual character 512 continues to move along the jump path.

[0322] 1270, In another desktop, when a target desktop element exists on the jump path, the electronic device displays an animation effect of the virtual character impacting the target desktop element as the virtual character moves onto the target desktop element.

[0323] For example, see Figure 8 The target desktop element is desktop card 521. The virtual character 512 can jump onto desktop card 521, and desktop card 521 can tilt as the virtual character 512 lands.

[0324] 1280, Electronic devices adjust the posture of virtual characters and target desktop elements.

[0325] For example, when a virtual character lands on a target desktop element, the target desktop element can tilt, sink, or shake. Afterward, the target desktop element can gradually return to its original state. If the virtual character can climb onto the target desktop element, it can gradually climb onto the target desktop element. If the virtual character is unable to climb onto the target desktop element, an animation effect of the virtual character falling can also be displayed.

[0326] Based on the embodiments of this application, during desktop switching, the virtual character can jump in response to the user's swipe, leaping to the edge of the display screen and appearing on one side of the new desktop. This creates an animation effect of the virtual character jumping to another desktop, providing a realistic experience and enhancing the user's immersive experience. Furthermore, when desktop elements are present in the virtual character's jump path, the virtual character can land on the desktop elements and interact with them, simulating a realistic jumping effect and further enhancing the user's immersive experience.

[0327] For example, Figure 16 This is a schematic flowchart illustrating how a virtual character appears from the bottom of a display screen, as provided in an embodiment of this application. Figure 16 As shown, the method 1300 may include steps 1310 to 1340.

[0328] 1310. In a desktop scenario, determine the moment when the virtual character appears.

[0329] For example, the virtual character may appear at the moment when the virtual character's appearance animation needs to be played. Alternatively, if the virtual character needs to be displayed when the electronic device switches from a non-desktop to a desktop, the moment of switching back to the desktop can be the moment the virtual character appears. Or, if the virtual character needs to be displayed when switching desktops because the user's swiping speed exceeds a threshold, the moment of switching from the original desktop to the new desktop can be the moment the virtual character appears.

[0330] 1320, liquid elements appear at the bottom of the display screen, and a raised effect is displayed.

[0331] For example, see Figure 9 This liquid element can be a liquid animation element 612.

[0332] In other instances, the liquid element can also be the bottom bezel of the display screen, which can deform to form the liquid element.

[0333] 1330, displays the animation effect of the virtual character gradually emerging from the raised part of the liquid element.

[0334] For example, see Figure 9 In (a), the virtual character 611 gradually emerges from the raised portion of the liquid element 612.

[0335] 1340, The electronic device displays an animation effect of liquid elements gradually disappearing in a damped oscillation manner.

[0336] For example, see Figure 9 In (b), the liquid element can gradually disappear after the virtual character 611 has fully appeared.

[0337] In other examples, when the liquid element is the bottom border of the display, the bottom border can gradually return to its original state.

[0338] Based on the embodiments of this application, when a virtual character needs to appear, it can gradually emerge from the bottom of the display screen, and liquid elements appear at the bottom of the display screen, with the virtual character exhibiting an animation effect of breaking through and rushing out of the liquid elements. This enhances the visual impact when the virtual character appears.

[0339] For example, Figure 17 This is a schematic flowchart illustrating how a virtual character disappears from the bottom of the display screen, as provided in an embodiment of this application. Figure 17 As shown, the method 1400 may include steps 1410 to 1440.

[0340] 1410, In a desktop scenario, the electronic device determines the moment when the virtual character disappears.

[0341] For example, the disappearance time of the virtual character could be the moment when the virtual character moves to the bottom of the display screen when the disappearance animation needs to be played. Alternatively, the disappearance time could also be... Figure 8 In a scenario where the character jumps while switching desktops, if there are no desktop elements in the character's jump path, then the character can jump to the bottom of the screen.

[0342] 1420, Liquid elements appear on the electronic device when the virtual character moves to the bottom of the display screen.

[0343] For example, see Figure 10 In (b), liquid elements may appear when the virtual character 711 moves to the bottom of the screen.

[0344] In other examples, the liquid element could be part of the bottom bezel of the display.

[0345] 1430, the electronic device displays an animation effect of a virtual character gradually entering a liquid element, and the liquid element displays an animation effect of sinking and undulating due to the entry of the virtual character.

[0346] For example, see Figure 10 In (b), the liquid element displays an animation effect of sinking and undulating due to the entry of the virtual character.

[0347] 1440, The electronic device displays an animation effect of liquid elements gradually disappearing in a damped oscillation manner.

[0348] For example, see Figure 10 In (c), the liquid element can gradually disappear after the virtual character 611 completely disappears.

[0349] In other examples, when the liquid element is the bottom border of the display, the bottom border can gradually return to its original state.

[0350] Based on the embodiments of this application, when a virtual character needs to disappear, it can gradually disappear from the bottom of the display screen, and liquid elements appear at the bottom of the display screen. The virtual character then presents an animation effect of jumping into the liquid elements and gradually disappearing. This enhances the visual impact of the virtual character's disappearance.

[0351] For example, Figure 18 This is a schematic flowchart illustrating a display method provided in an embodiment of this application. Figure 18 As shown, the method 1500 can be applied to electronic devices, and the scheme 1500 may include steps 1510 to 1540.

[0352] 1510, The electronic device has confirmed that the background mode is active.

[0353] For example, since the actions of virtual characters may temporarily disrupt the layout of desktop elements, users need to make additional settings, such as turning on the control switch in the theme resource settings to enable the background mode.

[0354] It should be understood that this background mode can also be called other modes, such as variable background mode, etc.

[0355] It should be understood that step 1510 is an optional step, and in some examples, step 1510 may not be performed.

[0356] 1520, Electronic devices play corresponding animations based on the personality of virtual characters.

[0357] For example, different virtual characters can have different personalities.

[0358] For example, the interaction methods between different virtual characters and desktop elements also differ. For instance, virtual character 1, with a curious personality, interacts with desktop elements by tapping them. Virtual character 2, with a mischievous personality, interacts with desktop elements by deliberately disturbing them, causing a brief period of chaos. Virtual character 3, with a clumsy personality, interacts with desktop elements by falling down and causing chaos.

[0359] For a target virtual character used in an electronic device, the electronic device can play an animation corresponding to that target virtual character.

[0360] 1530, Electronic devices display interactive animations between virtual characters and desktop elements, where desktop elements move, rotate, bounce, or vibrate due to the virtual characters' actions.

[0361] For example, see Figure 11 In (b) to (c), the virtual character can use their finger to move the desktop card 811 and cause the desktop card 811 to collide with other desktop elements, which can produce effects such as moving, rotating, bouncing or vibrating.

[0362] 1540. After a preset time, the electronic device restores the desktop to its initial state.

[0363] For example, the preset duration can be 3 seconds or 5 seconds, etc.

[0364] For example, see Figure 11 In (d), the desktop 810 can be restored to its initial state.

[0365] In other examples, when an electronic device detects a user tapping or double-tapping the desktop, it can quickly restore the desktop to its initial state. This allows the user to easily return the desktop to its initial state whenever they need to use the electronic device.

[0366] Based on the embodiments of this application, in a desktop scenario, an electronic device can play animations of virtual characters. For example, a virtual character can cause trouble on the desktop, creating a brief state of chaos for the desktop elements. After a preset duration, the desktop returns to its initial state, thereby enhancing the user's enjoyment of using the theme corresponding to the virtual character.

[0367] It is understood that the technical solutions of the various embodiments described above in this application can be combined or partially combined with each other to form new technical solutions, provided that there is no logical conflict. Such solutions should not be considered to be outside the scope of protection of this application.

[0368] For example, Figure 19 This is a schematic flowchart illustrating a display method provided in an embodiment of this application. Figure 19 As shown, the method 1900 can be applied to electronic devices, and the method 1900 includes steps 1910 to 1940.

[0369] 1910, an electronic device displays a first display interface, which includes virtual characters and interface elements, including a lock screen or desktop.

[0370] For example, the virtual character can be a two-dimensional character or a three-dimensional character, such as a virtual pet. When the theme resources corresponding to the virtual character are applied to the electronic device, the electronic device can display the virtual character on the lock screen or desktop.

[0371] It should be understood that multiple virtual character animations can be pre-set in electronic devices or theme resources. Electronic devices can play the animations of a virtual character in a preset order, or play the corresponding animations of a virtual character at preset times.

[0372] Taking the desktop as the first display interface as an example, the interface elements may include application icons, desktop cards, folders, etc.; the first target element may be an interface element that comes into contact with the virtual character, or an interface element that the virtual character's actions may affect.

[0373] In 1920, electronic devices played the first animation of a virtual character on the first display interface.

[0374] For example, the first animation can be one of a set of preset animations.

[0375] In 1930, during the playback of the first animation, the electronic device triggered the generation of a second animation for a first target element in the interface elements, where the first target element is an interface element that can be affected by the actions of the virtual character.

[0376] When the first display interface is the desktop, the first target element can be an application icon, desktop card, or folder. When the first display interface is the lock screen, the first target element can be a clock icon, flashlight icon, or camera icon on the lock screen, or it can be an icon in the status bar, such as a battery icon, Bluetooth icon, vibration or silent icon.

[0377] For example, see Figure 2 The first animation is the jumping animation of the virtual character 213. When the landing point of the virtual character 213 is the icon 212, the first target element is the icon 212.

[0378] For example, see Figure 6 If the first animation is the animation of the virtual character 312 pushing the icon 313, then the first target element should be the icon 313.

[0379] It should be understood that this second animation is not a preset animation, but an animation generated in real time based on the virtual character's actions or the user's operation.

[0380] In 1940, the electronic device played the second animation of the target element.

[0381] In this embodiment of the application, a second animation of the target element is generated based on the first animation. When the electronic device is playing the second animation, it still needs to continue playing the first animation before the first animation has finished playing.

[0382] Based on the embodiments of this application, the first display interface of the electronic device may include interface elements and virtual characters. During the process of playing the first animation of the virtual character on the first display interface, the second animation of the target element in the interface elements can be triggered and played according to the first animation.

[0383] In this way, the animation of the virtual character can trigger the second animation of the target element, so that the virtual character can interact with the interface elements in the display interface and achieve a linkage animation effect.

[0384] In some implementations, the electronic device triggers a second animation of a first target element in the interface elements based on the first animation, including: At a first preset moment when the electronic device plays the first animation, it determines the type of the second animation and the first input based on the first operation of the virtual character on the first target element. The first input includes parameters used to generate the second animation, and the type of the second animation includes at least one of movement, tilting, deformation, shaking, or rotation. The electronic device generates a second animation based on the type of the first input and the second animation.

[0385] For example, the first animation may include an animation of a virtual character jumping. At a first preset moment, the virtual character jumps onto a first target element, and this first operation can be understood as a collision operation. Due to the virtual character's jumping action, the first target element may produce animation effects such as movement (like sinking), tilting, or swaying. The first input may be the impact force corresponding to the collision operation, which can be calculated based on the jump height or the virtual weight of the virtual character.

[0386] For example, if the first animation may include an animation of a virtual character shaking a first target element, then the type of the second animation is shaking. Alternatively, if the first animation may include an animation of pushing a first target element, then the type of the second animation is movement, and the first input is the force of the virtual character's pushing.

[0387] Based on the embodiments of this application, an electronic device can generate a second animation of the first target element in real time according to the first operation of the virtual character on the first target element, so that different second animations can be generated when the operation of the virtual character is different, thereby improving the diversity of interaction between the virtual character and the interface element.

[0388] In some implementations, the first display interface is the desktop, and the first animation of the virtual character is played on the first display interface, including: In response to receiving a notification message from a target application, the electronic device plays a first animation of a virtual character on a first display interface, wherein the first animation is an animation of the virtual character performing a first operation on the icon of the target application.

[0389] For example, see 4, when the target application receives a notification message, the virtual character 312 can jump and use the kick icon 313.

[0390] Based on the embodiments of this application, when receiving a notification message from a target application, a first animation of a virtual character performing a first operation on the icon of the target application can be played on the first display interface, thereby more intuitively reminding the user that a notification message has been received.

[0391] In other examples, while playing Animation 1 of the virtual character, if a notification message from the target application is received, Animation 1 can be paused and Animation 2 of the virtual character can be played. Animation 2 is an animation in which the virtual character performs a first action on the icon of the target application to alert the user to the currently received notification message.

[0392] In this way, upon receiving a notification message, the virtual character can respond immediately and perform an action on the icon of the target application that received the notification message, so as to more intuitively remind the user that a notification message has been received.

[0393] In some implementations, method 1900 also includes: During the second animation of the first target element, a third animation of the second target element on the desktop is generated based on the second animation. The second target element is a desktop element that comes into contact with the icon of the target application during the second animation. The desktop element includes at least one of the application icon, desktop card, or folder. Play the third animation.

[0394] For example, the first target element is icon 1, and the second target element is icon 2. During the movement of icon 1, it can collide with icon 2, thus generating and playing a third animation for icon 2.

[0395] For example, see Figure 4 In (b) to (c), the second target element can be the browser icon 314, and the third animation can be the animation of the icon 314 moving.

[0396] Based on the embodiments of this application, during the playback of the second animation of the first target element, when the icon of the target application comes into contact with the desktop element, a third animation of the desktop element can be generated and played. Thus, when the virtual character performs a first operation on the first target element, the animation of the first target element can trigger the generation of another animation of the desktop element, thereby creating a chain-reaction collision animation effect and providing the user with a different user experience.

[0397] In some implementations, in response to receiving a notification message from the target application, a first animation of the virtual character is played on the first display interface, including: Determine the priority of notification messages from the target application; determine the first animation of the virtual character performing the first operation on the icon of the target application based on the priority, wherein the amplitude of the first operation performed by the virtual character in the first animation corresponding to a higher priority notification message is greater than the amplitude of the first operation performed by the virtual character in the first animation corresponding to a lower priority notification message. Play the first animation on the first display screen.

[0398] For example, if the frequency of use of a target application within a preset time period is greater than the preset frequency, it can be assumed that the user frequently uses the target application, and the notification messages of that target application will have a high priority.

[0399] For example, when the priority is high, see Figure 4 The virtual character can kick the target application's icon, or jump onto the icon and shake it. See also: When priority is low. Figure 6 Virtual characters can gently push or poke icons, but the range of their actions is smaller than the range of actions corresponding to higher priority.

[0400] Based on the embodiments of this application, an electronic device can determine the priority of a notification message from a target application and determine the corresponding animation based on that priority. Thus, for notification messages of different priorities, the virtual character can perform different actions to provide users with different levels of reminders.

[0401] In some implementations, the first display interface is the first desktop. Method 1900 also includes: In response to a swipe operation that switches the first desktop to the second desktop, the swipe parameters of the swipe operation are determined, wherein the swipe parameters include at least the swipe speed; A third animation is generated based on the sliding parameters to depict the virtual character moving toward the second desktop.

[0402] For example, see Figure 7 The sliding operation is a sliding operation to the left on desktop 410 to switch desktop 410 to desktop 430.

[0403] Optionally, the sliding parameter may also include sliding direction, sliding distance, or sliding acceleration.

[0404] Based on the embodiments of this application, when a user swipes on the first desktop, the electronic device determines the swipe parameters of the user's swipe operation and generates a third animation of a virtual character moving towards the second desktop based on the swipe parameters. Thus, when switching desktops, the virtual character can present the effect of moving towards the second desktop due to the swipe operation.

[0405] In some implementations, a third animation is generated based on the sliding parameters to depict the virtual character moving toward the second desktop, including: When the sliding speed is less than the preset speed, a third animation is generated based on the sliding parameters to show the virtual character moving toward the second desktop. The sliding speed is directly proportional to the movement speed of the virtual character.

[0406] The specific value of the preset speed is not limited in the embodiments of this application.

[0407] Based on the embodiments of this application, when the sliding speed is less than the preset speed, the electronic device can generate an animation of a virtual character moving towards the second desktop according to the sliding parameters, and the sliding speed is positively correlated with the movement speed of the virtual character, so that the faster the user slides, the faster the movement speed of the virtual character can be displayed.

[0408] In some implementations, method 1900 also includes: When the swiping speed is greater than the preset speed, an animation effect of the virtual character gradually appearing will be displayed at the preset position on the second desktop when switching to the second desktop.

[0409] For example, see Figure 9 The preset position can be the bottom of the screen. Alternatively, when the user swipes to the left from the first desktop to switch to the second desktop, the preset position is the left side of the screen, which can create the effect of the virtual character gradually emerging from the left side due to the user's swipe operation.

[0410] Based on the embodiments of this application, when the sliding speed is greater than the preset speed, when switching to the second desktop, the animation effect of the virtual character gradually appearing is displayed at the preset position of the second desktop, so that the animation effect of the virtual character can still be displayed after switching desktops.

[0411] In some implementations, a third animation is generated based on the sliding parameters to depict the virtual character moving toward the second desktop, including: The movement path of the virtual character is determined based on the sliding parameters, wherein the movement path includes a first path located on the first desktop and a second path located on the second desktop; Generate a third animation showing the virtual character moving along the first and second paths.

[0412] For example, see Figure 8 The movement path can be the jumping path of the virtual character 512. The first path is the jumping path of the virtual character 512 on the desktop 510, and the second path is the jumping path of the virtual character 512 on the desktop 520.

[0413] Based on the embodiments of this application, when a user's swipe operation triggers a desktop switch, the virtual character can move according to a motion path, and the motion path is related to the swipe parameters. Thus, different swipe operations by the user can generate different motion effects for the virtual character, improving the diversity of the virtual character's animation.

[0414] In some implementations, method 1900 also includes: When a third target element exists on the second path, when the virtual character moves to the third target element, a fourth animation of the third target element is generated in response to the impact of the virtual character. The third target element includes one of the following: an application icon, a desktop card, or a folder.

[0415] For example, if the third target element is a desktop card, and the second path overlaps with the desktop card, then when the virtual character jumps to the point of overlap, it can collide with the desktop card, such as jumping onto the desktop card.

[0416] See Figure 8 The third target element can be desktop card 521. The fourth animation is the animation generated by desktop card 521 under the impact of virtual character 512.

[0417] Based on the embodiments of this application, when switching to the second desktop, if there is a third target element on the second path of the virtual character, the virtual character can impact the third target element to trigger the animation effect of generating the third target element. In this way, the realism of the interaction between the virtual character and the interface elements can be improved.

[0418] In some implementations, method 1900 also includes: There are no interface elements on the second path, and the first liquid element is displayed at the bottom of the screen when the virtual character moves to the bottom of the screen. The animation shows a virtual character gradually entering the first liquid element, and the first liquid element sinks and ripples due to the entry of the virtual character; the animation also shows the first liquid element gradually disappearing in a damped oscillation manner.

[0419] For example, the first liquid element may be a newly emerging interface element, or the first liquid element may be obtained by transforming the bottom border of the display screen.

[0420] For example, see Figure 9 The first liquid element can be liquid element 612.

[0421] Based on the embodiments of this application, when the virtual character disappears, a first liquid element can be displayed at the bottom of the display screen, presenting the effect of the virtual character gradually entering the first liquid element, which can enhance the visual impact when the virtual character disappears.

[0422] In some implementations, method 1900 also includes: In response to a second operation that switches from a non-desktop to a desktop, a second liquid element is displayed at the bottom of the display screen; The animation effect shows the virtual character gradually emerging from the raised part of the second liquid element; When the virtual character fully appears, an animation effect is displayed where the second liquid element gradually disappears in a damped oscillation manner.

[0423] For example, the second liquid element can be a newly emerging interface element, or the second liquid element can be obtained by transforming the bottom border of the display screen.

[0424] For example, see Figure 10 The second liquid element can be liquid element 712.

[0425] Based on the embodiments of this application, when a virtual character appears, a second liquid element can be displayed at the bottom of the display screen, presenting the effect of the virtual character gradually rushing out from the second liquid element, which can enhance the visual impact when the virtual character appears.

[0426] Figure 20 This is a schematic block diagram of an electronic device provided in an embodiment of this application. Figure 20 As shown, the device 2000 includes one or more processors 2010; one or more memories 2020; the one or more memories 2020 storing one or more programs, which, when executed by the one or more processors 2010, cause the method described in any of the possible implementations above to be executed.

[0427] For example, the electronic device 2000 can be the electronic device 100, electronic device 200, electronic device 300, electronic device 400, electronic device 500, electronic device 600, electronic device 700, electronic device 800, etc. mentioned above.

[0428] The electronic device 2000 can be used to perform methods 900, 1000, 1100, 1200, 1300, 1400, 1500 and 1900 mentioned above.

[0429] This application also provides an electronic device, including a processor, a memory, and a communication interface, wherein the communication interface is used to receive signals, the memory is used to store signals, and the communication interface is also used to transmit signals to the processor, the processor processes the signals, and the method described in any of the possible implementations above is executed.

[0430] This application also provides an apparatus including a processor and a communication interface. The communication interface is used to receive signals and transmit the signals to the processor. The processor processes the signals so that the method described in any of the possible implementations above is executed.

[0431] The device can be a chip. For example, the chip can be a chip system or a standalone chip.

[0432] This application also provides a readable storage medium (also known as a computer-readable storage medium) that stores instructions that, when executed on a device, cause the device to perform the aforementioned method steps to implement the methods described in the above embodiments.

[0433] This application also provides a program product (also known as a computer program product) that, when run on a device, causes the device to perform the aforementioned steps to implement the methods described in the above embodiments.

[0434] This application also provides an apparatus including modules for implementing the methods described in any of the foregoing embodiments.

[0435] In addition, embodiments of this application also provide an apparatus, which may specifically be a chip, component or module. The apparatus may include a connected processor and a memory; wherein the memory is used to store instructions, and when the apparatus is running, the processor may execute the instructions stored in the memory to cause the apparatus to perform the methods in the above-described method embodiments.

[0436] In this embodiment, the device, readable storage medium, program product or apparatus are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the corresponding methods provided above, and will not be repeated here.

[0437] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0438] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0439] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative. For instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed.

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

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

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

[0443] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the 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

1. A display method, characterized in that, The method is applied to an electronic device, and the method includes: Display a first display interface, which includes virtual characters and interface elements, wherein the first display interface includes a lock screen or a desktop. Play the first animation of the virtual character on the first display interface; During the playback of the first animation, a second animation of the first target element in the interface elements is generated based on the first animation, wherein the first target element is an interface element that can be affected by the action of the virtual character. Play the second animation of the target element.

2. The method according to claim 1, characterized in that, The step of triggering the generation of a second animation for the first target element in the interface elements based on the first animation includes: At a first preset moment when the first animation is played, the type of the second animation and the first input are determined based on the first operation of the virtual character on the first target element. The first input includes parameters used to generate the second animation. The type of the second animation includes at least one of movement, tilting, deformation, shaking, or rotation. The second animation is generated based on the first input and the type of the second animation.

3. The method according to claim 1 or 2, characterized in that, The first display interface is a desktop, and playing the first animation of the virtual character on the first display interface includes: In response to receiving a notification message from the target application, a first animation of the virtual character is played on the first display interface, wherein the first animation is an animation of the virtual character performing a first operation on the icon of the target application.

4. The method according to any one of claims 1-3, characterized in that, The method further includes: During the playback of the second animation of the first target element, a third animation of the second target element in the desktop is generated based on the second animation. The second target element is a desktop element that comes into contact with the icon of the target application during the playback of the second animation. The desktop element includes at least one of the application icon, desktop card, or folder. Play the third animation.

5. The method according to claim 3 or 4, characterized in that, In response to receiving a notification message from the target application, playing a first animation of the virtual character on the first display interface includes: Determine the priority of notification messages from the target application; The first animation in which the virtual character performs a first operation on the icon of the target application is determined according to the priority of the notification message. In the first animation corresponding to the high-priority notification message, the magnitude of the first operation performed by the virtual character is greater than the magnitude of the first operation performed by the virtual character in the first animation corresponding to the low-priority notification message. Play the first animation on the first display interface.

6. The method according to any one of claims 1-5, characterized in that, The first display interface is a first desktop, and the method further includes: In response to a swipe operation that switches a first desktop to a second desktop, swipe parameters of the swipe operation are determined, wherein the swipe parameters include at least a swipe speed; A third animation is generated based on the sliding parameters to show the virtual character moving toward the second desktop.

7. The method according to claim 6, characterized in that, The third animation of the virtual character moving towards the second desktop based on the sliding parameters includes: If the sliding speed is less than a preset speed, a third animation is generated based on the sliding parameters to show the virtual character moving toward the second desktop, wherein the sliding speed is directly proportional to the movement speed of the virtual character.

8. The method according to claim 7, characterized in that, The method further includes: When the sliding speed is greater than the preset speed, when switching to the second desktop, the animation effect of the virtual character gradually appearing is displayed at the preset position of the second desktop.

9. The method according to any one of claims 6-8, characterized in that, The third animation of the virtual character moving towards the second desktop based on the sliding parameters includes: The movement path of the virtual character is determined based on the sliding parameters, wherein the movement path includes a first path located on the first desktop and a second path located on the second desktop; Generate a third animation showing the virtual character moving along the first path and the second path.

10. The method according to claim 9, characterized in that, The method further includes: When a third target element exists on the second path, when the virtual character moves to the third target element, a fourth animation of the third target element is generated in response to the impact of the virtual character. The third target element includes one of the following: an application icon, a desktop card, or a folder.

11. The method according to claim 10, characterized in that, The method further includes: There are no interface elements on the second path, and when the virtual character moves to the bottom of the display screen, a first liquid element is displayed at the bottom of the display screen; The animation effect shows a virtual character gradually entering the first liquid element, and the first liquid element shows an animation effect of sinking and undulating due to the entry of the virtual character; The animation shows the first liquid element gradually disappearing in a damped oscillation manner.

12. The method according to any one of claims 1-11, characterized in that, The method further includes: In response to a second operation that switches from a non-desktop to a desktop, a second liquid element is displayed at the bottom of the display screen; The animation effect shows the virtual character gradually emerging from the raised part of the second liquid element; When the virtual character fully appears, an animation effect is displayed showing the second liquid element gradually disappearing in a damped oscillation manner.

13. An electronic device, characterized in that, include: One or more processors; One or more memories; the one or more memories storing one or more programs that, when executed by one or more processors, cause the method as described in any one of claims 1-12 to be performed.

14. A chip, characterized in that, The chip includes a processor and a communication interface, the communication interface being used to receive signals and transmit the signals to the processor, the processor processing the signals such that the method as described in any one of claims 1-12 is executed.

15. A readable storage medium, characterized in that, The readable storage medium stores instructions that, when executed on the device, cause the method as described in any one of claims 1-12 to be performed.

16. A program product, characterized in that, The program product includes program code that, when run on a device, causes the method as described in any one of claims 1-12 to be executed.

Images