Interaction method and electronic equipment

Abstract

The invention provides an interaction method and electronic equipment, and the method comprises the steps: displaying the animation effect of N dynamic interface elements on a first interface, where N is an integer greater than or equal to 1, and the first interface is a desktop or a screen locking interface or a screen turn-off interface; in response to a first operation of a user, the animation effect of M dynamic interface elements of the N dynamic interface elements is changed according to the first operation and a first position, 1 < = M < = N, M is an integer, and the first position is associated with the first operation. In the embodiment of the invention, the electronic equipment can change the animation effect of at least part of the dynamic interface elements according to the operation of the user and the position corresponding to the operation of the user, so that the interaction between the electronic equipment and the user can be increased, and the use experience of the user can be improved.

Description

Technical Field

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

[0002] With technological advancements, more and more users are choosing dynamic themes, which can include live wallpapers for both the desktop and the lock screen. However, the animation effects of current live wallpapers are preset, and users may lose interest after a period of use. Therefore, enhancing the interaction between users and dynamic themes has become a pressing technical challenge. Summary of the Invention

[0003] This application provides an interactive method and an electronic device that allows users to interact with dynamic themes, thereby enhancing the user experience.

[0004] In a first aspect, an interactive method is provided, the method comprising: displaying animation effects of N dynamic interface elements on a first interface, wherein N≥1 and is an integer, the first interface being a desktop, a lock screen, or an always-on screen; responding to a first operation by a user, changing the animation effects of M dynamic interface elements of the N dynamic interface elements according to the first operation and a first position, wherein 1≤M≤N and M is an integer, the first position being associated with the first operation.

[0005] In this embodiment, the electronic device can change the animation effects of some dynamic interface elements according to the user's operation and the position corresponding to the user's operation, which can increase the interaction between the electronic device and the user and help improve the user experience.

[0006] In conjunction with the first aspect, in some implementations of the first aspect, the N dynamic interface elements include a first dynamic interface element, the shape of the first dynamic interface element is a first shape, the first operation is pressing the first dynamic interface element, and the animation effect of changing the shape of M dynamic interface elements of the N dynamic interface elements according to the first operation in response to the user's first operation includes: in response to the first operation, displaying an animation effect that changes the shape of the first dynamic interface element from the first shape to a second shape according to the first operation and the first position.

[0007] In this embodiment, when a user presses the first dynamic interface element, the electronic device displays an animation effect that changes the shape of the first dynamic interface element, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0008] In conjunction with the first aspect, in some implementations of the first aspect, the second shape corresponds to the shape of multiple dynamic interface elements.

[0009] In conjunction with the first aspect, in some implementations of the first aspect, after displaying the shape of the first dynamic interface element according to the first operation and the animation effect of changing the shape from the first shape to the second shape, the method further includes: displaying the animation effect of changing the shape of the first dynamic interface element from the second shape to the first shape.

[0010] In this embodiment, the first dynamic interface element can also change back to the first shape from the second shape, which conforms to certain real-world scenarios and the user's intuitive feeling, and helps to improve the user experience.

[0011] For example, the real-world scenario is a user pressing down on a raindrop falling onto glass.

[0012] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: the first dynamic interface element moving from the first position to the second position in the second shape.

[0013] In this embodiment, in addition to changing the shape of the first dynamic interface element, the electronic device can also display the first dynamic interface element moving from the first position to the second position in a second shape, which conforms to certain real-world scenarios and helps to improve the user experience.

[0014] For example, the real-world scenario is a user pressing a raindrop falling onto glass, causing the raindrop to change shape and flow downwards.

[0015] In conjunction with the first aspect, in some implementations of the first aspect, when the first dynamic interface element moves from the first position to the second position in the second shape, the moving speed of the first dynamic interface element is a first speed. After the first dynamic interface element moves from the first position to the second position in the second shape, the method further includes: displaying an animation effect of the first dynamic interface element moving to a third position at a second speed.

[0016] In conjunction with the first aspect, in some implementations of the first aspect, the second speed is greater than the first speed.

[0017] In conjunction with the first aspect, in some implementations of the first aspect, the N dynamic interface elements include a second dynamic interface element, the movement trajectory of the second dynamic interface element is a first movement trajectory, the first position is a position on the first movement trajectory, and the response to the user's first operation, changing the animation effect of M dynamic interface elements of the N dynamic interface elements according to the first operation and the first position, includes: in response to the first operation, when it is detected that the second dynamic interface element has moved to the first position, changing the movement trajectory of the second dynamic interface element to the second movement trajectory; and displaying the animation effect of the second dynamic interface element according to the second movement trajectory.

[0018] In this embodiment, when a user presses on the movement trajectory of the second dynamic interface element, the electronic device displays an animation effect that changes the movement trajectory of the second dynamic interface element. This is consistent with certain real-world scenarios and the user's intuitive experience, which can increase the interaction between the user and the electronic device and help improve the user experience.

[0019] For example, in this real-world scenario, a user presses on the path of a raindrop, and the path of the raindrop changes.

[0020] In conjunction with the first aspect, in some implementations of the first aspect, the second dynamic interface element corresponds to multiple dynamic interface elements, including a third dynamic interface element and a fourth dynamic interface element; the second movement trajectory corresponds to multiple movement trajectories, including a third movement trajectory and a fourth movement trajectory; and the animation effect of displaying the second dynamic interface element according to the second movement trajectory includes: displaying the animation effect of the third dynamic interface element according to the third movement trajectory; and displaying the animation effect of the fourth dynamic interface element according to the fourth movement trajectory.

[0021] In this embodiment, in addition to changing the movement trajectory of the second dynamic interface element, the electronic device can also divide the second dynamic interface element into multiple dynamic interface elements, which conforms to certain real-world scenarios and helps to improve the user experience.

[0022] For example, in this real-world scenario, a user presses on the path of a flowing raindrop, which then splits into multiple raindrops, each corresponding to a different flowing path.

[0023] In conjunction with the first aspect, in some implementations of the first aspect, displaying the animation effect of the third dynamic interface element according to the third movement trajectory includes: displaying the animation effect of the third dynamic interface element according to the third movement trajectory and the third speed; displaying the animation effect of the fourth dynamic interface element according to the fourth movement trajectory includes: displaying the animation effect of the fourth dynamic interface element according to the fourth movement trajectory and the fourth speed.

[0024] In conjunction with the first aspect, in some implementations of the first aspect, the third speed and the fourth speed are different.

[0025] In conjunction with the first aspect, in some implementations of the first aspect, the shape of the third dynamic interface element is different from the shape of the fourth dynamic interface element.

[0026] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: when the third dynamic interface element and the fourth dynamic interface element move to the position where the third movement trajectory and the fourth movement trajectory overlap, displaying an animation effect of merging the third dynamic interface element and the fourth dynamic interface element.

[0027] In this embodiment of the application, the electronic device can also display an animation effect in which multiple dynamic interface elements are merged into one dynamic interface element, which conforms to certain real-world scenarios and helps to improve the user experience.

[0028] For example, in this real-world scenario, a user presses on the path of a raindrop, which will split into multiple raindrops, each corresponding to a different flow path. These multiple raindrops can then merge back into a single raindrop as they flow.

[0029] In conjunction with the first aspect, in some implementations of the first aspect, the N dynamic interface elements include a fifth interface element, and the animation effect of displaying the N dynamic interface elements on the first interface includes: during the movement of the fifth interface element, displaying an animation effect of the fifth interface element changing from a third shape to a fourth shape, wherein the fourth shape is smaller than the third shape.

[0030] In this embodiment of the application, the electronic device can display an animation effect in which dynamic interface elements gradually shrink as they move, which conforms to certain real-world scenarios and helps to improve the user experience.

[0031] For example, the real-world scenario is raindrops flowing down a glass surface, with the raindrops getting smaller and smaller.

[0032] In conjunction with the first aspect, in some implementations of the first aspect, the animation effect of displaying N dynamic interface elements on the first interface includes: displaying an animation effect in which the shape of at least some of the N dynamic interface elements changes and gradually shrinks until it disappears.

[0033] In this embodiment of the application, the electronic device can display an animation effect in which dynamic interface elements gradually shrink and eventually disappear during movement, which conforms to certain real-world scenarios and helps to improve the user experience.

[0034] For example, the real-world scenario is raindrops falling on glass, and due to evaporation, the raindrops will get smaller and smaller until they disappear.

[0035] In conjunction with the first aspect, in some implementations of the first aspect, the animation effect of displaying N dynamic interface elements on the first interface includes: an animation effect in which at least some of the dynamic interface elements displayed among the N dynamic interface elements merge into a sixth dynamic interface element during the movement of the dynamic interface elements.

[0036] In this embodiment of the application, the electronic device can also display an animation effect in which multiple dynamic interface elements are merged into one dynamic interface element, which conforms to certain real-world scenarios and helps to improve the user experience.

[0037] For example, the real-world scenario involves multiple raindrops flowing down a glass surface, which can merge into a single droplet.

[0038] In conjunction with the first aspect, in some implementations of the first aspect, the speed and / or shape of the sixth dynamic interface element are different from those of the at least part of the dynamic interface element.

[0039] In conjunction with the first aspect, in some implementations of the first aspect, the movement trajectory of at least some of the N dynamic interface elements is determined based on the deflection direction and deflection coefficient.

[0040] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: displaying a first blurred background image on the first interface; and displaying an animation effect in response to a user's swiping operation, in which the first blurred background image becomes a clear image.

[0041] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: determining a first region based on the first sliding operation; the animation effect of displaying the first blurred background image becoming a clear image includes: the animation effect of displaying the first region of the first blurred background image becoming the clear image.

[0042] In this embodiment, the electronic device can also display a blurred background image, and can transform the blurred background image into a clear image based on the user's swiping operation, which conforms to the user's intuitive feeling and helps to improve the user experience.

[0043] For example, this real-world scenario involves a user wiping away raindrops falling on a window so they can see the view outside.

[0044] In conjunction with the first aspect, in some implementations of the first aspect, the first blurred background image is located in the first layer, the N dynamic interface elements are located in the second layer, and the first layer and the second layer are different.

[0045] In conjunction with the first aspect, in some implementations of the first aspect, the second layer is located above the first layer.

[0046] In conjunction with the first aspect, in some implementations of the first aspect, the method includes: in response to a second user operation, displaying animation effects of N dynamic interface elements on the first interface, and displaying animation effects of stacked dynamic interface elements on the second interface.

