Animation processing method and device, electronic equipment and storage medium

Abstract

The invention provides an animation processing method and device, electronic equipment and a storage medium. The method comprises the following steps: in response to a first trigger operation for at least one animation component in a component editing page, determining a target animation component corresponding to the first trigger operation; in response to a second trigger operation for the target animation component, determining an animation file corresponding to the second trigger operation; displaying an animation editing page, displaying a target animation component in the animation editing page, and displaying a first animation corresponding to the animation file in the target animation component; and in response to an editing operation for the first animation, obtaining a second animation corresponding to the editing operation. According to the technical scheme, automatic display of the first animation can be achieved through the steps of selection of the animation component, loading of the animation file and the like, excessive processing such as manual execution of page coding and the like is not needed, and the generation efficiency of the animation can be improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to an animation processing method, device, electronic device and storage medium. Background Art

[0002] Animation page may refer to a web (World Wide Web) page used to play animation. In order to achieve normal playback of animation, UI (User Interface) designers are generally required to use graphic video processing software to design animation description documents according to the needs of product managers. Animation description documents may also be called animation files. Animation description documents may include animation annotations, cut-outs, material files and other files. Front-end development engineers can write animation pages and develop codes based on the animation description documents so that the animation pages can display and play animations normally.

[0003] After the front-end development engineer develops the animation according to the animation specification document, it is generally necessary to test, package and launch the animation. In other words, the animation generally needs to go through multiple steps such as design documents, page development, test verification, packaging and packaging, and release and launch.

[0004] As can be seen from the above description, the generation and display of animations requires a lot of page development work, and the content is very cumbersome, resulting in low animation processing efficiency. Summary of the invention

[0005] The present application provides an animation processing method, device, electronic device and storage medium, which can improve the development efficiency of animation pages.

[0006] In a first aspect, the present application provides an animation processing method, comprising:

[0007] In response to a first trigger operation on at least one animation component in a component editing page, determining a target animation component corresponding to the first trigger operation;

[0008] In response to a second trigger operation on the target animation component, determining an animation file corresponding to the second trigger operation;

[0009] Displaying an animation editing page, wherein the target animation component is displayed in the animation editing page, and the first animation corresponding to the animation file is displayed in the target animation component;

[0010] In response to an editing operation on the first animation, a second animation corresponding to the editing operation is obtained.

[0011] In a second aspect, the present application provides an animation processing device, comprising:

[0012] A first response unit, configured to respond to a first trigger operation on at least one animation component in a component editing page and determine a target animation component corresponding to the first trigger operation;

[0013] A second response unit, configured to respond to a second trigger operation on the target animation component and determine an animation file corresponding to the second trigger operation;

[0014] A page display unit, used for displaying an animation editing page, wherein the target animation component is displayed in the animation editing page, and the first animation corresponding to the animation file is displayed in the target animation component;

[0015] The animation editing unit is used to obtain a second animation corresponding to the editing operation in response to the editing operation on the first animation.

[0016] In a third aspect, the present application provides an electronic device, comprising: a processor, and a memory communicatively connected to the processor;

[0017] The memory stores computer-executable instructions;

[0018] The processor executes the computer-executable instructions stored in the memory to implement the animation processing method as shown in the first aspect or various possibilities of the first aspect.

[0019] In a fourth aspect, the present application provides a computer-readable storage medium, in which computer-executable instructions are stored. When the computer-executable instructions are executed by a processor, they are used to implement the animation processing method as shown in the first aspect or various possibilities of the first aspect.

[0020] The technical solution provided by the present application provides at least one animation component in the component editing page. By executing a first trigger operation from at least one animation component in the component editing page, the target animation component corresponding to the first trigger operation can be obtained, thereby realizing the selection of the target animation component. After determining the target animation component, the animation file corresponding to the second trigger operation can be obtained in response to the second trigger operation performed on the target animation component, and the association between the animation file and the target animation component can be established, and then the animation editing page can be displayed. The target animation component is displayed in the animation editing page, and the first animation corresponding to the animation file is displayed in the target animation component. Therefore, the first animation can be quickly displayed through simple steps such as dragging the animation component and selecting the animation file. Afterwards, the second animation corresponding to the editing operation can be obtained in response to the editing operation on the first animation, and the second animation can be edited in real time, thereby quickly completing the generation and editing of the animation and other operations, without the need to manually perform too much animation page development work, and the acquisition and editing efficiency of the animation can be improved. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0022] Figure 1 An example diagram of an animation processing system provided in an embodiment of the present application;

[0023] Figure 2 A flowchart of an embodiment of an animation processing method provided in an embodiment of the present application;

[0024] Figure 3 An example diagram of a component editing page provided in an embodiment of the present application;

[0025] Figure 4 An example diagram of selecting an animation file provided in an embodiment of the present application;

[0026] Figure 5 An example diagram of an animation editing page provided in an embodiment of the present application;

[0027] Figure 6 An example diagram of an animation processing method provided in an embodiment of the present application;

[0028] Figure 7 A schematic diagram of the structure of an embodiment of an animation processing device provided in an embodiment of the present application;

[0029] Figure 8 The hardware structure block diagram of an electronic device shown in an embodiment of the present application.

[0030] The above drawings have shown clear embodiments of the present application, which will be described in more detail later. These drawings and text descriptions are not intended to limit the scope of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

[0031] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present application. Instead, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0032] The technical solution disclosed in the present invention can be applied to animation processing scenarios. By pre-establishing animation components, after obtaining the animation file, the display of the animation corresponding to the animation file is directly triggered by the animation component, and an additional animation editing function is provided, which effectively improves the efficiency of animation display and modification.

[0033] In the related art, an animation page may refer to a web page that can play animations. Usually, in order to obtain the animation page, the product manager is generally required to design the animation as needed, and the UI designer uses the graphic video processing software to generate the animation file according to the animation page designed by the product manager. The animation file may also be referred to as an animation description document, which may specifically include animation annotations, cut pictures, material files and other files. The front-end development engineer can write the animation page and develop the code according to the animation description document. For the animation page obtained through development, it is also necessary to perform testing, packaging and online steps, which results in a low actual generation efficiency of the animation page, and a large amount of labor costs are required to generate each animation page.

[0034] In order to solve the above technical problems, in the technical solution disclosed in the present invention, an animation component is obtained by pre-coding. The animation component may refer to a pre-written plug-in that can be used to directly parse the animation file to obtain the corresponding animation. Thus, the component selection and the upload of the animation file are performed through user interaction to trigger the display of the animation editing page. The animation editing page may include several animation components. Under the triggering of the first trigger operation, the corresponding target animation component can be obtained. After that, the second trigger operation can be performed on the target animation component to obtain the animation file corresponding to the second trigger operation, and then the animation editing page can be displayed. The first animation corresponding to the animation file can be displayed in the target animation component of the animation editing page. The automatic display of the first animation can be achieved through the steps of selecting the animation component and loading the animation file, without the need to manually perform excessive page coding and other processing, which can improve the animation generation efficiency.