[0047] In this embodiment, the electronic device can also display animation effects of stacked dynamic interface elements, which conforms to the user's intuitive feeling and helps to improve the user experience.

[0048] For example, the real-world scenario could be snow accumulation during a snowy day or water accumulation during a rainy day.

[0049] In conjunction with the first aspect, in some implementations of the first aspect, the animation effect of displaying stacked dynamic interface elements on the second interface includes: displaying the animation effect of stacked dynamic interface elements in a second area of ​​the second interface.

[0050] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: determining the second region based on time.

[0051] In this embodiment, the accumulation area changes over time, which aligns with the user's intuitive perception and helps improve the user experience.

[0052] For example, the real-world scenario is snowy weather, where the snow-covered area grows larger over time.

[0053] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: in response to a user's second swipe operation, displaying an animation effect to eliminate the dynamic interface element corresponding to the second swipe operation.

[0054] In this embodiment, the electronic device can also display an animation effect to eliminate dynamic interface elements based on the user's swiping operation, which conforms to the user's intuitive feeling and helps to improve the user experience.

[0055] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: in response to a third user action, displaying an animation effect that eliminates the dynamic interface elements of the second area.

[0056] In conjunction with the first aspect, in some implementations of the first aspect, the second operation is a folding operation.

[0057] In this embodiment of the application, the interaction method is applicable to foldable screen electronic devices and can take advantage of the foldable nature of foldable screen electronic devices to help better display stacked animation effects.

[0058] In conjunction with the first aspect, in some implementations of the first aspect, the N dynamic interface elements are raindrops.

[0059] In conjunction with the first aspect, in some implementations of the first aspect, the N dynamic interface elements are rain lines.

[0060] In conjunction with the first aspect, in some implementations of the first aspect, the N dynamic interface elements are snowflakes.

[0061] In a second aspect, an electronic device is provided, comprising one or more processors; one or more memories; the one or more memories storing one or more computer programs, the one or more computer programs including instructions that, when executed by the one or more processors, cause the foregoing aspects or any possible implementation thereof to be performed.

[0062] Thirdly, a computer-readable storage medium is provided, comprising a computer program or instructions that, when executed on a computer, cause the first aspect and any possible implementation of the first aspect to be performed.

[0063] Fourthly, a computer program product is provided, comprising a computer program or instructions that, when executed on a computer, cause the first aspect and any possible implementation of the method of the first aspect to be performed.

[0064] Fifthly, a computer program is provided that, when run on a computer, causes the methods described in the first aspect and any possible implementation thereof to be executed.

[0065] Sixthly, an electronic device according to an embodiment of this application includes modules / units for performing the above aspects or any possible design of the above aspects; these modules / units can be implemented in hardware or implemented by hardware executing corresponding software.

[0066] For the beneficial effects of aspects two through six, please refer to the beneficial effects of aspect one, which will not be repeated here. Attached Figure Description

[0067] Figure 1 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application.

[0068] Figure 2 This is a software structure block diagram of the electronic device provided in the embodiments of this application.

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

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

[0071] Figure 5 This is a set of GUIs provided in the embodiments of this application.

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

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

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

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

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

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

[0078] Figure 12 This is a set of GUIs provided in the embodiments of this application.

[0079] Figure 13 This is a schematic diagram of layer blending provided in this application.

[0080] Figure 14 This is a schematic flowchart illustrating the processing of background images provided in an embodiment of this application.

[0081] Figure 15 This is a schematic diagram of the algorithm provided in the embodiments of this application.

[0082] Figure 16 This is a schematic diagram of the collision frame provided in an embodiment of this application.

[0083] Figure 17 This is a schematic diagram of the collision body provided in the embodiments of this application.

[0084] Figure 18 This is a schematic diagram of the system architecture provided in the embodiments of this application.

[0085] Figure 19 This is a schematic flowchart of the interaction method provided in the embodiments of this application. Detailed Implementation

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

[0087] The terminology used in the following embodiments is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to also include expressions such as “one or more,” unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, “at least one” and “one or more” refer to one, two, or more than two. The term “and / or” is used to describe the relationship between related objects, indicating that three relationships may exist; for example, A and / or B can indicate: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character “ / ” generally indicates that the preceding and following related objects are in an “or” relationship.

[0088] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0089] The following describes an electronic device, a user interface for such an electronic device, and embodiments for using such an electronic device. In some embodiments, the electronic device may be a portable electronic device that also includes other functions such as a personal digital assistant and / or music player, such as a mobile phone, tablet computer, wearable electronic device with wireless communication capabilities (such as a smartwatch), etc. Exemplary embodiments of the portable electronic device include, but are not limited to, carrying... Alternatively, it could be a portable electronic device with another operating system. The aforementioned portable electronic device could also be other portable electronic devices, such as laptops. It should also be understood that in some other embodiments, the aforementioned electronic device may not be a portable electronic device, but rather a desktop computer.

[0090] For example, Figure 1A schematic diagram of the structure of electronic device 100 is shown. Electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, antenna 1, antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

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

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

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

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

[0096] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0097] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0098] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0099] The modem processor may include a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs sound signals through an audio device (not limited to speaker 170A, receiver 170B, etc.) or displays images or videos through the display screen 194. In some embodiments, the modem processor may be a separate device. In other embodiments, the modem processor may be independent of the processor 110 and may be housed in the same device as the mobile communication module 150 or other functional modules.

[0100] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0101] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling electronic device 100 to communicate with networks and other devices via wireless communication technology. The wireless communication technology may include Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time-Division Code Division Multiple Access (TD-CDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. The GNSS may include the Global Positioning System (GPS), the Global Navigation Satellite System (GLONASS), the BeiDou Navigation Satellite System (BDS), the Quasi-Zenith Satellite System (QZSS), and / or satellite-based augmentation systems (SBAS).

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

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

[0104] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0105] The ISP (Image Signal Processor) is used to process data fed back from the camera 193. For example, when taking a picture, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, and the camera's photosensitive element transmits the electrical signal to the ISP for processing, transforming it into an image visible to the naked eye. The ISP can also perform algorithmic optimization of image noise, brightness, and skin tone. The ISP can also optimize parameters such as exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0106] Camera 193 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through the lens. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then passed to an ISP for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP for processing. The DSP converts the digital image signal into image signals in standard RGB, YUV, or other formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0107] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP performs Fourier transforms on the frequency energy.

[0108] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. Thus, electronic device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0109] An NPU (Neural Processing Unit) is a computational processor for neural networks (NNs). By borrowing the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can rapidly process input information and continuously learn on its own. NPUs enable intelligent cognitive applications in electronic devices, such as image recognition, facial recognition, speech recognition, and text understanding.

[0110] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0111] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0112] Electronic device 100 can implement audio functions, such as music playback and recording, through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor.

[0113] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0114] The speaker 170A, also known as a "loudspeaker," is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or make hands-free calls through the speaker 170A.

[0115] The receiver 170B, also known as the "earpiece," is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a telephone call or voice message, the receiver 170B can be brought close to the ear to listen to the voice.

[0116] Microphone 170C, also known as a "microphone" or "voice transducer," is used to convert sound signals into electrical signals. When making a phone call or sending a voice message, the user can speak by bringing their mouth close to microphone 170C, inputting the sound signal into microphone 170C. Electronic device 100 may have at least one microphone 170C. In some embodiments, electronic device 100 may have two microphones 170C, which, in addition to collecting sound signals, can also perform noise reduction. In other embodiments, electronic device 100 may also have three, four, or more microphones 170C, which can collect sound signals, reduce noise, identify the sound source, and perform directional recording, etc.

[0117] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be disposed on display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may include at least two parallel plates with conductive material. When force is applied to pressure sensor 180A, the capacitance between the electrodes changes. Electronic device 100 determines the pressure intensity based on the change in capacitance. When a touch operation is applied to display screen 194, electronic device 100 detects the intensity of the touch operation based on pressure sensor 180A. Electronic device 100 can also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation commands. For example, when a touch operation with a touch operation intensity greater than or equal to a first pressure threshold is applied to the alarm clock application icon, a command to create a new alarm clock is executed.

[0118] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can utilize the collected fingerprint characteristics to achieve fingerprint unlocking, app access lock, fingerprint photography, fingerprint call answering, etc. For example, when the phone detects a user's touch operation on the lock screen, the phone can collect the user's fingerprint information through the fingerprint sensor 180H and match the collected fingerprint information with preset fingerprint information in the phone. If the match is successful, the phone can transition from the lock screen to the unlock screen.

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

[0120] Figure 2 This is a software structure block diagram of an electronic device 100 according to an embodiment of this application. The layered architecture divides the software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer. The application layer may include a series of application packages.

[0121] like Figure 2 As shown, the application layer can include camera, settings, third-party applications, etc. Third-party applications can include gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, SMS, etc.

[0122] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer may include some predefined functions.

[0123] like Figure 2 As shown, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0124] The window manager is used to manage windowed applications. It can obtain the screen size, determine if a status bar is present, lock the screen, and capture screenshots. The content provider stores and retrieves data, making this data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0125] The view system includes visual controls, such as controls for displaying text, controls for displaying images, and such as the indicator information for displaying a virtual shutter button in the embodiments of this application. The view system can be used to build applications. The display interface can consist of one or more views. For example, a display interface including a text message notification icon can include a view for displaying text and a view for displaying images.

[0126] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0127] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0128] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0129] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0130] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0131] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0132] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0133] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0134] A 2D graphics engine is a graphics engine for 2D drawing.

[0135] In addition, the system library may also include status monitoring service modules, such as a physical status recognition module for analyzing and recognizing user gestures; and a sensor service module for monitoring sensor data uploaded by various sensors at the hardware layer to determine the physical status of the electronic device 100.

[0136] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.

[0137] The hardware layer can include various types of sensors, such as Figure 1 The various sensors described in the document include accelerometers, gyroscopes, touch sensors, etc., which are involved in the embodiments of this application.

[0138] It should be noted that, Figure 2 This example only illustrates one way of dividing the system framework and should not be construed as a specific limitation on the embodiments of this application. In the embodiments of this application, different frameworks can be used for different operating systems when the electronic device is equipped with different operating systems. It is understood that when different frameworks are adopted, the way the framework is divided into layers, the specific naming, and the specific layer in which each of the above modules is located can be different.

[0139] With technological advancements, more and more users are choosing dynamic themes, which can include live wallpapers for the desktop and lock screen. However, the animation effects in current dynamic themes are all preset, and users may lose interest after using them for a while.

[0140] For example, electronic devices can display live wallpapers on the desktop that simulate the effect of raindrops falling on glass. The raindrops might flow downwards or disappear at the point of impact. However, these effects are all pre-set animations. In other words, the animation remains unchanged regardless of the user's actions, which can easily lead to users losing interest in the live theme after a period of use, thus degrading the user experience.

[0141] In summary, enhancing the interaction between users and dynamic themes has become an urgent technical problem to be solved. The following section will first introduce the interaction method provided in the embodiments of this application in conjunction with a graphical user interface (GUI).

[0142] Figure 3 A set of GUIs provided in embodiments of this application is shown.

[0143] like Figure 3 As shown in (a) of the figure, the electronic device displays interface 301, which is the desktop. The electronic device can display interface elements such as application icons, service cards, and dates on interface 301 (to more clearly illustrate the dynamic interface elements involved in the interaction method provided in this application embodiment, the aforementioned interface elements such as application icons, service cards, and dates are not shown in the figure). The electronic device can also display dynamic interface elements on interface 301. Dynamic interface elements can be understood as interface elements with animation effects on the desktop or lock screen interface. For example, as time goes by, dynamic interface elements can move, change shape, disappear, multiple dynamic interface elements can be combined into one dynamic interface element, and one interface element can be divided into multiple interface elements, etc.

[0144] like Figure 3 As shown in (a) and (b), the electronic device can display dynamic raindrops (i.e., raindrops are dynamic interface elements) on interface 301. That is, the raindrops in interface 301 are changing. For example, as time goes by, raindrop #1 flows from position #1 to position #2 and will display water traces from position #1 to position #2. These water traces from position #1 to position #2 can also be called the flow trajectory #1 of raindrop #1.

[0145] It should be noted that the shape of raindrop #1 can change as it flows from position #1 to position #2.

[0146] It should also be noted that, in Figure 3 In the examples shown in (a) and (b), only the example of raindrop #1 flowing from position #1 to position #2 is presented. Figure 3 Other raindrops can also flow downwards to other locations.

[0147] For example, over time, electronic devices can cause some raindrops to evaporate, i.e. Figure 3 Raindrop #2 in the image gradually shrinks until it disappears from interface 301.

[0148] Understandably, the shape of raindrop #2 changes during the evaporation process.

[0149] For example, as time goes by, electronic devices can display new raindrops, such as... Figure 3 Raindrop #3 will appear in interface 301.

[0150] For example, some raindrops may merge as they flow, meaning multiple raindrops may combine into one. The speed and / or shape of this merged raindrop may differ from the original multiple raindrops.

[0151] For example, some raindrops gradually become smaller as they flow.

[0152] The dynamic interface elements in this application embodiment can change according to the user's operation, as will be described exemplarily below.

[0153] like Figure 3 As shown in (c) and (d), the electronic device can display raindrop #1 at position #1 of interface 301. When the electronic device detects a user pressing operation at position #1 (or a user pressing raindrop #1 operation), in response to the pressing operation, the shape of raindrop #1 can be changed, that is, the shape of raindrop #1 displayed by the electronic device can be changed from […]. Figure 3 The shape shown in (c) becomes Figure 3 The animation effect of the shape shown in (d) in the figure.

[0154] Understandably, if the user doesn't press position #1, the animation for raindrop #1 is that it flows downwards. Because the user pressed raindrop #1, the animation for raindrop #1 changes. Figure 3 The shape shown in (c) becomes Figure 3 The shape shown in (d) is as follows. In other words, the electronic device can change the animation effect of raindrop #1 in response to the user's pressing action.

[0155] In this embodiment, the animation effect of the electronic device changing the shape of raindrop #1 can simulate the scenario of a user pressing a raindrop in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and help improve the user experience.

[0156] exist Figure 3 In the examples shown in (c) and (d), when the user presses raindrop #1, the shape of raindrop #1 changes from a single raindrop shape (shape #1) to a spread-out shape (shape #2). However, this embodiment is not limited to this. In other embodiments of this application, when the user presses the raindrop, the electronic device can also display an animation effect of a raindrop being divided into multiple sub-raindrops. This animation effect can also be understood as the shape of the raindrop changing, that is, from the shape of a single raindrop (shape #1) to the shape of multiple raindrops (shape #2).

[0157] In some embodiments, after the electronic device displays the shape of the raindrop #1 changing from shape #1 to shape #2, it can also display an animation effect of the shape #2 changing back to shape #1.

[0158] For electronic devices that display an animation effect where the shape of raindrop #1 changes from shape #1 to shape #2, and then changes back to shape #1, the following are some possible implementation methods:

[0159] One possible implementation is that the raindrop #1 does not flow downwards, and when the electronic device detects that the user is no longer pressing the raindrop #1, it can display an animation effect of the raindrop #1 changing from shape #2 back to shape #1.

[0160] One possible implementation is that the raindrop #1 flows downwards, and as the raindrop #1 moves from position #1 to position #2 in shape #2 (such as a spread shape or the shape of multiple raindrops), the electronic device can display an animation effect of the raindrop #1 changing from shape #2 back to shape #1, where position #1 can be the position where the user presses.

[0161] In some embodiments, when raindrop #1 moves from position #1 to position #2 in shape #2, the speed of raindrop #1 is speed #1. When the shape #2 of raindrop #1 corresponds to the shapes of multiple raindrops, speed #1 may include the speeds corresponding to the multiple raindrops.

[0162] In some embodiments, when raindrop #1 moves from position #1 to position #2 in shape #2, the electronic device can display an animation effect of raindrop #1 changing from shape #2 back to shape #1. After that, the electronic device can also display an animation effect of raindrop #1 moving to position #3 at speed #2, where speed #2 is greater than speed #1.

[0163] like Figure 3 As shown in (e)-(g), the electronic device can display raindrop #1 at position #1 on interface 301. When the electronic device detects a user pressing position #3, and after raindrop #1 flows through position #3, the electronic device can simulate the blocking effect of position #3 on raindrop #1 because the user pressed position #3. Due to the blocking effect of position #3 on raindrop #1, the electronic device can change the flow direction of raindrop #1. That is, raindrop #1 can flow vertically downward from position #1 to position #3, and due to the blocking effect of position #3, raindrop #1 shifts to the left and then flows vertically downward again.

[0164] It should be noted that when raindrop #1 flows from position #1 to position #3, the shape of raindrop #1 can change due to the obstruction effect of position #3.

[0165] Understandably, if the user doesn't press position #3, the animation for raindrop #1 flows vertically downwards from position #1. Because the user pressed position #3, the animation for raindrop #1 flows vertically downwards from position #1 to position #3, then shifts to the left at position #3 before continuing to flow vertically downwards. In other words, the electronic device can respond to the user's pressing action, changing the animation of raindrop #1.

[0166] like Figure 3 As shown in (e), (f), and (h), the electronic device can display raindrop #1 at position #1 on interface 301. When the electronic device detects a user pressing position #3, and after raindrop #1 flows past position #3, the electronic device can simulate the blocking effect of position #3 on raindrop #1 because the user pressed position #3. Due to the blocking effect of position #3 on raindrop #1, the electronic device can split raindrop #1 into two new raindrops, which are then deflected to the left and right respectively before flowing vertically downwards.

[0167] In some embodiments, the two new raindrops may have the same speed or different speeds.

[0168] In some embodiments, the two new raindrops may have the same shape or they may be different.

[0169] In some embodiments, the movement trajectories of the two new raindrops may overlap, that is, the two movement trajectories have overlapping positions. When the two new raindrops move to the overlapping position, the electronic device can display an animation effect of merging the two new raindrops.

[0170] Electronic devices in display Figure 3 When the animation effect shown in (e)-(h) is displayed, the coordinates of position #3 can be determined, and a virtual circle (i.e. not displayed in interface 301) can be determined based on the coordinates of position #3. When raindrop #1 moves to the virtual circle, the tangent direction of the contact point can be determined, and a new shape can be determined based on the shape of raindrop #1, the tangent direction, and the moving speed.

[0171] In some embodiments, the radius of the virtual circle is related to the duration of the press and / or the pressure applied.

[0172] For example, the longer the press duration and / or the greater the pressure, the larger the radius of the virtual circle.

[0173] Understandably, if the user doesn't press position #3, the animation for raindrop #1 flows vertically downwards from position #1. However, because the user pressed position #3, the animation for raindrop #1 flows vertically downwards from position #1 to position #3, splits into two new raindrops at position #3, shifts to the left and right respectively, and then flows vertically downwards again. In other words, the electronic device can respond to the user's pressing action and change the animation of raindrop #1.

[0174] It should be noted that when raindrop #1 flows from position #1 to position #3, due to the obstruction of position #3, raindrop #1 splits into two new raindrops. Either of these two new raindrops is smaller than raindrop #1, and the shapes of these two new raindrops can be different from those of raindrop #1.

[0175] It should also be noted that, in Figure 3 In the examples shown in (e), (f) and (h), only the example of the electronic device splitting raindrop #1 into two new raindrops after determining that raindrop #1 has flowed to position #3 is taken as an example. However, it should not be construed as a specific limitation on the embodiments of this application. In other embodiments, after determining that raindrop #1 has flowed to position #3, the electronic device can split raindrop #1 into more raindrops, such as 3, 4, etc.

[0176] In this embodiment, when the electronic device determines that the user's pressing position is on the flow trajectory of raindrop #1 and raindrop #1 flows to the user's pressing position, the electronic device can change the flow trajectory of raindrop #1, and can also divide raindrop #1 into multiple raindrops and determine the flow trajectory of the multiple raindrops. The animation effects of the electronic device changing the flow trajectory of raindrop #1 and dividing raindrop #1 into multiple raindrops can simulate the scenario of raindrops encountering obstacles when flowing in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and help improve the user experience.

[0177] exist Figure 3 In the example shown, the electronic device can change the shape and movement trajectory of dynamic interface elements, and divide a single dynamic interface element into multiple dynamic interface elements, based on the user's pressing action on the display screen. Besides responding to user pressing actions, the electronic device can also respond to user swiping actions, changing the animation effects of dynamic interface elements. This will be discussed in the following section. Figure 4 Let me introduce it.

[0178] Figure 4 A set of GUIs provided in embodiments of this application is shown.

[0179] like Figure 4As shown in (a) and (b), the electronic device can display multiple raindrops on interface 401, including raindrop #1 and raindrop #2. The electronic device can detect a user's swipe operation, wherein the direction of the swipe operation is as indicated by the dashed arrow in the figure. When the electronic device determines that the swipe operation will pass through the positions corresponding to raindrop #1 and raindrop #2, the electronic device can respond to the swipe operation by eliminating raindrop #1 and raindrop #2.