[0035] The technical solution of the present application and how the technical solution of the present application solves the above-mentioned technical problems are described in detail below with specific embodiments. The following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below in conjunction with the accompanying drawings.

[0036] The animation processing method provided in the present application can be executed by an electronic device, which can be a terminal or a server, wherein the terminal can include a mobile phone, a notebook device, an intelligent interactive device, an intelligent wearable device, and a vehicle-mounted terminal, etc., and the server can be an independent physical server, a server cluster composed of multiple servers, or a cloud server capable of cloud computing.

[0037] like Figure 1 FIG. 1 is an example diagram of an animation processing system provided by an embodiment of the present application. Figure 1 The animation processing system shown may include a server 10, a user terminal 20, and a terminal device 30 of a component developer.

[0038] The server 10 may obtain at least one animation component sent by the component developer 30. The user terminal 20 may obtain at least one animation component provided by the server 10.

[0039] In one possible design, the terminal device 30 may be a generation client for the animation component. For example, the terminal device 30 may obtain the animation component provided by the component developer in response to a generation operation triggered by the component developer.

[0040] The user terminal 20 can be configured with the animation processing method disclosed in the present invention, and the selection of animation components and the upload of animation files can be realized by interacting with the user, which can trigger the display of the animation editing page, and the animation editing page can include a target animation component, and the target animation component can display the first animation corresponding to the animation file. In addition, the first animation can be edited to obtain the second animation corresponding to the editing operation, so that the animation editing can be completed through simple editing. Through simple user interaction, the automatic generation and editing of animations can be realized, which improves the efficiency of animation processing.

[0041] like Figure 2 FIG. 1 is a flowchart of an embodiment of an animation processing method provided by an embodiment of the present application. The animation processing method can be configured as an animation processing device, and the animation processing device can be located in a user terminal, and the user terminal can interact with the user. The animation processing method may include the following steps:

[0042] 201. In response to a first trigger operation performed on at least one animation component in a component editing page, obtain a target animation component corresponding to the first trigger operation.

[0043] Optionally, the animation component refers to a pre-written plug-in, and the animation component can parse the animation file to obtain the corresponding animation.

[0044] Optionally, the component editing page may refer to a web page for editing an animation component.

[0045] Specifically, an animation component may refer to a plug-in pre-written according to a corresponding component type. The component types of at least one animation component may be different. For example, an animation component may include one or more components such as a rich text component, a carousel component, a questionnaire component, a text component, an icon navigation component, a button component, a single image component, a video component, a hotspot component, a floor container, etc. Different components are used to carry different types of animations. An animation frame may refer to an image frame in an animation video.

[0046] Among them, animation can refer to multimedia content used to display special effect videos, copywriting, images, videos or rich text and other contents.

[0047] For example, the animation component may specifically refer to a lottie.js plug-in written in Lowcode, which can parse and support the playback of animations corresponding to animation files generated by AE.

[0048] For ease of understanding, Figure 3 An example diagram of a component editing page provided in an embodiment of the present application. The component editing page 300 may include a component list 301 of at least one animation component. The at least one animation component is, for example, animation component 1, animation component 2, animation component 3, and animation component N, where N is a positive integer greater than or equal to 1.

[0049] Optionally, in response to a trigger operation performed on at least one animation component in the component editing page, obtaining a target animation component may include: in response to a drag operation performed on the target animation component, obtaining a target animation component corresponding to the drag operation. Or, in response to a click operation performed on the target animation component, obtaining a target animation component corresponding to the click operation.

[0050] Optionally, step 201 may include: in response to a drag operation performed on any animation component of at least one animation component on the component editing page, dragging the selected animation component to the component display area, and obtaining a target animation component corresponding to when the dragging action stops.

[0051] like Figure 3 As shown, assuming that the user drags the animation component 3 to the component display area 302, the animation component 3 can be determined as the target animation component.

[0052] Through simple interactive work such as dragging animation components, the target animation component can be quickly selected, which makes the scenes of automatic animation generation richer, further expands the animation generation scenes, and provides a reliable guarantee for the expansion of animation processing.

[0053] 202. In response to a second trigger operation performed on a target animation component, obtain an animation file corresponding to the second trigger operation.

[0054] Optionally, obtaining the animation file corresponding to the second trigger operation can be used as a trigger event for displaying the animation editing page. That is, if it is detected that the second trigger operation obtains the animation file, the animation editing page can be triggered to be displayed.

[0055] Optionally, step 202 may include obtaining an animation file corresponding to the target animation component in response to a file upload operation performed on the animation file corresponding to the target animation component.

[0056] The animation file may refer to a set of animation files generated by a graphics and video processing software, for example, it may include animation cut-out materials and Json (JavaScript Object Notation) files. The animation file may be obtained by packaging the animation file set using a preset packaging algorithm. For example, the animation file may be a file package in zip (file compression format) format.

[0057] 203. Display an animation editing page, where the animation editing page includes a target animation component, and the first animation corresponding to the animation file is displayed in the target animation component.

[0058] The animation editing page may provide an animation editing function. The animation editing page may include a target animation component, and the target animation component is used to display the first animation corresponding to the animation file. For example, when the target animation component is a video component, the first animation corresponding to the animation file can be played in the video component of the animation editing page.

[0059] 204. In response to an editing operation on the first animation, obtain a second animation corresponding to the editing operation.

[0060] Before the animation is actually released, a lot of modifications are required. The animation editing page can provide the editing function of the first animation to further improve the modification efficiency of the animation. When the first animation editing is completed, the second animation can be obtained.

[0061] Optionally, after step 204, the method may further include: publishing the second animation. For example, the method may include publishing the second animation according to the page sharing information set by the user on the component editing page.

[0062] Furthermore, publishing the second animation may also include: sending the second animation to a target client, where the target client is a client that detects a request to play the second animation.

[0063] Further, publishing the second animation may also include: in response to a page generation operation for the second animation, obtaining a target animation page corresponding to the second animation, and publishing the target animation page.