[0180] It is understandable that electronic devices can also have corresponding animation effects when eliminating raindrops #1 and #2, instead of simply stopping the display of raindrops #1 and #2, that is, gradually eliminating raindrops #1 and #2 through multi-frame animation.

[0181] It's also understandable that if the user doesn't perform a swipe, the animation effects for raindrops #1 and #2 are vertically downwards. Since the swipe passes through raindrops #1 and #2 when the user does swipe, the animation effects for raindrops #1 and #2 are removed from interface 401. In other words, the electronic device can respond to the user's swipe action by changing the animation effects of raindrops #1 and #2.

[0182] It should be noted that when the electronic device eliminates raindrops #1 and #2 in response to the user's swipe operation, the other raindrops in the interface 401 still have animation effects, such as some raindrops flowing downwards and some raindrops disappearing.

[0183] In this embodiment, when the electronic device determines that the user's swipe operation passes over raindrops #1 and #2, the electronic device can eliminate raindrops #1 and #2. The animation effect of the electronic device eliminating raindrops #1 and #2 in response to the user's swipe operation can simulate the scenario of wiping away raindrops in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and help improve the user experience.

[0184] exist Figure 4 In the examples shown in (a) and (b), the electronic device can eliminate raindrops at the location traversed by the swipe operation. In other embodiments, the electronic device can also eliminate all raindrops on interface 401 simultaneously.

[0185] like Figure 4 As shown in (c) and (d) in the figure, the electronic device can display multiple raindrops on interface 401. The electronic device can detect the user's swipe operation, wherein the direction of the swipe operation is as indicated by the dashed arrow in the figure. When the electronic device determines that the pressing area of ​​the swipe operation is greater than or equal to threshold #1 and the swipe distance is greater than or equal to threshold #2, the electronic device can respond to the swipe operation by eliminating all raindrops on interface 401.

[0186] It is understandable that when the electronic device eliminates all the raindrops on the interface 401, there can be a corresponding elimination animation effect, rather than simply removing all the raindrops from the interface 401. That is, all the raindrops on the interface 401 are gradually eliminated through multi-frame animation.

[0187] Understandably, if the user does not perform a swipe operation, all the raindrops on the interface 401 can have different animation effects; for example, some raindrops may flow vertically downwards, while others may gradually disappear from their original positions. When the electronic device responds to the user's swipe operation and eliminates all the raindrops on the interface 401, the electronic device will change the animation effects of some of the raindrops.

[0188] exist Figure 4 In the examples shown in (a)-(d), the electronic device can respond to a user's swipe operation by displaying an animation effect that clears raindrops from the interface. In other embodiments of this application, the electronic device can also display a blurred background image (i.e., wallpaper) on the interface, and dynamic interface elements (i.e., raindrops), time, application icons, service cards, etc., can be overlaid on the blurred background image. When the electronic device detects a user's swipe operation, it can display an animation effect where the area corresponding to the user's swipe operation becomes a clear image, or it can display an animation effect where the entire blurred background image becomes a clear background image.

[0189] Furthermore, electronic devices can also determine the area corresponding to a clear image based on the user's swiping speed and / or the number of swipings.

[0190] For example, if an electronic device detects that the number of times a user swipes in area #1 exceeds a threshold, it determines that area #1 of the blurred background image becomes a clear image.

[0191] For example, if an electronic device detects that the user's swiping speed in area #1 exceeds a threshold, then it determines that area #1 of the blurred background image becomes a clear image.

[0192] Understandably, electronic devices respond to user swipe gestures, transforming blurry background images into clear ones. This simulates the scenario where the view outside a window becomes clearer after the user wipes it, aligning with the user's intuitive experience. This increases interaction between the user and the electronic device, enhancing the user experience.

[0193] In some embodiments, such as Figure 4 As shown in (d) and (e), after the electronic device eliminates all raindrops on the interface 401 in response to the user's swipe operation, it can re-display multiple raindrops on the interface 401, which still have an animated effect. These multiple raindrops can appear gradually or simultaneously.

[0194] In this embodiment, after the electronic device responds to the user's swipe operation to eliminate all raindrops on the interface 401, the animation effect of re-displaying raindrops on the interface 401 can simulate the scenario in real-life rainy weather where a user wipes all the raindrops off the glass and then raindrops fall on the glass again. This is consistent with the user's intuitive feeling, can increase the interaction between the user and the electronic device, and help improve the user experience.

[0195] Figure 5 Another set of GUIs provided in the embodiments of this application is shown.

[0196] like Figure 5 As shown in (a) and (b), the electronic device can display multiple raindrops on interface 501. The electronic device can detect a user's blowing action via a microphone, where the user's blowing action can be blowing into the display screen or blowing into the corresponding opening of the microphone. In response to the user's blowing action, the electronic device can disperse the raindrops on interface 501, and while dispersing the raindrops, the electronic device can display the flow trajectory of the raindrops (not shown in the figure).

[0197] In some embodiments, the electronic device, in response to a user's blowing action, can disperse all raindrops on interface 501, i.e. Figure 5 As shown in (a) and (b) in the figure.

[0198] In some embodiments, the electronic device may disperse some of the raindrops in the interface 501 in response to a user's blowing action.

[0199] For example, an electronic device can disperse smaller raindrops in response to a user's blowing action.

[0200] In this embodiment, the animation effect of raindrops on the user blowing operation interface 501 of the electronic device can simulate the scene of a user blowing raindrops on a glass in reality, which is in line with the user's intuitive feeling, can increase the interaction between the user and the electronic device, and help improve the user experience.

[0201] In some embodiments, in response to a user's blowing action, the electronic device may also display an animation effect of generating water mist on interface 501 (not shown in the figure) and retain the generated water mist on interface 501.

[0202] Furthermore, after the electronic device displays water mist on interface 501, it can respond again to the user's blowing operation and display an animation effect of the water mist dissipating.

[0203] Furthermore, after the electronic device displays water mist on interface 501, it can also respond to the user's swiping operation in the water mist area and display an animation effect to eliminate the water mist at the position where the user swipes.

[0204] In this embodiment, the electronic device displays animations of water mist generation and dissipation in response to the user's blowing action. This can simulate the real-life scenario of a user blowing air onto a glass to generate, disperse, and wipe away water mist, which aligns with the user's intuitive experience. This can increase the interaction between the user and the electronic device and help improve the user experience.

[0205] Figure 6 Another set of GUIs provided in the embodiments of this application is shown.

[0206] like Figure 6 As shown in (a), the electronic device can display multiple raindrops on interface 601, with raindrop #1 located at position #1. Raindrop #1 can flow along a flow path #1 to position #2. When the electronic device detects a user rotating the device, it can display as shown in (a). Figure 6 The GUI shown in (b) is shown in the image.

[0207] like Figure 6 As shown in (b), when the electronic device detects the user's operation of rotating the electronic device, in response to the operation, the electronic device can change the flow trajectory of raindrop #1 so that raindrop #1 can flow to position #3 according to flow trajectory #2.

[0208] It should be noted that, in Figure 6 In the examples (a) and (b) in the document, only the example of the electronic device #1 changing the flow trajectory of raindrop #1 is taken, but it should not be construed as a specific limitation on the embodiments of this application. The electronic device may also change the flow trajectory of other raindrops in interface 601.

[0209] It is understandable that since rotating an electronic device changes the gravitational acceleration experienced by the device, the user's operation of rotating the electronic device can also be described as the user's operation of changing the gravitational acceleration of the electronic device.

[0210] It is also understandable that electronic devices display things like... Figure 6 When using the GUI shown in (a), the movement trajectory of the raindrops in interface 601 can also be determined based on the offset angle and offset coefficient (or gravitational acceleration).

[0211] In this embodiment, the electronic device responds to the user's operation of rotating the electronic device, which can change the flow trajectory of the raindrops. The changed flow trajectory of the raindrops is related to the direction of rotation, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and help improve the user experience.

[0212] In some embodiments, Figures 3 to 6In the example shown, the size and / or number of raindrops in the interface can be user-defined. For example, users can set this in the theme settings interface. Please see the following text for details.

[0213] In some embodiments, Figures 3 to 6 In the example shown, the size and / or number of raindrops on the interface can be determined by the electronic device based on the real-time weather. For example, when the real-time weather is heavy rain, the raindrops on the interface are larger and more numerous, while when the real-time weather is light rain, the raindrops on the interface are smaller and fewer in number.

[0214] exist Figures 3 to 6 In the example shown, a raindrop falling on glass is used as a dynamic interface element. In other embodiments of this application, the dynamic interface element can be other things, such as a ball, snow, rain, etc.

[0215] It should be noted that the raindrops in this embodiment are not the same as rain. The animation effect for raindrops simulates raindrops falling on glass, while the animation effect for rain simulates a rainy scene. Similarly, the animation effect for snow simulates a snowy scene.

[0216] Figure 7 Another set of GUIs provided in the embodiments of this application is shown.

[0217] like Figure 7 In (a), the electronic device can display a rain animation effect on interface 701, where each rain line in interface 701 can be understood as a dynamic interface element. When the rain line in interface 701 moves to the lower boundary of interface 701, or the two rounded corners associated with the lower boundary, or the two boundaries of the left and right, the electronic device can display a splashing animation effect.

[0218] Understandably, since the display size of the electronic device with the left and right rounded corners associated with the lower boundary of interface 701 is related, the splashing animation effect produced by the rain line moving to the left and right rounded corners associated with the lower boundary can be different for different electronic devices.

[0219] It is also understandable that when an electronic device is rotated or folded, the bottom boundary of the interface can change, and consequently the two rounded corners on the left and right sides associated with the bottom boundary will also change.

[0220] like Figure 7As shown in (a) and (b), the electronic device can display a rain animation effect on interface 701, where each rain line in interface 701 can be understood as a dynamic interface element. When the electronic device detects that the user rotates the electronic device to the right, in response to the operation, the electronic device can change the falling trajectory of the rain line in interface 701, that is, the falling trajectory of the rain line tilts to the right.

[0221] like Figure 7 As shown in (b)-(d), because the trajectory of the raindrops slopes to the right, the electronic device can also display an animation effect of gradually accumulating water at the lower right rounded corner, meaning that the area of ​​the accumulated water can increase over time. The effect of the electronic device displaying the accumulated water and the increase in the area of ​​the accumulated water over time can be understood as the electronic device accumulating the raindrops falling in that area.