[0064] In the technical solution disclosed in the present invention, at least one animation component is provided in the component editing page. By executing a first trigger operation from at least one animation component in the component editing page, the target animation component corresponding to the first trigger operation can be obtained, thereby realizing the selection of the target animation component. After determining the target animation component, the animation file corresponding to the second trigger operation can be obtained in response to the second trigger operation executed on the target animation component, and the association between the animation file and the target animation component can be established, and then the animation editing page can be displayed. The target animation component is displayed in the animation editing page, and the first animation corresponding to the animation file is displayed in the target animation component. Therefore, the first animation can be quickly displayed through simple steps such as dragging the animation component and selecting the animation file. Afterwards, the second animation corresponding to the editing operation can be obtained in response to the editing operation on the first animation, and the second animation can be edited in real time, thereby quickly completing the generation and editing of the animation and other operations, without the need to manually perform too much animation page development work, and the acquisition and editing efficiency of the animation can be improved.

[0065] In order to obtain the component editing page, as an optional implementation, before step 201, the animation processing method provided by the present application may also include:

[0066] In response to a login operation triggered on a login page of the animation editing system, obtaining login information input by a user;

[0067] When the login information is successfully verified, the component editing page is displayed to display at least one animation component in the component display area of ​​the component editing page.

[0068] Optionally, the login page of the animation editing system may provide an input control for login information. In response to a login operation triggered on the login page of the animation editing system, obtaining the login information input by the user may include: detecting the input operation performed by the user on the input control of the login page of the animation editing system, collecting information input by the user, etc. In response to a trigger operation performed on a confirmation control on the login page of the animation editing system, login verification is performed on the login information of the user to obtain a login verification result. The login verification result may include a successful login information verification or a failed login information verification.

[0069] Furthermore, it also includes: when the login information verification fails, outputting a prompt message of login failure.

[0070] In the technical solution disclosed in the present invention, login information can be collected, and when the login information is successfully verified, the component editing page can be displayed. When logging in to the animation editing system, the use security of the animation editing system can be ensured, and the use and management of the animation editing system can be facilitated. At least one animation component is displayed on the component editing page to achieve diversified display of animation components, providing users with more convenient page prompts for using each animation component, further achieving personalized and targeted selection of components, and quickly completing the generation of animations.

[0071] It is understandable that the animation file can be processed by the UI designer using the graphic video processing software according to the animation designed by the product manager. The animation file can also be called an animation description document, which can specifically include animation annotations, cutouts, material files, etc. The front-end development engineer can write the animation page and develop the code according to the animation description document.

[0072] Animation files are a kind of production materials of animation. In order to obtain the animation files generated by UI designers and establish the parsing association between the target animation component and the animation files, as another embodiment, step 202 may specifically include:

[0073] Step a: displaying the animation configuration area corresponding to the target animation component in the component editing page, where the animation configuration area includes a file upload control;

[0074] Step b: In response to the file upload operation on the file upload control, an animation file is obtained.

[0075] Optionally, the animation configuration area may refer to a page area for performing relevant configurations on the target animation component. The page formed by the animation configuration area may be a subpage of the component editing page.

[0076] like Figure 3 As shown, the component editing page 300 may include an animation configuration area 303. Displaying the animation configuration area 303 corresponding to the target animation component in the component editing page may include triggering the display of the animation configuration area 303 in response to a user dragging the target animation component to the component editing page.

[0077] The animation configuration area 303 may include configuration sub-areas such as page sharing information, page size information, basic configuration information, etc. For example, the page analysis information may be used to configure the analysis object, analysis method or type, sharing object (such as a picture), inviter information, automatic binding selection control, creation activity control, sharing synchronization rules, and other information of the page.

[0078] Page size information may include, for example, page width, page height, page margins (including internal and external margins), layer settings, pop-up window settings, etc. Basic configuration information may include, for example, a prompt control of the component generator and a content upload control associated with the prompt control. The control name of the file upload control may be, for example, Figure 3 "+Animation File" shown.

[0079] In addition, if Figure 3 As shown, the file upload control may also include: a drop-down menu control for text + picture configuration, an icon display control and a replacement control for the task icon, an icon display control and a replacement control for the reward button, an icon display control and a replacement control for the unfinished button, and an icon display control and a replacement control for the task title. The above method also includes updating the animation information corresponding to any control in the animation configuration area 303 in response to a trigger operation on the control, and updating the content of the control in the first animation based on the animation information of the control. For example, if a trigger operation is performed on the replacement control of the reward button, the user-updated reward button icon can be obtained, and the icon display control corresponding to the reward button in the component editing page displays the updated reward button, and updates the icon of the reward button in the first animation.

[0080] For ease of understanding, Figure 4 An example diagram of selecting an animation file is shown. Figure 4 The file selection page 400 shown may include a path display area 401, a path selection area 402, and a file list area 403. The path display area 401 may display the file path of the animation file. The path selection area 402 may be used to select the storage path of the animation file. For example, if the animation file is stored in the C drive, the C drive is selected in the path selection area 402. The file list area 403 may display the animation files, for example, may include file A and file B, and if file B is the required animation file, then in response to the selection operation for file B, file B may be determined to be an animation file.

[0081] For example, in response to a selection operation on file B, determining that file B is an animation file may mean determining that file B is an animation file in response to a selection operation on file B and in response to a trigger operation performed on a confirmation control. Specifically, the selection operation on file B may be detected first, and then the trigger operation on the confirmation control may be detected. Figure 4 As shown, after performing the selection operation on the B file, you can move to the confirmation control to perform a trigger operation on the confirmation control.

[0082] In the technical solution disclosed in the present invention, an animation configuration area of ​​a target animation component is displayed in a component editing page, and a file upload control may be included in the animation configuration area. The file upload control may be used to upload an animation file. Then, in response to a file upload operation performed on the file upload control, an animation file may be obtained, so that the animation file of the target animation component is selected in a targeted manner, and a display mapping relationship between the target animation component and the animation file is established, so that the first animation corresponding to the animation file is displayed through the target animation component, effectively improving the generation efficiency of the animation.

[0083] Further, based on any of the above embodiments, in response to an editing operation on the first animation, obtaining a second animation corresponding to the editing operation includes:

[0084] In response to an editing operation on the first animation, displaying a first animation frame in the first animation in the animation editing page;

[0085] In response to the update operation on the first animation frame, obtaining a second animation frame;

[0086] Based on the first animation frame and the second animation frame, the first animation is updated to obtain the second animation.

[0087] Optionally, the update operation on the first animation frame may include: a deletion operation on the first animation frame, a text addition operation, or an animation frame addition operation. In this embodiment, the specific type of the update operation on the first animation frame is not too limited.

[0088] Optionally, the first animation frame may be selected from the first animation or from a first animation frame sequence of the first animation frame. For example, the first animation frame may be obtained in response to an animation frame selection operation performed on the first animation, or the first animation may be obtained in response to a selection operation performed on a first animation frame sequence in the first animation.

[0089] It is understandable that the animation frame sequence may also be referred to as an animation clip, or may also be referred to as a segment, which is not particularly limited in this embodiment.

[0090] For ease of understanding, Figure 5 An example diagram of an animation editing page is shown. Figure 5 As shown, the animation editing page 500 may include a target animation component 501 , and the target animation component 501 may be used to play a first animation.

[0091] By performing an animation frame selection operation on the animation editing page 500 , a first animation frame is obtained. Figure 5 The animation frame displayed in the target animation component 501 is, for example, the first animation frame.

[0092] Optionally, in response to the animation frame selection operation performed on the first animation, obtaining the first animation frame may include playing the first animation on the animation editing page in response to a trigger operation performed on the play button 508 on the animation editing page for the first animation. In response to a trigger operation performed on the stop button 509 on the animation editing page for the first animation, stopping the first animation, and determining that the animation frame displayed when the first animation stops playing is the first animation frame.

[0093] Optionally, in response to an animation frame selection operation performed on the first animation, obtaining the first animation frame may include: in response to a trigger operation performed on a play button 508 corresponding to the first animation frame sequence, playing the first animation frame sequence on the animation editing page; in response to a trigger operation performed on a stop button 509 on the animation editing page for the first animation frame sequence, stopping playing the first animation frame sequence, and determining that the animation frame displayed when the first animation frame sequence stops playing is the first animation frame.

[0094] It should be noted that various trigger operations and selection operations in the embodiments, such as the first trigger operation, the second trigger operation, the animation frame selection operation, etc., may include a click operation, and the click operation may include, for example, a single click or a double click.

[0095] In the technical solution of the present disclosure, when performing an editing operation on the first animation, editing can be performed in units of frames or in units of frame sequences, which can enrich the editing dimensions of the first animation and provide a more efficient and convenient editing method.

[0096] As described above, the first animation frame can be selected from the first animation frame sequence. To improve selection efficiency, a slider can be used to select from the first animation frame sequence. Further, based on any of the above embodiments, the slider also includes a first slider for selecting an animation frame. The step of selecting the first animation frame includes:

[0097] A first slider corresponding to a first animation is displayed, where the first animation includes a plurality of animation frames, and the first slider is used to select an image frame in the first animation.

[0098] In response to a first sliding operation on a first slider, a first animation frame selected by the first sliding operation is determined.

[0099] Optionally, the first slider may be a slider on a slide bar. The first slider may slide on the slide bar. The slide bar may refer to a slide bar corresponding to all animation frames of the first animation.

[0100] like Figure 5As shown, the slide bar 502 may include a first slider 5023. The first slider 5023 may be located between the start frame and the end frame of the first animation. The first slider 5023 may slide arbitrarily on the slide bar 502 to achieve the selection of the first animation frame directly from the animation.

[0101] In the technical solution disclosed in the present invention, an image frame is selected by sliding the first slider, and the image frame corresponding to the first slider is determined as the first animation frame selected by sliding. The first animation frame can be selected by simply dragging the first slider within the first animation frame sequence. The user does not need to perform too many operations, which can effectively improve the selection efficiency of the first animation frame.

[0102] Further, based on any of the above embodiments, in response to an update operation on the first animation frame, obtaining a second animation frame includes:

[0103] In response to the update operation for the first animation frame, displaying an image adding control associated with the first animation frame;

[0104] In response to a first adding operation on the image adding control, obtaining a newly added image corresponding to the first adding operation, and determining the newly added image as a second animation frame;

[0105] Updating the first animation based on the first animation frame and the second animation frame to obtain the second animation includes:

[0106] The second animation frame is added to the first animation to obtain the second animation, wherein the position of the second animation frame in the second animation is adjacent to the first animation frame and is located after the first animation frame.

[0107] like Figure 5 As shown, the animation editing page 500 may include an image adding control 505. A picture may be added based on the first animation frame. For example, a click operation performed on the image adding control 505 is detected, and a newly added image may be obtained.

[0108] Optionally, the second animation frame may be an animation frame added after the first animation frame.

[0109] Optionally, adding the second animation frame to the first animation to obtain the second animation may include: adding the second animation frame to the first animation frame to obtain the second animation.

[0110] For example, assuming that the first animation includes 10 animation frames, the first animation frame is the 5th animation frame. After obtaining the second animation frame, the second animation frame can be inserted after the 5th animation frame as the 6th animation frame. The original 6th to 10th animation frames are moved back to obtain a second animation of 11 animation frames.

[0111] In the technical solution disclosed in the present invention, an image adding control is provided to add animation frames based on the first animation frame, so that the update of the first animation frame adopts the method of adding animation frames, expands the update scenario of the first animation frame, and provides richer animation modification strategies. The addition of animation frames can be completed by operating the image adding control, which improves the efficiency of animation editing and reduces the difficulty of editing.

[0112] Further, based on any of the above embodiments, in response to an update operation on the first animation frame, obtaining a second animation frame includes:

[0113] In response to an area selection operation on a first animation frame, determining a text editing area corresponding to the area selection operation, the first animation frame including the text editing area;

[0114] In response to a second adding operation on the text adding control associated with the first animation frame, obtaining a newly added text corresponding to the second adding operation;

[0115] Render the newly added text into the text editing area to obtain the second animation frame;

[0116] Updating the first animation based on the first animation frame and the second animation frame to obtain the second animation includes:

[0117] The first animation frame in the first animation is replaced by the second animation frame to obtain the second animation.

[0118] like Figure 5 As shown, the animation editing page 500 may also include a text adding control 506. Based on the first animation frame, a text may be added to the first animation frame. For example, it is detected that the text editing area 507 of the first animation frame is selected, and a click operation is performed on the text adding control 506, and the text added to the text editing area can be obtained.

[0119] Optionally, in response to a second add operation on the copy adding control associated with the first animation frame, obtaining new copy corresponding to the second add operation may include: in response to the second add operation on the copy adding control associated with the first animation frame, displaying a copy input page, and obtaining the new copy in response to an input operation performed on the copy input page.

[0120] Optionally, in response to the area selection operation on the first animation frame, determining the text editing area corresponding to the area selection operation may include: in response to the selection operation performed on at least one area shape control, obtaining the target area shape corresponding to the selection operation. In response to performing a selection operation and a drag operation on the area of ​​the first animation frame, obtaining the text editing area corresponding to the target area shape. The area shape may be any type of shape such as a rectangle, a circle, a polygon, etc.