[0222] When electronic devices are in such a state Figure 7 When the state shown in (c) or (d) is detected, the user shaking the electronic device is detected, and in response to the operation, the electronic device can display an animation effect of the water gradually disappearing.

[0223] In some embodiments, the electronic device may also respond to a user's swipe gesture by displaying an animation effect that eliminates all water accumulation on the interface 701, wherein the swipe gesture is similar to... Figure 4 The sliding operations shown in (c) and (d) are characterized by a large pressing area and a long sliding distance.

[0224] In some embodiments, the electronic device can also change the animation effects of the accumulated water according to the real-time weather.

[0225] For example, when an electronic device detects an increase in the outside temperature, it can display an animation of water gradually disappearing.

[0226] For example, when an electronic device detects a drop in the outside temperature, it can display an animation of water gradually freezing into ice.

[0227] In some embodiments, when the electronic device detects a user pressing on a water-filled area, in response to the action, an animated ripple effect can be displayed on the water-filled area. For details in the GUI, please refer to the documentation for... Figure 9 Explanation.

[0228] It should be noted that, Figure 7 The example described uses the animation of water accumulation displayed when an electronic device is tilted, but this application does not specifically limit this; the electronic device can also be in other states such as... Figure 7 The animation effect of water accumulation is displayed when the electronic device is in the state shown in (a), for example, when the electronic device is in such a state. Figure 7When in the state shown in (a), the animation effect of water accumulation can be displayed at the lower boundary of interface 701 and at the two rounded corners associated with the lower boundary.

[0229] In some embodiments, the number of rain lines in the interface can be user-defined.

[0230] In some embodiments, the number of rain lines in the interface can be determined by the electronic device based on real-time weather. For example, when the real-time weather is heavy rain, there are more rain lines in the interface, and when the real-time weather is light rain, there are fewer rain lines in the interface.

[0231] In some embodiments, in addition to tilting the trajectory of the rain line in response to the user's rotation of the electronic device, the electronic device can also determine whether to tilt the trajectory of the rain line and the degree of tilt based on real-time wind conditions. For example, when the wind is strong, the electronic device can tilt the rain line with a greater degree of tilt; when the wind is weak, the electronic device can tilt the rain line with a smaller degree of tilt; and when the weather is calm, the electronic device may not tilt the rain line.

[0232] In some embodiments, the rate of water accumulation can be determined by electronic devices based on real-time weather conditions. For example, the water accumulates faster when the real-time weather is heavy rain and slower when the real-time weather is light rain.

[0233] In some embodiments, the electronic device may also determine the animation effect of the clouds in interface 701 based on real-time weather.

[0234] Understandably, when the animation effect of a dynamic interface element is snowing, electronic devices can also change the movement trajectory of snowflakes based on user actions and real-time weather, and can also display animation effects of accumulated snow.

[0235] Figure 8 This illustrates another set of GUIs provided in the embodiments of this application.

[0236] like Figure 8 As shown in (a) and (b), the electronic device can display a snowfall animation effect on interface 801, where each snowflake in interface 801 can be understood as a dynamic interface element. Over time, the electronic device can display a snow accumulation animation effect at the bottom boundary of interface 801 and at the left and right corners associated with the bottom boundary.

[0237] Understandably, since the display size of the electronic device with the left and right rounded corners associated with the lower boundary of interface 801 is related, the animation effect of snowflakes moving to the left and right rounded corners associated with the lower boundary to generate snow accumulation can be different for different electronic devices.

[0238] In some embodiments, when an electronic device detects a user shaking the device, it can display an animation of snow gradually disappearing in response to the action.

[0239] In some embodiments, the electronic device may also respond to a user's swipe gesture by displaying an animation effect that removes all snow from the interface 801, wherein the swipe gesture is similar to... Figure 4 The sliding operations shown in (c) and (d) are characterized by a large pressing area and a long sliding distance.

[0240] In some embodiments, the electronic device can also change the animation effect of snow accumulation according to real-time weather.

[0241] For example, when an electronic device detects an increase in the outside temperature, it can display an animation of snow gradually melting.

[0242] In some embodiments, when the electronic device detects a user pressing an area of ​​snow, in response to the action, an animation of snow removal can be displayed at the user's pressing location. For details on the GUI, please refer to [link to GUI documentation]. Figure 9 Explanation.

[0243] In some embodiments, when the electronic device detects a user sliding on a snow-covered area, in response to the action, an animation of snow removal can be displayed in the user's sliding area. For details on the GUI, please refer to [link to GUI documentation]. Figure 9 Explanation.

[0244] In some embodiments, the speed of snow accumulation can be determined by electronic devices based on real-time weather conditions. For example, when the real-time weather is heavy snow, the snow accumulation speed is faster, and when the real-time weather is light snow, the snow accumulation speed is slower.

[0245] The above example uses an electronic device with a non-foldable screen as an example for illustration, but the embodiments of this application do not specifically limit this, and the interaction method provided in the embodiments of this application can also be applied to foldable screen electronic devices.

[0246] Figure 9 Another set of GUIs is shown in the embodiments of this application.

[0247] like Figure 9 As shown in (a) and (b), the electronic device is a foldable screen device, which includes sub-display #1 and sub-display #2. The electronic device can display a snowfall animation effect on the foldable screen. Over time, the electronic device can gradually display a snow accumulation animation effect on sub-display #2. In other words, the area of ​​snow accumulation is continuously expanding.

[0248] In some embodiments, if the electronic device detects a rise in temperature, the area of ​​snow accumulation may continuously decrease.

[0249] For example, the folding angle of sub-display #1 and sub-display #2 is 90°.

[0250] like Figure 9 As shown in (b) and (c), the electronic device detects the user's sliding action in the snow-covered area and, in response to the action, can display an animation effect to remove the snow from the location where the user slid.

[0251] Understandably, if an electronic device detects a user pressing an area in the snow, it can respond to the action by displaying an animation that removes the snow from the area where the user pressed.

[0252] In some embodiments, the electronic device detects a user swiping the device, and in response to this action, can remove snow from the snow-covered area.

[0253] Figure 10 Another set of GUIs is shown in the embodiments of this application.

[0254] like Figure 10 As shown in (a) and (b), the electronic device is a foldable screen device, which includes sub-display #1 and sub-display #2. The electronic device can display a rain animation effect on the foldable screen. Over time, the electronic device can gradually display an animation effect of accumulating water on sub-display #2.

[0255] like Figure 10 As shown in (b) and (c), the electronic device detects the user's pressing action in the waterlogged area and, in response to the action, can display an animation effect that creates ripples.

[0256] In some embodiments, the electronic device detects a user swiping the electronic device, and in response to the swiping action, it can eliminate the water accumulation in the water accumulation area.

[0257] The above description exemplarily illustrates the dynamic theme involved in the interactive method provided in the embodiments of this application. The following description will introduce the GUI for selecting a dynamic theme.

[0258] Figure 11 Another set of GUIs provided in the embodiments of this application is shown.

[0259] like Figure 11 As shown in (a) of the diagram, the electronic device displays interface 1101, which is a theme setting interface. The electronic device can display multiple dynamic themes on interface 1101, such as an interactive raindrop theme 1102 and a weather theme 1103. The interactive raindrop theme can correspond to... Figures 3 to 6The GUI shown corresponds to weather theme 1103. Figures 7 to 10 The GUI shown is illustrated. When the electronic device detects a user tapping the interactive raindrop theme 1102, it can display the following in response to the action: Figure 11 The GUI shown in (b) is shown in the image.

[0260] like Figure 11 As shown in (b), in response to a user clicking on the interactive raindrop theme 1102, the electronic device can display interface 1104, which is the settings interface for the interactive raindrop theme. The user can select a background image for the interactive raindrop theme on interface 1104.

[0261] It should be noted that, in Figures 3 to 6 The GUI shown may also include a background image. Figures 3 to 6 (Not shown in the image), raindrops cover the background image.

[0262] In addition to choosing the background image provided by the electronic device, users can also customize the background image. For example, users can select any image from the gallery as the background image.

[0263] Continue to refer to Figure 11 In (b) of the diagram, the electronic device detects a user's click on the custom control 1105 and, in response to this action, can display something like... Figure 11 The GUI shown in (c) is shown in the image.

[0264] like Figure 11 As shown in (c), in response to a user clicking custom control 1105, the electronic device can display interface 1106, which is a custom interface. The electronic device detects a user clicking control 1107 and can display... Figure 11 The GUI shown in (d) is shown in the image.

[0265] like Figure 11 As shown in (d), in response to a user's click on control 1107, the electronic device can display interface 1108, which is a background image selection interface. The electronic device can display images from the gallery on interface 1108. When the electronic device detects that the user has selected image #1 in interface 1108, in response to this operation, it can use the user-selected image #1 as the background image.

[0266] In addition to customizing the background image in interface 1106, users can also adjust the density of rainwater (i.e., the number of raindrops present at the same time), the size of the raindrops, and whether to enable gravity sensing and pressure feedback.

[0267] like Figure 11As shown in (c) and (e), the electronic device can display adjustment controls for adjusting rain density, raindrop size, gravity sensing, and pressure feedback in response to the user's upward swipe operation.

[0268] Figure 12 Another set of GUIs provided in the embodiments of this application is shown.

[0269] like Figure 12 As shown in (a), the electronic device displays interface 1201, which is a theme setting interface. The electronic device can display multiple dynamic themes on interface 1201, such as weather theme 1202. When the electronic device detects a user clicking on weather theme 1202, in response to this action, it can display... Figure 12 The GUI shown in (b) is shown in the image.

[0270] like Figure 12 As shown in (b), in response to a user clicking on weather theme 1202, the electronic device can display interface 1203, which is the settings interface for the weather theme. The user can select the weather theme on interface 1203.

[0271] After the user selects the weather in interface 1203, the electronic device can display the corresponding weather animation effect on the desktop, lock screen, and other interfaces.

[0272] In some embodiments, the electronic device may determine the current weather and the corresponding animation effect before displaying the corresponding weather animation effect.

[0273] For example, if a user selects snowy weather, the electronic device can display a snowfall animation on the desktop, lock screen, and other interfaces when the current weather is confirmed to be snowy.

[0274] It should be noted that the above description of the weather uses rain lines and snowflakes as examples of dynamic interface elements, but should not be construed as a specific limitation on the embodiments of this application. For example, dynamic interface elements may also include clouds, the sun, etc., and the electronic device may adjust the above dynamic interface elements in real time according to the meteorological parameters of the weather.