[0121] In the technical solution disclosed in the present invention, a region selection function and a text adding control are provided to implement text adding of animation frames based on the first animation frame, so that the update of the first animation frame adopts a regional text setting method, expands the update scenario of the first animation frame, and provides richer animation modification strategies. Text adding of animation frames can be completed by operating the region selection function and the text adding control, which improves the efficiency of animation editing and reduces the difficulty of editing.

[0122] In addition, in addition to updating the first animation frame, based on any one of the embodiments, the method includes:

[0123] In response to the triggering operation performed by the delete control for the first animation frame, the first animation frame is deleted from the first animation. The delete control can directly delete the unnecessary first animation frame, which can effectively improve the modification efficiency of the first animation.

[0124] The above embodiment mentions deleting animation frames. In addition, the technical solution of the present application can also directly delete a frame sequence. Therefore, in the animation processing method disclosed in the present invention, in response to an editing operation on a first animation, obtaining a second animation corresponding to the editing operation may include the following steps:

[0125] In response to an edit operation on the first animation, a first animation frame sequence corresponding to the edit operation is determined; in response to a trigger operation performed by a delete control on the first animation frame sequence, the first animation frame sequence is deleted from the first animation. Other frame sequences in the first animation in which the first animation frame sequence is deleted are determined as the second animation.

[0126] Therefore, by deleting the unnecessary first animation frame sequence and simultaneously deleting the unnecessary multiple continuous image frames, the modification efficiency of the first animation can be effectively improved.

[0127] When updating an animation in units of frame sequences, it is necessary to first identify the first animation frame sequence that needs to be updated. In a possible design, in response to an update operation performed on a first animation frame sequence in a first animation on an animation editing page, before obtaining the updated first animation frame sequence, in the animation processing method disclosed herein, in response to an editing operation on the first animation, obtaining a second animation corresponding to the editing operation may include the following steps:

[0128] In response to an editing operation on a first animation, a first animation frame sequence corresponding to the editing operation is determined; the first animation includes the first animation frame sequence.

[0129] In response to the update operation on the first animation frame sequence, a second animation frame sequence is obtained.

[0130] The first animation frame sequence in the first animation is replaced by the second animation frame sequence to obtain the second animation.

[0131] Optionally, of course, the update operation of the first animation frame sequence may include a deletion operation of the first animation frame sequence, a text addition operation of certain animation frames in the first animation frame sequence, or a new addition operation of the first animation frame sequence, etc. In this embodiment, the specific type of the update operation of the first animation frame sequence is not too limited. Optionally, the animation frame sequence may be at least one continuous image frame in the first animation. For example, 30 continuous image frames may be an animation frame sequence.

[0132] In the technical solution disclosed in the present invention, the first animation frame sequence in the first animation can be obtained, and then the first animation frame sequence can be updated. Therefore, both the acquisition of the first animation frame sequence and the update of the first animation frame sequence can reflect the user's demand for animation update, effectively improving the reliability and effectiveness of animation editing, and further promoting the improvement of animation processing efficiency.

[0133] Further, based on any of the above embodiments, in order to obtain a first animation frame sequence, the animation processing method of the present application may further include the following steps:

[0134] In response to a frame sequence selection operation for a first animation, a first animation frame sequence corresponding to the frame sequence selection operation is obtained.

[0135] Optionally, the first animation may correspond to at least one animation frame sequence, and the at least one animation frame sequence may be continuous or interrupted or overlapped. The first frame sequence may be any one of the at least one animation frame sequence.

[0136] Optionally, a continuous animation frame sequence may mean that after a plurality of animation frame sequences are spliced ​​in accordance with their respective sequence orders, a first animation can be obtained. For two adjacent animation frame sequences, the end frame of a previous animation frame sequence may be the start frame of a subsequent animation frame sequence, and there is an overlap of animation frames between the two adjacent animation frame sequences. Alternatively, for two adjacent animation frame sequences, the next frame corresponding to the end frame of the previous animation frame sequence in the first animation may be the start frame of the subsequent animation frame sequence, and there is no overlap of animation frames between the two adjacent animation frame sequences.

[0137] The first animation may be divided into frame sequences to obtain at least one animation frame sequence corresponding to the first animation, at least one animation frame sequence is continuous and at least one animation frame sequence may be spliced ​​to obtain the first animation. For example, assuming that the first animation contains 100 animation frames, the first animation frame sequence is divided into two animation frame sequences of 1-50 frames and 51-100 frames, and the two animation frame sequences are spliced ​​to obtain the first animation.

[0138] At least one animation frame sequence is non-continuous, which may mean that after the at least one animation frame sequence is spliced ​​in its respective order, the first animation may not be obtained. For example, there may be a plurality of overlapping animation frames between two adjacent animation frame sequences, or there may be interrupted animation frames between two adjacent animation frame sequences.

[0139] The following is an example of an animation frame with interruptions between two adjacent animation frame sequences. For example, assuming that the first animation contains 100 animation frames, the first animation frame sequence is frames 1 to 20, and the second animation frame sequence is frames 30 to 50. The first animation is divided into the first animation frame sequence and the second animation frame sequence. Obviously, the first animation frame sequence and the second animation frame sequence cannot obtain a complete first animation by splicing the frames.

[0140] The following is an example of an overlap of multiple animation frames between two adjacent animation frame sequences. For example, assume that the first animation includes 100 animation frames. The first animation corresponds to the third animation frame sequence and the fourth animation frame sequence. The third animation frame sequence is the 1st to 40th frames, and the fourth animation frame sequence is the 30th to 80th frames, then the 30th to 40th frames between the third animation frame sequence and the fourth animation frame sequence are overlapped. Although there is an overlap of animation frames between the third animation frame sequence and the fourth animation frame sequence, the third animation frame sequence and the fourth animation frame sequence cannot be spliced ​​to obtain the complete first animation.

[0141] In the technical solution of the embodiment of the present application, a selection operation can be performed on the frame sequence of the first animation to obtain a first animation frame sequence corresponding to the frame sequence selection operation. Smaller units of the first animation can be processed only by selecting the first animation frame sequence, thereby improving the revision efficiency of the first animation.

[0142] In order to obtain an animation frame sequence, a slider can be used to quickly extract the frame sequence. Further, based on any of the above embodiments, the first animation includes multiple animation frames, and the second slider of the first animation is used to select an image frame in the first animation. In response to the frame sequence selection operation for the first animation, a first animation frame sequence corresponding to the frame sequence selection operation is obtained, including:

[0143] In response to a second sliding operation on the second slider, a plurality of animation frames selected by the second sliding operation are determined, and the plurality of animation frames selected by the second sliding operation form a first animation frame sequence.

[0144] Optionally, a slide bar corresponding to the first animation is displayed, the slide bar corresponds to all animation frames of the first animation, the slide bar includes a first slider and a second slider. The second slider may include a first sub-slider and a second sub-slider. The second sliding operation may include a sliding operation triggered by the first sub-slider and a sliding operation triggered by the second sub-slider.

[0145] In response to a sliding operation triggered on a first sub-slider, a starting frame when the first sub-slider stops sliding is obtained; in response to a sliding operation triggered on a second sub-slider, an ending frame when the second sub-slider stops sliding is obtained; in response to a triggering operation performed on a create frame sequence control in an animation editing page, a first animation frame sequence corresponding to a starting frame and an ending frame is generated.

[0146] like Figure 5 As shown, the animation editing page 500 may include a slider 502 corresponding to the first animation. The slider 502 may include a first sub-slider 5021 and a second sub-slider 5022. The animation frames between the start frame corresponding to the first sub-slider 5021 and the end frame corresponding to the second sub-slider 5022 may form an animation frame sequence. When the create frame sequence control 503 is triggered, a first animation frame sequence corresponding to the animation frames between the start frame corresponding to the first sub-slider 5021 and the end frame corresponding to the second sub-slider 5022 is generated.

[0147] Optionally, the duration of the slider is the playback duration of the first animation. The animation frame associated with each moment can be determined according to the playback frequency of the animation. The sliding process of the slider on the slider is sliding at different moments. For example, for two adjacent moments, namely the first moment and the second moment, the slider can slide from the first moment to the second moment or from the second moment to the first moment, and stay at the first moment or the second moment, but the slider cannot stay at the moment between the first moment and the second moment. That is, the first moment can be associated with an animation frame, the second moment can also be associated with an animation frame, and the moment between the first moment and the second moment is not associated with an animation frame, so the slider cannot reside in the gap between the first moment and the second moment.

[0148] In the technical solution disclosed in the present invention, a sliding operation triggered by a second slider is used to realize the selection of multiple animation frames, thereby obtaining a first animation frame sequence formed by multiple animation frames, and the second slider triggers the extraction of the animation frame sequence. The frame sequence extraction operation is relatively simple and does not require the user to perform too many operation steps. The selection of the first animation frame sequence can be completed through simple interaction, which effectively improves the extraction efficiency and accuracy of the frame sequence.

[0149] As mentioned above, the update unit can be a frame sequence, therefore, the technical solution of the present disclosure also provides a frame sequence editing function. Further, based on any of the above embodiments, the animation editing page also includes a frame sequence selection area, and in response to a frame sequence selection operation for the first animation, a first animation frame sequence corresponding to the frame sequence selection operation is obtained, including:

[0150] In response to a third trigger operation performed on a sequence selection control in a frame sequence selection area of ​​the first animation, displaying a frame sequence list, the frame sequence list including at least one frame sequence of the first animation;

[0151] In response to a fourth trigger operation on the frame sequence list, a first animation frame sequence corresponding to the fourth trigger operation is obtained.

[0152] Optionally, the third trigger operation may refer to a click operation on a sequence selection control. The fourth trigger operation on the frame sequence list may refer to a click operation performed on information of any animation frame sequence in the frame sequence list.

[0153] like Figure 5 As shown, the animation editing page 500 may further include a frame sequence editing area 504. The frame sequence editing area 504 may include a sequence selection control. The sequence selection control may be, for example, a drop-down button 5041 for selecting an animation frame sequence. When the drop-down button 5041 is detected to be triggered, a frame sequence list 5042 may be displayed. The frame sequence list 5042 may include at least one animation frame sequence, for example, animation frame sequence 1, animation frame sequence 2, animation frame sequence 3, animation frame sequence 4, animation frame sequence 5 to animation frame sequence M, where M is a positive integer greater than or equal to 1.

[0154] Specifically, the trigger operation may be performed on any animation frame sequence in the frame sequence list 5042. For example, assuming that the trigger operation is performed on the animation frame sequence 1, the animation frame sequence 1 may be determined to be the first animation frame sequence.

[0155] In the technical solution disclosed in the present invention, a sequence selection control is set in the frame sequence editing area, and the sequence selection control is triggered to quickly display the frame sequence list, and then through the quick display of the frame sequence list, a third trigger operation for at least one animation frame sequence in the frame sequence list can be implemented, and the display of each animation frame sequence can be implemented through a simple drop-down menu, and then the fourth trigger operation is performed on the frame sequence list to obtain the first animation frame sequence corresponding to the fourth trigger operation, which can effectively improve the selection efficiency of the first animation frame sequence.

[0156] Further, based on any of the above embodiments, the frame sequence editing area further includes: a frame sequence attribute area, a picture editing area and a text editing area;

[0157] After obtaining the first animation frame sequence, it also includes:

[0158] In response to a trigger operation performed on a frame sequence property control in a frame sequence property area, obtaining a play property of a first animation frame sequence, and updating the first animation frame sequence using the play property;

[0159] And / or, in response to a trigger operation performed on a picture editing control in the picture editing area, obtaining a replacement picture of the first animation frame sequence and a first display frame number corresponding to the replacement picture, and updating the first animation frame sequence using the replacement picture and the first display frame number corresponding to the replacement picture;

[0160] And / or, in response to a trigger operation performed on a copy editing control in a copy editing area, newly added copy in the first animation frame sequence and a second display frame number corresponding to the newly added copy are obtained, and the first animation frame sequence is updated using the newly added copy and the second display frame number corresponding to the newly added copy.

[0161] like Figure 5 As shown, the frame sequence editing area 504 may include a frame sequence attribute area 5043 , a picture editing area 5044 and a text editing area 5045 .

[0162] The frame sequence property control 5043 includes, for example, a first selection control for an automatic play mode, a second selection control for looping, and a third selection control for displaying the number of frames. It is understandable that the frame sequence property control can be associated with the property configuration function of the frame sequence. For example, the first selection control can configure whether to automatically play the animation frame sequence selected by the drop-down button 5041, such as the first animation frame sequence. When the first selection control is selected as "yes", the animation frame sequence can be automatically played. When the first selection control is selected as "no", the animation frame sequence may not be automatically played.

[0163] The picture editing area 5044 may include picture editing controls, which may include, for example, a picture replacement control and a fourth selection control for displaying the frame number. It is understandable that the picture replacement control may be associated with a picture replacement function. For example, in response to a trigger operation performed on the picture replacement control, a second animation frame corresponding to the trigger operation is obtained. The fourth selection control may be used to display the frame number of at least one animation frame in the current animation frame sequence, such as the first animation frame sequence.