[0275] In some embodiments, to ensure the smoothness of the animation effect, when the electronic device detects that the user has pressed the power button to trigger the always-on display (AOD), the electronic device can use the frame image corresponding to the currently displayed animation effect as the AOD wallpaper.

[0276] The interactive method provided in the embodiments of this application has been described in detail above with reference to the GUI. The internal implementation of the interactive method provided in the embodiments of this application will be described below.

[0277] The dynamic theme interface shown above can include multiple layers, such as a 2D control layer, an animation layer, and a wallpaper layer. The 2D control layer is used to arrange static interface elements such as the time and application icons. The animation layer is used to arrange dynamic interface elements, such as the raindrops mentioned above. The wallpaper layer is used to arrange the background image.

[0278] In some embodiments, the dynamic layer may also include multiple dynamic sublayers for implementing different animation effects, which will be referred to below. Figures 3 to 6 This article will use the raindrop animation effect in the image as an example to illustrate the concept.

[0279] Figure 13 A schematic diagram of layer blending provided in this application is shown.

[0280] like Figure 13 As shown, the electronic device uses a random generation algorithm to generate multiple particles, which are then rendered as raindrops and randomly distributed across dynamic sublayers #1, #2, and #3. For the raindrops in dynamic sublayers #1 and #2, a motion simulation algorithm is used to simulate the animation of raindrops falling onto and flowing on the glass. For the raindrops in dynamic sublayer #3, an evaporation simulation algorithm is used to simulate the animation of raindrops evaporating.

[0281] In some embodiments, during the simulation process described above, the electronic device may also collect touch data, weather data, data from sensors such as gyroscopes, and perform simulations based on this data to generate... Figures 3 to 6 The animation effects in the video.

[0282] After the electronic device completes the simulation, dynamic sublayers #1, #2, and #3 can be merged to generate a merged layer.

[0283] Electronic devices can overlay this blended layer, 2D control layer, and wallpaper layer to display the final interface.

[0284] The background image in the wallpaper layer can be a background image preset by the electronic device (i.e., the background image in the theme resource pack, including preset background images and pre-blurred backgrounds), or it can be a user-defined background image. The electronic device can blur the user-defined background image.

[0285] In some embodiments, the electronic device may blur the background image after determining it.

[0286] Understandably, this layer blending method allows users to customize background images, enabling them to choose their favorite images as the background of dynamic themes and enhancing the diversity of dynamic themes.

[0287] In some embodiments, the electronic device may also generate a mask layer based on the user's swiping action, which is used to mask the dynamic interface elements corresponding to the user's swiping action.

[0288] Figure 14 A schematic flowchart for processing the background image is shown.

[0289] like Figure 14 As shown, an electronic device can have one or more preset background images, which can be pre-set by the dynamic theme developer. The developer can blur these background images to generate one or more blurred background images, as well as one or more preview images. These images can be packaged into a resource bundle and pre-set in the dynamic theme application. The electronic device can display these one or more blurred background images and one or more preview images in the theme settings interface, allowing the user to select their preferred background image.

[0290] As mentioned above, users can also customize the background image when selecting a background image for a dynamic theme. The electronic device can access the gallery, display images from the gallery, and select an image in response to the user's choice. The electronic device can then render, blur, or create a preview of this image for display in the theme settings interface, allowing the user to choose it as the background image.

[0291] In this embodiment, the electronic device can randomly generate particles and render them into different dynamic interface elements. The electronic device can also calculate the trajectory of particles when they collide (i.e., move to the boundary of the interface). This embodiment does not specifically limit the method for generating particles; any particle generation algorithm and motion simulation algorithm can be used.

[0292] Figure 15 A schematic diagram of the algorithm provided in an embodiment of this application is shown.

[0293] like Figure 15 As shown, electronic devices can use compute shader kernel functions to implement particle generation, collision detection, collision response, and particle attribute updates.

[0294] When generating particles, the electronic device can generate cube particles and generate random numbers. The electronic device can then determine the emission position and direction of the cube particles based on these random numbers, that is, determine their position on the interface and their direction of movement.

[0295] In some embodiments, the electronic device may also initialize the properties of the cube particles, including but not limited to the reciprocal of mass, velocity, age, volume, and transparency.

[0296] When cube-shaped particles collide, the electronic device can generate cone-shaped particles based on random numbers. The electronic device can calculate the position and orientation of each cone-shaped particle and initialize its velocity, the reciprocal of its mass, age, and initial volume.

[0297] It is understandable that the electronic device can simulate the splashing animation effect of rain lines moving to the boundary of the interface by generating cone-shaped particles after the collision of cube particles. The specific animation effect can be determined by the electronic device based on the cone-shaped particles' speed, reciprocal of mass, age, and initial volume.

[0298] In some embodiments, when generating random numbers, the electronic device may generate random numbers based on time and drawing a linear identifier (ID).

[0299] Electronic devices can perform collision detection and response based on a signed distance field (SDF). This allows them to determine the collision point, normal, and reflection direction of a cubic particle during a collision, and then calculate the collision response.

[0300] When updating attributes, electronic devices may perform the following operations, including but not limited to: 1. Resetting the particle counter; 2. Releasing invalid threads and obtaining the index of surviving threads; 3. Updating the particle status based on user actions and actual weather conditions; 4. Adjusting the particle volume based on the particle's age and cosine function; 5. Detecting particle capacity and lifecycle to determine the particle's survival status.

[0301] In this embodiment of the application, the electronic device can attach the collider to the boundary of the interface, so that when dynamic interface elements such as rain lines and snowflakes move to the boundary of the interface, the blocking effect of the collider can produce animation effects such as snow accumulation, water accumulation, and splashing.

[0302] Figure 16 A schematic diagram of the collision frame provided in an embodiment of this application is shown.

[0303] Figure 16 The collision framework shown uses rain and snow collision as an example for illustration. Figure 16 As shown, the electronic device can generate an SDF image, and further generate an SDF file from the SDF image. This SDF file can be understood as a collider. The electronic device can then import the SDF file into a theme resource.

[0304] Electronic devices can also acquire display size information, including the display's height, width, and corner radius.

[0305] Electronic devices can import display size information and SDF resource information into weather themes.

[0306] The electronic device can adjust the size of the collider and determine its position based on the height, width, and corner radius of the display screen. For details, please refer to [link / reference needed]. Figure 17 .

[0307] Electronic devices can generate rain and snow particles using particle generation algorithms. After generating the rain and snow particles, the electronic device can acquire the particle's position information in real time to determine whether the particle is inside the SDF (Surface Deposition Function), i.e., whether it is inside the collider. When the electronic device determines that the particle is inside the collider, it can eliminate the colliding particle and send the collision information to a cone emitter. The cone emitter can then generate cone-shaped particles based on the collision information to simulate the animation effects of raindrop splashing, water accumulation, and snow accumulation.

[0308] Figure 17 A schematic diagram of the collider provided in an embodiment of this application is shown.

[0309] like Figure 17 As shown in the figure, the colliders generated by the electronic device include collider #1 attached to the lower left rounded corner, collider #2 attached to the lower right rounded corner, collider #3 attached to the left and right boundaries, and collider #4 attached to the lower boundary.

[0310] It should be noted that the above-mentioned positions of the collision bodies are merely examples and should not be construed as specific limitations on the embodiments of this application. For example, in some other embodiments, the electronic device may not be attached to the collision bodies at the left and right boundaries.

[0311] In some embodiments, when the electronic device is attached to the collider, it needs to determine the coordinates of the center point of the collider and can also adjust the collider according to the size information of the display screen.

[0312] The electronic device can determine the coordinates of the top left corner of the display screen: (x0, y0), and the coordinates of the bottom right corner: (x0, y0). w y h The height of the display screen is h, the width is w, and the radius of the rounded corners of the display screen is r. The height direction of the display screen is the y-direction, and the width direction is the x-direction.

[0313] In this embodiment, the width of collision body #3 and collision body #4 is denoted as l, which can be 0.01. The radius of the rounded corner of collision body #1 is denoted as R, the width of collision body #1 is denoted as L, and the offset of collision body #1 from the horizontal coordinate of the upper left corner of the display screen is denoted as d. R can be obtained by formula (1), L can be obtained by formula (2), and d can be obtained by formula (3).

[0314]

[0315] It is understandable that R, L, and d obtained by formulas (1)-(3) can be reused in collider #2.

[0316] When collider #3 is attached to the left boundary, the electronic device determines the coordinates of the center point of the collider as (x0-l, y0-(y0-y)). h ()*0.875+R).

[0317] When collider #3 is attached to the right boundary, the electronic device determines the coordinates of the center point of the collider as (x... w +l,y0-(y0-y h ()*0.875+R).

[0318] When collider #4 is attached to the lower boundary, the electronic device determines the coordinates of the center point of the collider as ((x0+x)). w )*0.5, y h -0.01).

[0319] When collider #1 is attached to the lower left rounded corner, the electronic device determines the coordinates of the center point of the collider as (x0+d, y0+d). h +d).

[0320] When collider #2 is attached to the lower right rounded corner, the electronic device determines the coordinates of the center point of the collider as (x... w -d,y h +d).

[0321] It is understood that since the size and position of the colliding body in the embodiments of this application are determined according to the size of the display screen, the animation effects of splashing, water accumulation, and snow accumulation when rain and snow fall can be different for different display screens.

[0322] Figure 18 A schematic diagram of the system architecture provided in an embodiment of this application is shown.

[0323] like Figure 18 As shown, the dynamic topic provided in this application embodiment can be located in Figure 2The application layer of the dynamic theme includes a theme engine, an editor, and an interactive weather dynamic scripting language (DSL) description. The editor is used to edit user-defined background images. The editor also includes preset background images and fluid styles, which are adjustable and include fluid density (e.g., the number of raindrops) and fluid size (e.g., the size of raindrops). The interactive weather DSL description includes preset background images, animation effect definitions, and shader resources. The theme engine includes 3D components and rendering components. The theme engine can adapt data in the editor through 3D components and parse the interactive weather DSL description.

[0324] The rendering component can perform procedural rendering based on the adaptation and parsing results of the 3D component.

[0325] The rendering component can also acquire touch data, data detected by an inertial measurement unit (IMU) (which can be a gyroscope), and perform procedural rendering based on the above data.

[0326] In some embodiments, a dynamic theme may also include a wallpaper scene manager and a user interface extension. The wallpaper scene manager is used to manage the weather scenes (e.g., rain, snow) depicted by the dynamic theme, and the user interface extension is used to embed the interface into other applications.