[0164] The copy editing area 5045 may include a copy editing control, which may include, for example, an animation copy adding control and a frame number display selection control. It is understandable that the copy editing control may implement adding copy to the current animation frame, such as the first animation frame. For example, in response to a trigger operation performed on a copy input control in the copy editing control, a copy input page may be displayed, and in response to an input operation performed on the copy input page, the copy corresponding to the input operation may be obtained, and the copy may be added to the current animation frame. Specifically, the copy is added to the copy editing area 507 of the current animation frame.

[0165] Of course, by operating at least one of the frame sequence attribute area 5043, the picture editing area 5044 and the text editing area 5045, the play setting of the selected first animation frame sequence is completed to realize the automatic update of the first animation frame sequence.

[0166] Optionally, all or part of the animation frames corresponding to the first display frame number may be replaced with replacement images provided by the user. All or part of the animation frames corresponding to the second display frame number may be added with additional text provided by the user.

[0167] For example, all or part of the animation frames corresponding to the display frame number may be selected for picture replacement. The specific selection strategy may be preset, for example, the animation frames may be selected according to a certain selection frequency, or the order or position of the animation frames involved in the replacement may be specified.

[0168] In the technical solution disclosed in the present invention, when updating in units of the first animation frame sequence, the playback attributes can be updated through the frame sequence attribute area, and / or the image can be replaced and updated through the image editing area, and / or the text can be updated through the text editing area, so that the update method of the first animation frame sequence is more editable and the update efficiency is higher.

[0169] Figure 6 An example diagram of an animation processing method is shown. Figure 7 As shown, the animation processing method provided by the present disclosure may include the following steps:

[0170] Step 601: The UI designer generates an animation file using graphic video processing software according to the animation page designed by the product manager.

[0171] Step 602: Display a component editing page. The component editing page includes at least one animation component; the animation component refers to a pre-written plug-in used to parse the animation file to obtain the corresponding animation.

[0172] Step 603: In response to a first trigger operation on at least one animation component, determine a target animation component corresponding to the first trigger operation.

[0173] Step 604: In response to a second trigger operation performed on the target animation component, determine an animation file corresponding to the second trigger operation.

[0174] Step 605: display an animation editing page, the animation editing page displays a target animation component, and the target animation component displays a first animation corresponding to the animation file.

[0175] Step 606: In response to the editing operation triggered on the first animation, obtain the second animation.

[0176] Step 607: Publish the second animation.

[0177] certainly, Figure 6 The animation processing method shown is only exemplary and does not constitute a detailed limitation on the technical solution of the present disclosure. Embodiments formed by any combination of the technical features in the above embodiments belong to the protection scope of the technical solution of the present disclosure.

[0178] like Figure 7 As shown, it is a structural schematic diagram of an embodiment of an animation processing device provided in an embodiment of the present application. The animation processing device can be located in a user terminal. The animation processing device 700 may include: a first response unit 701, a second response unit 702, a page display unit 703 and an animation editing unit 704.

[0179] The first responding unit 701 is used to respond to a first triggering operation on at least one animation component in a component editing page and determine a target animation component corresponding to the first triggering operation.

[0180] The second responding unit 702 is configured to respond to a second triggering operation on a target animation component and determine an animation file corresponding to the second triggering operation.

[0181] The page display unit 703 is used to display an animation editing page, in which a target animation component is displayed, and in which a first animation corresponding to the animation file is displayed.

[0182] The animation editing unit 704 is configured to obtain a second animation corresponding to the editing operation in response to the editing operation on the first animation.

[0183] As an embodiment, the second response unit may include:

[0184] The area display module is used to display the animation configuration area corresponding to the target animation component in the component editing page, and the animation configuration area includes a file upload control.

[0185] The file upload module is used to obtain the animation file in response to the file upload operation on the file upload control.

[0186] As another embodiment, the animation editing unit includes:

[0187] The first response module is used to display a first animation frame in the first animation in the animation editing page in response to an editing operation on the first animation.

[0188] The second response module is used to obtain a second animation frame in response to the update operation on the first animation frame.

[0189] The animation updating module is used to update the first animation based on the first animation frame and the second animation frame to obtain the second animation.

[0190] As another embodiment, the first response module includes

[0191] The slider display submodule is used to display a first slider corresponding to a first animation. The first animation includes a plurality of animation frames. The first slider is used to select an image frame in the first animation.

[0192] The operation response submodule is used to determine a first animation frame selected by the first sliding operation in response to a first sliding operation on the first slider.

[0193] As yet another embodiment, the second response module includes:

[0194] A first response submodule, configured to display an image adding control associated with the first animation frame in response to an update operation on the first animation frame;

[0195] A second response submodule, configured to, in response to a first adding operation on the image adding control, obtain a newly added image corresponding to the first adding operation, and determine the newly added image as a second animation frame;

[0196] Animation update module, including:

[0197] The animation adding submodule is used to add the second animation frame to the first animation to obtain the second animation, wherein the position of the second animation frame in the second animation is adjacent to the first animation frame and is located after the first animation frame.

[0198] As yet another embodiment, the second response module includes:

[0199] A third response submodule is used to determine, in response to the area selection operation on the first animation frame, a text editing area corresponding to the area selection operation, the first animation frame including the text editing area;

[0200] A fourth response submodule, configured to respond to a second adding operation on the text adding control associated with the first animation frame, and obtain a new text corresponding to the second adding operation;

[0201] Render the newly added text into the text editing area to obtain the second animation frame;

[0202] Animation update module, including:

[0203] The animation replacement submodule is used to replace the first animation frame in the first animation with the second animation frame to obtain the second animation.

[0204] As another embodiment, the animation editing unit includes:

[0205] The sequence determination module is used to determine a first animation frame sequence corresponding to the editing operation in response to the editing operation on the first animation, and the first animation includes the first animation frame sequence.

[0206] The sequence updating module is used to obtain a second animation frame sequence in response to an updating operation on the first animation frame sequence.

[0207] The sequence replacement module is used to replace the first animation frame sequence in the first animation with the second animation frame sequence to obtain the second animation.

[0208] As yet another embodiment, it further includes:

[0209] The sequence selection unit is used to obtain a first animation frame sequence corresponding to the frame sequence selection operation in response to the frame sequence selection operation for the first animation.

[0210] As another embodiment, the first animation includes multiple animation frames, and the second slider of the first animation is used to select image frames in the first animation; the sequence selection unit includes:

[0211] The sliding selection module is used to determine, in response to a second sliding operation on the second slider, a plurality of animation frames selected by the second sliding operation, wherein the plurality of animation frames selected by the second sliding operation form a first animation frame sequence.

[0212] As another embodiment, the animation editing page also includes a frame sequence selection area. The sequence selection unit includes:

[0213] The first trigger module is used to display a frame sequence list in response to a third trigger operation performed on a sequence selection control in a frame sequence selection area of ​​the first animation, wherein the frame sequence list includes at least one frame sequence of the first animation.

[0214] The second trigger module is used to obtain a first animation frame sequence corresponding to the fourth trigger operation in response to the fourth trigger operation on the frame sequence list.

[0215] The animation processing device in this embodiment can be used to execute the above animation processing method. For the specific contents or steps executed by each unit, module and sub-module, reference can be made to the embodiment of the above method, which will not be repeated here.

[0216] Figure 8 It is a hardware structure block diagram of an electronic device according to an exemplary embodiment. The device may be a mobile phone, a computer, a digital broadcast terminal, a message transceiver, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0217] The electronic device 800 may include one or more of the following components: a processing component 802 , a memory 804 , a power component 806 , a multimedia component 808 , an audio component 810 , an input / output (I / O) interface 812 , a sensor component 814 , and a communication component 816 .

[0218] The processing component 802 generally controls the overall operation of the device 800, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 802 may include one or more modules to facilitate the interaction between the processing component 802 and other components. For example, the processing component 802 may include a multimedia module to facilitate the interaction between the multimedia component 808 and the processing component 802.

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

[0220] The power supply component 806 provides power to the various components of the device 800. The power supply component 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 800.

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

[0222] The audio component 810 is configured to output and / or input audio signals. For example, the audio component 810 includes a microphone (MIC), and when the device 800 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 804 or sent via the communication component 816. In some embodiments, the audio component 810 also includes a speaker for outputting audio signals.

[0223] I / O interface 812 provides an interface between processing component 802 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: home button, volume button, start button, and lock button.

[0224] The sensor assembly 814 includes one or more sensors for providing various aspects of status assessment for the device 800. For example, the sensor assembly 814 can detect the open / closed state of the electronic device 800, the relative positioning of components, such as the display and keypad of the electronic device 800, and the sensor assembly 814 can also detect the position change of the electronic device 800 or a component of the electronic device 800, the presence or absence of user contact with the electronic device 800, the orientation or acceleration / deceleration of the electronic device 800, and the temperature change of the electronic device 800. The sensor assembly 814 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 814 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 814 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0225] The communication component 816 is configured to facilitate wired or wireless communication between the electronic device 800 and other devices. The electronic device 800 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

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

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

[0228] The present application also provides a computer program product, including a computer program, which is the above-mentioned animation processing method when executed by a processor.

[0229] Those skilled in the art will readily appreciate other embodiments of the present application after considering the specification and practicing the invention disclosed herein. The present application is intended to cover any modification, use or adaptation of the present application, which follows the general principles of the present application and includes common knowledge or customary techniques in the art that are not disclosed in the present application. The specification and examples are intended to be exemplary only, and the true scope and spirit of the present application are indicated by the following claims.

[0230] It should be understood that the present application is not limited to the precise structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present application is limited only by the appended claims.

Claims

1. An animation processing method, characterized in that: include: In response to a first trigger operation on at least one animation component in a component editing page, determining a target animation component corresponding to the first trigger operation; In response to a second trigger operation on the target animation component, determining an animation file corresponding to the second trigger operation; Displaying an animation editing page, wherein the target animation component is displayed in the animation editing page, and the first animation corresponding to the animation file is displayed in the target animation component; In response to an editing operation on the first animation, a second animation corresponding to the editing operation is obtained.

2. The method according to claim 1, characterized in that: The determining the animation file corresponding to the second trigger operation includes: In the component editing page, an animation configuration area corresponding to the target animation component is displayed, and the animation configuration area includes a file upload control; In response to a file upload operation on the file upload control, the animation file is obtained.

3. The method according to claim 1 or 2, characterized in that: The step of obtaining, in response to an editing operation on the first animation, a second animation corresponding to the editing operation includes: In response to an editing operation on the first animation, displaying a first animation frame in the first animation in the animation editing page; In response to the update operation on the first animation frame, a second animation frame is obtained; The first animation is updated based on the first animation frame and the second animation frame to obtain the second animation.

4. The method according to claim 3, characterized in that: The step of obtaining a second animation frame in response to an update operation on the first animation frame comprises: In response to an update operation on the first animation frame, displaying an image adding control associated with the first animation frame; In response to a first adding operation on the image adding control, obtaining a newly added image corresponding to the first adding operation, and determining the newly added image as the second animation frame; The updating the first animation based on the first animation frame and the second animation frame to obtain the second animation includes: The second animation frame is added to the first animation to obtain the second animation, wherein the position of the second animation frame in the second animation is adjacent to the first animation frame and is located after the first animation frame.

5. The method according to claim 3, characterized in that: The step of obtaining a second animation frame in response to an update operation on the first animation frame comprises: In response to an area selection operation on the first animation frame, determining a text editing area corresponding to the area selection operation, the first animation frame including the text editing area; In response to a second adding operation on the text adding control associated with the first animation frame, obtaining a new text corresponding to the second adding operation; Rendering the newly added text into the text editing area to obtain the second animation frame; The updating the first animation based on the first animation frame and the second animation frame to obtain the second animation includes: The first animation frame in the first animation is replaced by the second animation frame to obtain the second animation.

6. The method according to claim 1 or 2, characterized in that: The step of obtaining, in response to an editing operation on the first animation, a second animation corresponding to the editing operation includes: In response to an editing operation on the first animation, determining a first animation frame sequence corresponding to the editing operation, the first animation including the first animation frame sequence; In response to the update operation on the first animation frame sequence, a second animation frame sequence is obtained; The first animation frame sequence in the first animation is replaced with the second animation frame sequence to obtain the second animation.

7. An animation processing device, characterized in that: include: A first response unit, configured to respond to a first trigger operation on at least one animation component in a component editing page and determine a target animation component corresponding to the first trigger operation; A second response unit, configured to respond to a second trigger operation on the target animation component and determine an animation file corresponding to the second trigger operation; A page display unit, used for displaying an animation editing page, wherein the target animation component is displayed in the animation editing page, and the first animation corresponding to the animation file is displayed in the target animation component; The animation editing unit is used to obtain a second animation corresponding to the editing operation in response to the editing operation on the first animation.

8. The device according to claim 7, characterized in that The second response unit includes: An area display module, used to display the animation configuration area corresponding to the target animation component in the component editing page, wherein the animation configuration area includes a file upload control; The file upload module is used to obtain the animation file in response to the file upload operation on the file upload control.

9. An electronic device, characterized in that: include: A processor, and a memory communicatively connected to the processor; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory to implement the animation processing method according to any one of claims 1 to 6.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are executed by a processor, they are used to implement the animation processing method according to any one of claims 1 to 6.

Images