[0327] Electronic devices can send data generated by dynamic themes to a rendering service, which can then render the data to display the desired content. Figures 3 to 10 The animation effect shown.

[0328] Figure 19 This illustration shows a schematic flowchart of an interaction method provided in an embodiment of this application. This method can be executed by an electronic device or by a component of the electronic device (e.g., a processor, chip system, etc.). The following description uses an electronic device as the executing entity. Figure 19 As shown, the method includes:

[0329] S1901, Display the animation effects of N dynamic interface elements on the first interface, where N≥1 and is an integer, and the first interface is a desktop, lock screen, or always-on screen.

[0330] For example, such as Figure 3 As shown in (a) and (b), the electronic device can display dynamic raindrops on interface 301.

[0331] In some embodiments, the N dynamic interface elements include a fifth interface element. S1901, the animation effects of the N dynamic interface elements are displayed on the first interface, including:

[0332] As the fifth interface element moves, the animation effect of the fifth interface element changing from the third shape to the fourth shape is displayed, and the fourth shape is smaller than the third shape.

[0333] For example, with Figure 3 Taking the raindrop dynamic interface element shown as an example, Figure 3 As the raindrops flow, the electronic device can display an animation effect of some raindrops gradually becoming smaller, meaning the shape of the raindrops changes and gets smaller and smaller.

[0334] In some embodiments, S1901, displaying animation effects for N dynamic interface elements on the first interface includes:

[0335] Displays an animation effect where at least some of the N dynamic UI elements change shape and gradually shrink until they disappear.

[0336] For example, such as Figure 3 As shown in (a) and (b), over time, raindrop #2 gradually shrinks until it disappears from interface 301.

[0337] It should be noted that when an electronic device displays an animation effect in which the shape of at least some dynamic interface elements changes and gradually shrinks until they disappear, it can be understood that the electronic device sets at least some dynamic interface elements to not be displayed on the interface.

[0338] In some embodiments, S1901, displaying animation effects for N dynamic interface elements on the first interface includes:

[0339] An animation effect in which at least some of the N dynamic interface elements are moved, and at least some of the dynamic interface elements are merged into a sixth dynamic interface element.

[0340] For example, with Figure 3 Taking the raindrop dynamic interface element shown as an example, Figure 3 As the raindrops flow, the electronic device can display an animation effect where some raindrops merge into one.

[0341] In some embodiments, the speed and / or shape of the sixth dynamic interface element are different from those of the minority dynamic interface elements.

[0342] In some embodiments, the movement trajectory of at least some of the N dynamic interface elements is determined based on the deflection direction and deflection coefficient.

[0343] Specifically, the electronic device can acquire the deflection direction and deflection coefficient collected by the IMU, and then determine whether the electronic device is tilted and the degree of tilt based on the deflection direction and deflection coefficient, thereby determining the movement trajectory of at least some of the N dynamic interface elements.

[0344] S1902, in response to the user's first operation, the animation effects of M dynamic interface elements out of N dynamic interface elements are changed according to the first operation and the first position, where 1≤M≤N and M is an integer, and the first position is associated with the first operation. In this embodiment, the electronic device can change the animation effects of some dynamic interface elements according to the user's operation and the position corresponding to the user's operation, which can increase the interaction between the electronic device and the user and help improve the user experience.

[0345] In some embodiments, the N dynamic interface elements include a first dynamic interface element, the shape of which is a first shape, and the first operation is pressing the first dynamic interface element. S1902, in response to the user's first operation, the animation effects of M of the N dynamic interface elements are changed according to the first operation and the first position, including:

[0346] In response to the first operation, an animation effect is displayed that changes the shape of the first dynamic interface element from the first shape to the second shape, based on the first operation and the first position.

[0347] For example, such as Figure 3 As shown in (c) and (d), the electronic device can display raindrop #1 at position #1 of interface 301. When the electronic device detects a user pressing raindrop #1, in response to the pressing operation, the shape of raindrop #1 can be changed, that is, the shape of raindrop #1 displayed by the electronic device changes from [previous position] to [new position]. Figure 3 The shape shown in (c) becomes Figure 3 The animation effect of the shape shown in (d) in the figure.

[0348] exist Figure 3 In the examples shown in (c) and (d), when the user presses on raindrop #1, the shape of raindrop #1 changes, i.e., from a first shape (such as...) Figure 3 The teardrop shape shown in (c) was changed to a second shape (such as...). Figure 3 (as shown in (d)). However, this application is not limited to this embodiment. In some other embodiments of this application, when the user presses the raindrop, the electronic device can also display an animation effect of a raindrop being divided into multiple sub-raindrops. This animation effect can also be understood as the shape of the raindrop changing, that is, the first shape is still as shown in (d). Figure 3 The teardrop shape shown in (c) is the second shape, which is the shape corresponding to multiple sub-droplets.

[0349] In some embodiments, the second shape corresponds to the shape of a plurality of dynamic interface sub-elements.

[0350] In some embodiments, after displaying the shape of the first dynamic interface element according to the first operation, and after an animation effect showing the shape changing from the first shape to the second shape, the method further includes:

[0351] The first dynamic interface element is displayed, and an animation effect shows the shape changing from the second shape to the first shape.

[0352] For example, with Figure 3 Taking the GUI shown as an example, after the electronic device displays the shape of raindrop #1 changing from shape #1 to shape #2, it can also display an animation effect of raindrop #1 changing from shape #2 back to shape #1.

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

[0354] The first dynamic interface element moves from the first position to the second position in a second shape.

[0355] For example, with Figure 3 Taking the GUI shown as an example, a water droplet in interface 301 can move from a first position to a second position in the form of multiple sub-droplets. As these multiple sub-droplets move from the first position to the second position, the electronic device can display an animation effect of merging these multiple sub-droplets into a single water droplet.

[0356] In some embodiments, when the first dynamic interface element moves from the first position to the second position in a second shape, the moving speed of the first dynamic interface element is a first speed. After the first dynamic interface element moves from the first position to the second position in a second shape, the method further includes:

[0357] The animation shows the first dynamic interface moving to the third position at a second speed.

[0358] For example, with Figure 3 Taking the GUI shown as an example, the flow speed of the multiple sub-droplets is the first speed. When the multiple sub-droplets merge into one droplet, the merged droplet can continue to flow at the second speed.

[0359] In some embodiments, the second speed is greater than the first speed.

[0360] In some embodiments, the N dynamic interface elements include a second dynamic interface element, the movement trajectory of the second dynamic interface element is a first movement trajectory, and the first position is a position on the first movement trajectory. The step of responding to a user's first operation and changing the animation effects of M dynamic interface elements of the N dynamic interface elements according to the first operation and the first position includes:

[0361] In response to the first operation, when it is detected that the second dynamic interface element has moved to the first position, the movement trajectory of the second dynamic interface element is changed to the second movement trajectory.

[0362] The animation effects of the second dynamic interface elements are displayed based on the second movement trajectory.

[0363] For example, such as Figure 3 As shown in (e)-(g), the electronic device detects the user's press on position #3, which is located on the flow path of raindrop #1, and the electronic device can display an animation effect showing the change in the flow path of raindrop #1.

[0364] In some embodiments, the electronic device determines the coordinates of a first position, which is the center of a first virtual circle. The electronic device may also determine the tangent direction of the contact position between the first virtual circle and the second dynamic interface element. The electronic device can determine a second movement trajectory and / or the shape of the second dynamic interface element at the first position based on the tangent direction, the shape of the second dynamic interface element, and the speed of the second dynamic interface element.

[0365] In some embodiments, the second dynamic interface element corresponds to multiple dynamic interface elements, the multiple dynamic interface sub-elements including a third dynamic interface element and a fourth dynamic interface element, the second movement trajectory corresponds to multiple movement trajectories, the multiple movement trajectories including a third movement trajectory and a fourth movement sub-trajectory, and the animation effect of displaying the second dynamic interface element according to the second movement trajectory includes:

[0366] The animation effects of the third dynamic interface elements are displayed based on the third movement trajectory;

[0367] The animation effect of the fourth dynamic interface element is displayed based on the fourth movement trajectory.

[0368] For example, such as Figure 3 As shown in (e), (f), and (h), the electronic device detects the user's operation of pressing position #3, which is located on the flow trajectory of raindrop #1. The electronic device can display an animation effect of raindrop #1 splitting into two new raindrops, which can flow according to their respective flow trajectories.

[0369] In some embodiments, displaying animation effects of a third dynamic interface element based on a third movement trajectory includes:

[0370] The animation effects of the third dynamic interface elements are displayed based on the third movement trajectory and the third speed.

[0371] In some embodiments, displaying animation effects of a fourth dynamic interface element according to a fourth movement trajectory includes:

[0372] The animation effects of the fourth dynamic interface element are displayed based on the fourth movement trajectory and the fourth speed.

[0373] For example, such as Figure 3 As shown in (e), (f), and (h), the electronic device detects the user's operation of pressing position #3, which is located on the flow trajectory of raindrop #1. The electronic device can display an animation effect of raindrop #1 splitting into two new raindrops, which can flow according to their respective flow trajectories, and the two new raindrops can flow at their respective speeds.

[0374] In some embodiments, the third speed and the fourth speed are the same.

[0375] In some embodiments, the third speed and the fourth speed are not the same.

[0376] In some embodiments, the shape of the third dynamic interface element is different from the shape of the fourth dynamic interface element.

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

[0378] When the third dynamic interface element and the fourth dynamic interface element move to the position where the third movement trajectory and the fourth movement trajectory overlap, an animation effect of merging the third dynamic interface element and the fourth dynamic interface element is displayed.

[0379] For example, with Figure 3 Taking the GUI shown as an example, when a water droplet in interface 301 is divided into multiple sub-droplets, the multiple sub-droplets can continue to flow. The flow trajectories of the multiple sub-droplets can have overlapping positions. When the multiple sub-droplets meet at the overlapping positions, the electronic device can display an animation effect of merging the multiple sub-droplets.

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

[0381] The first blurred background image is displayed on the first interface;

[0382] In response to the user's swipe gesture, an animation effect is displayed where the first blurred background image transforms into a clear image.

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

[0384] The first region is determined based on the first sliding operation;

[0385] The animation effect of displaying a first blurred background image turning into a clear image includes: an animation effect of displaying a first area of ​​the first blurred background image turning into a clear image.

[0386] In some embodiments, a first blurred background image is located in a first layer, and N dynamic interface elements are located in a second layer, wherein the first layer and the second layer are different.

[0387] In some embodiments, the second layer is located above the first layer.

[0388] In some embodiments, the method includes:

[0389] In response to the user's second action, the animation effects of N dynamic interface elements are displayed on the first interface, and the animation effects of stacked dynamic interface elements are displayed on the second interface.

[0390] In some embodiments, the second operation is a folding operation.

[0391] For example, such as Figure 9 As shown, the electronic device can display a snowfall animation on sub-display #1 and a gradual snow accumulation animation on sub-display #2. Specifically, when the electronic device is not folded, the animation displayed can be as follows: Figure 8 As shown. When the electronic device is not folded, both sub-display #1 and sub-display #2 are used to display the first interface. When the electronic device is folded, sub-display #1 is used to display the first interface, and sub-display #2 is used to display the second interface.

[0392] In some embodiments, displaying an animation effect of stacked dynamic interface elements on the second interface includes:

[0393] The animation effect of stacked dynamic interface elements is displayed in the second area of ​​the second interface.

[0394] For example, such as Figure 9 As shown, the electronic device can display an animated snow effect in a portion of the sub-display #2.

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

[0396] The second region is determined based on time.

[0397] The second region of the second interface in this embodiment can change according to time.

[0398] For example, such as Figure 9 As shown, the snow-covered area can increase over time; that is, the second area increases over time.

[0399] For example, the second region shrinks over time.

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

[0401] In response to the user's second swipe, display an animation effect to eliminate the dynamic interface element corresponding to the second swipe.

[0402] For example, such as Figure 9 As shown, the electronic device detects the user's swipe operation and can display an animation effect to clear the snow corresponding to the swipe operation. In some embodiments, the method further includes:

[0403] In response to the user's third action, display an animation effect that eliminates the dynamic interface elements in the second area.

[0404] In some embodiments, the third operation is the operation of shaking the electronic device.

[0405] It should be noted that the animation effect of eliminating dynamic interface elements displayed by the electronic device in the embodiments of this application can be understood as not displaying dynamic interface elements, that is, the dynamic interface elements corresponding to the elimination animation effect have different display modes than other dynamic interface elements.

[0406] The interactive methods provided in the embodiments of this application have been described in detail above. In the various embodiments of this application, unless otherwise specified or in case of logical conflict, the terminology and / or descriptions between the various embodiments are consistent and can be referenced by each other. Technical features in different embodiments can be combined to form new embodiments according to their inherent logical relationships.

[0407] The foregoing primarily describes the interaction methods provided in the embodiments of this application from the perspective of an electronic device. It is understood that, in order to achieve the above functions, the electronic device includes corresponding hardware structures and / or software modules for executing each function. Those skilled in the art should readily recognize that, based on the algorithm steps of the examples described in conjunction with the embodiments disclosed herein, this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed in hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0408] This application provides a computer program product that, when run on an electronic device, causes the electronic device to execute the technical solutions described in the above embodiments. Its implementation principle and technical effects are similar to those of the related embodiments described above, and will not be repeated here.

[0409] This application provides a readable storage medium containing instructions that, when executed by an electronic device, cause the electronic device to perform the technical solution described in the above embodiments. The implementation principle and technical effects are similar and will not be repeated here.

[0410] This application provides a chip for executing instructions. When the chip is running, it executes the technical solutions described in the above embodiments. Its implementation principle and technical effects are similar and will not be repeated here.

[0411] 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 the embodiments of this application.

[0412] Those skilled in the art will clearly 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.

[0413] 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. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

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

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

[0416] 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 solutions of the embodiments of this application, essentially, or the parts that contribute to the prior art, or parts of the technical solutions, can be embodied in the form of software products. These computer software products are stored in a storage medium and include 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 (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0417] The above description is merely a specific implementation of the embodiments of this application, but the protection scope of the embodiments 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 the embodiments of this application should be included within the protection scope of the embodiments of this application. Therefore, the protection scope of the embodiments of this application should be determined by the protection scope of the claims.

Claims

1. An interactive method, characterized in that, The method includes: The animation effects of N dynamic interface elements are displayed on the first interface, where N≥1 and is an integer, and the first interface is the desktop, lock screen, or always-on screen. In response to a user's first operation, the animation effects of M of the N dynamic interface elements are changed according to the first operation and the first position, where 1≤M≤N and M is an integer, and the first position is associated with the first operation.

2. The method according to claim 1, characterized in that, The N dynamic interface elements include a first dynamic interface element, the first dynamic interface element having a first shape, the first operation being pressing the first dynamic interface element, and the step of responding to the user's first operation by changing the animation effects of M dynamic interface elements of the N dynamic interface elements according to the first operation, including: In response to the first operation, an animation effect is displayed that changes the shape of the first dynamic interface element from the first shape to the second shape, based on the first operation and the first position.

3. The method according to claim 2, characterized in that, The second shape corresponds to the shape of multiple dynamic interface elements.

4. The method according to claim 2 or 3, characterized in that, After displaying the shape of the first dynamic interface element according to the first operation, and after an animation effect showing the shape changing from the first shape to the second shape, the method further includes: The animation effect shows the first dynamic interface element changing from the second shape to the first shape.

5. The method according to claim 4, characterized in that, The method further includes: The first dynamic interface element moves from the first position to the second position in the second shape.

6. The method according to claim 5, characterized in that, When the first dynamic interface element moves from the first position to the second position in the second shape, the moving speed of the first dynamic interface element is a first speed. After the first dynamic interface element moves from the first position to the second position in the second shape, the method further includes: The animation effect shows the first dynamic interface element moving to the third position at the second speed.

7. The method according to claim 6, characterized in that, The second speed is greater than the first speed.

8. The method according to claim 1, characterized in that, The N dynamic interface elements include a second dynamic interface element, the movement trajectory of the second dynamic interface element is a first movement trajectory, and the first position is a position on the first movement trajectory. The step of responding to a user's first operation and changing the animation effects of M dynamic interface elements of the N dynamic interface elements according to the first operation and the first position includes: In response to the first operation, when it is detected that the second dynamic interface element has moved to the first position, the movement trajectory of the second dynamic interface element is changed to the second movement trajectory; The animation effect of the second dynamic interface element is displayed according to the second movement trajectory.

9. The method according to claim 8, characterized in that, The second dynamic interface element corresponds to multiple dynamic interface elements, including a third dynamic interface element and a fourth dynamic interface element. The second movement trajectory corresponds to multiple movement trajectories, including a third movement trajectory and a fourth movement trajectory. The step of displaying the animation effect of the second dynamic interface element according to the second movement trajectory includes: The animation effect of the third dynamic interface element is displayed according to the third movement trajectory; The animation effect of the fourth dynamic interface element is displayed according to the fourth movement trajectory.

10. The method according to claim 9, characterized in that, The animation effect of displaying the third dynamic interface element according to the third movement trajectory includes: The animation effects of the third dynamic interface elements are displayed based on the third movement trajectory and the third speed; The animation effect of displaying the fourth dynamic interface element according to the fourth movement trajectory includes: The animation effect of the fourth dynamic interface element is displayed based on the fourth movement trajectory and the fourth speed.

11. The method according to claim 10, characterized in that, The third speed and the fourth speed are different.

12. The method according to any one of claims 9 to 11, characterized in that, The shape of the third dynamic interface element is different from the shape of the fourth dynamic interface element.

13. The method according to any one of claims 9 to 11, characterized in that, The method further includes: When the third dynamic interface element and the fourth dynamic interface element move to the position where the third movement trajectory and the fourth movement trajectory coincide, an animation effect of merging the third dynamic interface element and the fourth dynamic interface element is displayed.

14. The method according to any one of claims 1 to 13, characterized in that, The N dynamic interface elements include a fifth interface element, and the animation effect of displaying the N dynamic interface elements on the first interface includes: During the movement of the fifth interface element, an animation effect is displayed where the fifth interface element changes from a third shape to a fourth shape, and the fourth shape is smaller than the third shape.

15. The method according to any one of claims 1 to 13, characterized in that, The animation effects for displaying N dynamic interface elements on the first interface include: Displays an animation effect in which the shape of at least some of the N dynamic interface elements changes and gradually shrinks until it disappears.

16. The method according to any one of claims 1 to 13, characterized in that, The animation effects for displaying N dynamic interface elements on the first interface include: An animation effect showing at least some of the N dynamic interface elements merging into a sixth dynamic interface element during the movement of these elements.

17. The method according to claim 16, characterized in that, The speed and / or shape of the sixth dynamic interface element are different from those of the at least some of the dynamic interface elements.

18. The method according to any one of claims 1 to 17, characterized in that, The movement trajectory of at least some of the N dynamic interface elements is determined based on the deflection direction and deflection coefficient.

19. The method according to any one of claims 1 to 18, characterized in that, The method further includes: The first blurred background image is displayed on the first interface; In response to the user's swipe gesture, an animation effect is displayed where the first blurred background image transforms into a clear image.

20. The method according to claim 19, characterized in that, The method further includes: Based on the first sliding operation, the first region is determined; The animation effect that displays the first blurred background image becoming a clear image includes: An animation effect is displayed where the first region of the first blurred background image becomes the clear image.

21. The method according to claim 19 or 20, characterized in that, The first blurred background image is located in the first layer, and the N dynamic interface elements are located in the second layer. The first layer and the second layer are different.

22. The method according to any one of claims 1 to 21, characterized in that, The method includes: In response to the user's second action, the animation effects of N dynamic interface elements are displayed on the first interface, and the animation effects of stacked dynamic interface elements are displayed on the second interface.

23. The method according to claim 22, characterized in that, The animation effect of displaying stacked dynamic interface elements on the second interface includes: Animation effects of stacked dynamic interface elements are displayed in the second area of ​​the second interface.

24. The method according to claim 23, characterized in that, The method further includes: The second region is determined based on time.

25. The method according to any one of claims 22 to 24, characterized in that, The method further includes: In response to the user's second swipe, display an animation effect to eliminate the dynamic interface element corresponding to the second swipe.

26. The method according to any one of claims 22 to 25, characterized in that, The method further includes: In response to a third user action, an animation effect is displayed to eliminate the dynamic interface elements in the second area.

27. The method according to any one of claims 22 to 26, characterized in that, The second operation is a folding operation.

28. An electronic device, characterized in that, It includes one or more processors; one or more memories; said one or more memories storing one or more computer programs, said one or more computer programs including instructions that, when executed by said one or more processors, cause the method of any one of claims 1 to 27 to be performed.

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

30. 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 to 27 is executed.

31. A computer program product, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1 to 27.

Images