Method, apparatus, and electronic device for editing a moving image

Abstract

The present disclosure provides a method, apparatus, and electronic device for editing a dynamic image. The method includes rendering and displaying, based on a first rendering texture, a first dynamic image corresponding to a first target resource on a graphical user interface in response to a load operation on the first target resource (step 102), and displaying an edited target dynamic image on a review interface in response to a first operation on an image editing control in the graphical user interface (step 104). Thereby, the game development process is simplified, labor costs and time costs are reduced, and development efficiency is improved.

Description

Cross-reference to Related Applications

[0001] This application claims priority to Chinese Patent Application No. 202210598199.7, filed on May 30, 2022, with the title "Method, Apparatus, and Electronic Device for Editing Moving Images", the entire content of which is incorporated herein by reference in its entirety.

Technical Field

[0002] The present disclosure relates to the field of game technologies, and in particular, to a method, apparatus, and electronic device for editing moving images.

Background Art

[0003] In the process of game development, it is necessary to create skeleton animations. In related technologies, it is common to use the spine (2D skeleton animation creation) tool to create skeleton animation resources. However, in the actual process of game development, due to the diversity of game scenes, it is usually necessary to edit skeleton animation resources such as zoom settings and trimming to generate skeleton animations with different effects, display the animation effects in real time, and adapt to different game scenes. However, the spine tool does not have functions for animation editing and displaying editing effects in real time. Therefore, the still images of the skeleton animation resources can be edited with image processing software (Adobe Photoshop, abbreviated as "PS"), the edited resources can be uploaded to the server, resource packaging can be performed, and then loaded into the game scene to display the effects.

Summary of the Invention

[0004] An object of the present disclosure is to provide a method, apparatus, and electronic device for editing moving images.

[0005] In a first aspect, embodiments of the present disclosure provide a method for editing a moving image, provide a graphical user interface on a terminal device, the graphical user interface includes an image editing control and a preview interface, and the method includes rendering and displaying, on the graphical user interface, a first moving image corresponding to a first target resource based on a first rendering texture in response to a load operation on the first target resource, and displaying, on the preview interface, an edited target moving image in response to a first operation on the image editing control.

[0006] In a second aspect, embodiments of the present disclosure provide an apparatus for editing a moving image, provide a graphical user interface on a terminal device, the graphical user interface includes an image editing control, and the apparatus includes a first display module and an editing module. The first display module is configured to render and display, on the graphical user interface, a first moving image corresponding to a first target resource based on a first rendering texture in response to a load operation on the first target resource, and the editing module is configured to display, on the preview interface, an edited target moving image in response to a first operation on the image editing control.

[0007] In a third aspect, embodiments of the present disclosure provide an electronic device including a memory storing computer-executable instructions executable by a processor, and a processor executing the computer-executable instructions for implementing the method for editing a moving image in the first aspect.

[0008] In a fourth aspect, embodiments of the present disclosure provide a computer-readable storage medium storing computer-executable instructions that, when called and executed by a processor, cause the processor to implement the method for editing a moving image in the first aspect.

[0009] The above method for editing a dynamic image responds to a load operation on a first target resource, renders and displays a first dynamic image corresponding to the first target resource on a graphical user interface based on a first rendering texture, and responds to a first operation on an image editing control in the graphical user interface to display an edited target dynamic image on a preview interface. In this way, the dynamic image can be directly edited based on the preview interface, the display effect of the dynamic image edited by the rendering texture can be viewed in real time, the saved result can be directly applied to the game, the problem that the dynamic image needs to be developed by multiple software is avoided, the game development process is simplified, the labor cost and time cost are reduced, and the development efficiency is improved.

Brief Description of the Drawings

[0010]

Figure 1

Figure 2

Figure 3

Figure 4

Figure 5

Figure 6

Figure 7

Figure 8

Figure 9

Figure 10

Figure 11

Figure 12

Figure 13

Figure 14

Figure 15

DETAILED DESCRIPTION OF THE INVENTION

[0011] To make the objectives, technical solutions, and advantages of the embodiments of the present disclosure clearer, the technical solutions of the present disclosure will be clearly and completely described below in connection with the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present disclosure, not all embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by those skilled in the art without creative efforts shall fall within the protection scope of the present disclosure.

[0012] In current game development, it is necessary to create skeleton animations. In related technologies, it is common to use the spine (created with 2D skeleton animation) tool to create skeleton animation resources. However, in the actual process of game development, due to the diversity of game scenes, usually, skeleton animation resources need to be edited such as zooming and trimming to generate skeleton animations with different effects, display the animation effects in real-time, and adapt to different game scenes. However, the spine tool does not have functions for animation editing and displaying editing effects in real-time. Therefore, the still images of the skeleton animation resources are edited with image processing software (Adobe Photoshop, abbreviated as "PS"), the edited resources are uploaded to the server, resource packaging is performed, and then loaded into the game scene to display the effects. This method is cumbersome in operation, has high labor and time costs, few editing functions, and cannot meet the needs of developers.

[0013] Also, the spine tool can realize the function of outputting dynamic sprite resources, but this resource cannot be converted into an edited dynamic image effect. Also, it cannot support real-time effect display in the game. It cannot be quickly and easily edited in terms of position, size, zoom, etc. It cannot process the virtualization of edges. It cannot be mirrored. It cannot quickly save static png pictures. It cannot view appropriate voice effects with lip-sync. It cannot be well combined with the story editor and cannot freely call resources in combination with the story editor. It cannot add emotional actions according to the lines of the story or increase the changes in the movements and expressions of the characters. The operation is inconvenient, the process requires cooperation in many aspects, the time span is long, it is too cumbersome, and it is not suitable for mass processing. Based on this, the embodiments of the present disclosure provide a method, apparatus, and electronic device for editing dynamic images applicable to electronic devices having animation or animation editing functions such as computers and notebook computers.

[0014] To facilitate the understanding of this embodiment, first, the method for editing a dynamic image disclosed in the embodiments of the present disclosure will be described in detail. A graphical user interface is provided on a terminal device, and the graphical user interface includes an image editing control and a preview interface. As shown in FIG. 1, this method includes the following steps.

[0015] In step S102, in response to a load operation on a first target resource, based on a first rendering texture, a first dynamic image corresponding to the first target resource is rendered and displayed on the graphical user interface.

[0016] The above-mentioned first target resource generally refers to a still image dynamic resource created by a Spine animation tool. The above-mentioned first rendering texture mainly renders the dynamic image in the first target resource onto the first rendering texture, and can also be represented as a render texture for displaying on the graphical user interface. The above-mentioned first dynamic image can be a dynamic portrait, a dynamic virtual object in a game, such as a riding object, a task character, etc. Here, Render texture is a general-purpose rendering texture created and updated at runtime, which can be used to add what is to be rendered, and then can be used in the game like a normal texture, such as for creating a picture control.

[0017] Specifically, the first target resource is a composite diagram combining scatter diagrams, that is, a 2D skeleton animation. It is a composite diagram that combines the images related to each skeleton part into one large diagram. Since it is not a complete dynamic diagram, it is disadvantageous for display processing. To achieve a better display effect, resource rendering is performed using the first rendering texture and then displayed.

[0018] When actually implemented, as shown in FIG. 2, enter the number of the first target resource (number 1003 in FIG. 2) that needs to be loaded into the number control, and click the load control. Then, use the spine module of the game engine to input the first target resource into the editor, and the first target resource can be rendered in the editor and displayed on the graphical user interface of the editor. Specifically, a first rendering texture can be dynamically created, the animation in the first target resource can be rendered onto the first rendering texture, and the rendered first rendering texture can be displayed on the graphical user interface. Specifically, the rendered first rendering texture can be applied to the graphical user interface and displayed in the game.

[0019] In step S104, in response to the first operation on the image editing control, the edited target dynamic image is displayed on the preview interface.

[0020] The above image editing control is mainly used to edit the size, position, mirror, etc. of the first dynamic image. The above first operation may be a click operation, a click and move operation, a scroll operation, etc., and usually different operations are required for different editing controls. The above preview interface can also be represented as a panel having a trimming function for trimming the first dynamic image, and can be understood as a UI interface displayed as a panel.

[0021] For example, a first operation can be performed on an image editing control having a trimming function, and using the trimming function of the control preview interface of the game engine UI module, a first dynamic image can be set on the preview interface, that is, the rendered first rendering texture can be set on a panel, the preview interface can be trimmed into different sizes and shapes, and partial regions of the first dynamic image, such as the head region, the upper body region, etc., can be displayed in that shape, and furthermore, the effect of trimming and editing the first dynamic image for display can be realized.

[0022] Also, for example, an enlargement or reduction operation can be performed on an image editing control having a zoom function, the size of the first dynamic image can be enlarged or reduced, that is, the rendered first rendering texture can be changed, and the enlarged or reduced first dynamic image can be displayed on the image user interface. If a trimming operation has already been performed, the targeted dynamic image after enlargement or reduction can be displayed.

[0023] Also, for example, a moving operation can be performed on the displayed dynamic image, the display position of the first dynamic image can be changed, and the dynamic image after the position change can be displayed.

[0024] When actually implemented, in response to the first operation on the image editing control, the first dynamic image can be edited on the preview interface, and the edited targeted dynamic image can be displayed on the preview interface. All the above editing operations are edited based on the preview interface and are displayed on the graphical user interface after the editing is completed.

[0025] Embodiments of the present disclosure provide a method for editing a moving image. In response to a load operation on a first target resource, a first moving image corresponding to the first target resource is rendered and displayed on a graphical user interface based on a first rendering texture. In response to a first operation on an image editing control in the graphical user interface, an edited target moving image is displayed on a preview interface. In this way, the moving image can be directly edited based on the preview interface, the display effect of the moving image edited by the rendering texture can be viewed in real time, the saved result can be directly applied to the game, avoiding the problem that the moving image needs to be developed by multiple software, simplifying the game development process, reducing labor costs and time costs, and improving development efficiency.

[0026] After the above step S104, the method further includes converting data information corresponding to the target moving image into target code in response to a save operation of the target moving image, and saving the target code in a predetermined profile.

[0027] Specifically, as shown in FIG. 2, when the save control shown in the figure is clicked, the data information corresponding to the target moving image can be saved. This data information may be the edited target moving image, a still image of the target moving image, or editing data during editing. For example, data such as trimming size, zoom, and moving position. The above target code is the code of the target scripting language. The purpose of converting the data information corresponding to the target moving image into target code is that in an actual game, the target code can be read by a program script arranged in the game. Further, the profile can be provided for use in a subsequent game interface.

[0028] Specifically, in actual game development, when using the Lua script language to perform file reading and loading, the data information corresponding to the target dynamic image can be converted into the code of the Lua script language and saved in a predetermined config.lua profile. Since this config.lua profile is mainly used to provide for the subsequent game interface, when the actual game uses the Lua script language, the profile using Lua in the editor has better performance.

[0029] In this embodiment, actually based on the first target resource, a plurality of function interfaces are encapsulated in the editor, and the resources can be edited, displayed, and saved in real time through the editor, and finally the edited first target resource can be output. The output file usually includes dynamic images, still images, various parameters set in the editor, etc. The parameters usually include trimming size, moving position, whether to invert, etc.

[0030] The method of directly rendering and displaying the resource on the graphical user interface has a single function, so it is disadvantageous for subsequent editing of various effects on the dynamic image displayed on the graphical user interface. To enhance the display effect and realize additional editing functions, as a possible embodiment, step S102 is to render and display the first dynamic image corresponding to the first target resource on the graphical user interface based on the first rendering texture. Load the first target resource, create the first rendering texture, render the first target resource to the first rendering texture for each frame to obtain the target first rendering texture, determine the target first rendering texture as the first dynamic image, display the first dynamic image in the first display area of the graphical user interface, where the display priority of the first dynamic image is higher than that of the image editing control, there are multiple first dynamic images, and the sizes of each first dynamic image are different.

[0031] In fact, as shown in FIG. 3, the graphical user interface can display, for example, three first dynamic images of different sizes, and can display a plurality of first dynamic images of different sizes. Therefore, when actually implementing, a plurality of first rendering textures of different sizes mainly used to render and display the first dynamic images of different sizes can be created, where each first rendering texture needs to be the same as the size preset in the editor. Specifically, using the render texture module of the game engine, a plurality of first rendering textures of different sizes, that is, dynamically create multiple render textures, and the first target resource can be rendered to different first rendering textures. Here, the first target resource is an animation resource, and since the animation changes, it is necessary to render the animation for each frame during the rendering process to obtain a plurality of rendered first rendering textures. Finally, dock and display the rendered first rendering texture in the first display area of the graphical user interface, display it in the game, and then a complete dynamic image is formed, which is convenient for continuously processing the display effect in the game. Also, the display priority of the first dynamic image is higher than that of the image editing control. When the edited first dynamic image is large, some of the controls in the graphical user interface may be blocked by the first dynamic image.

[0032] In addition, for the purpose of displaying a plurality of dynamic images with different sizes, in an actual game, for the same first dynamic image, different display methods may be required for the first dynamic image in different game scenes. In a certain game scene, a head image may be displayed, in a certain game scene, a half-body image may be displayed, and in a certain game scene, a full-body image may be required to be displayed. Therefore, in this embodiment, in order for developers to perform editing and development as needed, the editor can provide a plurality of first dynamic images with different sizes.

[0033] In the above method, the first dynamic image is rendered by the rendering logic that renders the texture and is displayed in the first display area of the graphical user interface, which is advantageous for the subsequent editing of the dynamic image and can simultaneously enhance the displayable effect. In addition, by displaying a plurality of first dynamic images with different sizes, a rich supply of resources to be edited is provided, the editing results of the first dynamic image are enriched, and the development efficiency is further improved.

[0034] The above image editing control includes a first trimming control. In the following step S104, in response to a first operation on the image editing control, displaying the edited target dynamic image on the preview interface is a possible embodiment, (1) In response to a trigger operation on the first trimming control, set the first dynamic image on the preview interface. Here, the preview interface has a trimming function. (2) Trim the preview interface by the trimming function of the preview interface and display the trimmed target dynamic image on the preview interface.

[0035] The above-mentioned first trimming control corresponds to "Start of Trimming" shown in FIG. 4. By clicking on the selection box before "Start of Trimming", the first dynamic image can be previewed on the preview interface, that is, the rendered first rendering texture can be applied to the preview interface. Specifically, using the pre-set size parameters, the preview interface can be trimmed so that the trimmed preview interface can display only the first dynamic image of the trimming part, that is, the above-mentioned target dynamic image. As shown in FIG. 4, the displayed trimmed target dynamic image may be the head image, half-body image, or full-body image of the first dynamic image. In this method, the first dynamic image is set on the preview interface, the preview interface is trimmed, the trimming editing function for the first dynamic image is realized, and the editing efficiency is improved.

[0036] In the above step (2), trimming the preview interface by the trimming function of the preview interface and displaying the trimmed target dynamic image on the preview interface are possible embodiments as By the trimming function of the preview interface, according to the trimming size corresponding to the first dynamic image, the preview interface is trimmed to obtain a trimming area. Here, there are multiple first dynamic images, and the trimming sizes corresponding to each first dynamic image are different. The dynamic image within the trimming area is determined as the target dynamic image, and the target dynamic image is displayed in the trimming area.

[0037] As shown in FIG. 4, each of the above first dynamic images has a corresponding trimming size and is displayed in a graphical user interface at 82×82, 300×300, and 490×490. For example, the preview interface corresponding to the first first dynamic image in FIG. 3 is trimmed with a trimming size of 82×82 to obtain a trimming area of 82×82, which is the first trimming area shown in FIG. 4. The dynamic image displayed within this trimming area is determined as the target dynamic image, and finally, the target dynamic image is displayed in the trimming area. As shown in FIG. 4, ultimately, three trimming areas can be obtained, and the target animations corresponding to each trimming area can be displayed. In this method, based on the trimming size corresponding to each first dynamic image, the preset panel is trimmed, the target dynamic image is displayed in the trimming area, further improving the editing efficiency and development efficiency.

[0038] As shown in FIG. 4, the graphical user interface further includes a zoom control corresponding to the "59.2700 / 20.0000" control under the scaling configuration of FIG. 4. After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further in response to a second operation on the zoom control, adjusts the size of the first dynamic image according to the zoom parameter displayed on the zoom control, and based on the first dynamic image with the adjusted size, displays the dynamic image displayed in the trimming area.

[0039] Specifically, the editor controls the movement of the zoom control after clicking the mouse or during the click operation, and can select zoom parameters. Here, when the zoom parameter displayed on the zoom control is larger than 59.27 which is the initial display value, the size of the first dynamic image is enlarged and enlarged according to the displayed zoom parameter. When the zoom parameter displayed on the zoom control is smaller than 59.27 which is the initial display value, the size of the first dynamic image is reduced and reduced according to the displayed zoom parameter. Here, after adjusting the first dynamic image, the target dynamic image displayed in the trimming area is also adjusted. Specifically, since the trimming area does not change, after adjusting the size of the first dynamic image, the image displayed in the trimming area will necessarily change. In this way, by controlling and displaying the zoom parameter in real time, the first dynamic image is zoomed and edited, further improving the editing effect and development effect.

[0040] Furthermore, after determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the above method further controls the movement of the first dynamic image in response to a position adjustment operation on the target dynamic image displayed in the trimming area, displays the position information of the moved first dynamic image, and adjusts the dynamic image displayed in the trimming area based on the moved first dynamic image.

[0041] Continuing to refer to the position information display area shown in FIG. 4, in actual implementation, the user controls the mouse to perform a click and move operation on the target dynamic image displayed in each trimming area, controls the movement of the first dynamic image, and can display the position information of the moved first dynamic image, for example, X, 27, Y, -219, etc. At the same time, the moved first dynamic image within the trimming area is determined as the target dynamic image and the target dynamic image is displayed. In this way, the movement of the first dynamic image can be controlled, the position of the first dynamic image can be adjusted to display the position information, and the editing effect and development effect can be further enhanced.

[0042] The above image editing control further includes a second trimming control and a third trimming control. As shown in FIG. 4, the second trimming control corresponds to "trim the background" in the figure, and the third trimming control corresponds to "edit custom width and height" in the figure. After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the above method further (1) performing a trigger operation on the second trimming control, marking and displaying the trimming area; and (2) in response to a trigger operation on the third trimming control, displaying an editing interface corresponding to the target trimming area, where the editing interface includes a parameter editing control and a determination control; and (3) adjusting the size of the trimming area based on the parameter editing control and the determination control.

[0043] The above mark display may be a highlight display or other forms of display for the purpose of highlighting the trimming area. Specifically, the editor can click on the "Trim the background" selection box to highlight each trimming area, and as shown in Figure 5, the above mark display can be performed in the form of a black frame display. Next, click on the "Edit custom width and height" selection box to display the editing interface corresponding to the target trimming area, where the target trimming area usually refers to the trimming area with the largest trimming size. As shown in Figure 6, the editing interface includes parameter editing controls and determination controls. Here, "Change width and height" in Figure 6 corresponds to the above determination control, and the parameter editing controls include trimming size input controls for "width" and "height". When actually implemented, it is necessary to edit the width and height that need to be changed in the parameter editing controls, click on [Change width and height] to adjust the size of the trimming area, and the changed trimming area can be displayed. Finally, click on "Enable custom width and height" in the figure, and the modified trimming size will be applied to the graphical user interface.

[0044] As described above, with the second trimming control and the third trimming control, not only the size of the trimming area can be customized and adjusted within a predetermined trimming size, but also the flexibility of animation editing is improved.

[0045] Based on the above parameter editing controls and determination controls, adjusting the size of the trimming area, as a possible implementation form, is to determine the size parameter corresponding to the editing operation in response to the editing operation on the parameter editing controls, and update the size of the target trimming area based on the size parameter in response to the trigger operation on the determination controls, and mark and display the updated trimming area.

[0046] Specifically, the editor can input the trimming size to be modified into the input boxes corresponding to the "width" and "height" shown in FIG. 6. After the input is completed, when the editor clicks the "Modify Width and Height" below, the size parameters corresponding to the editing operation can be determined. When the determination control, that is, the "Modify Width and Height" in FIG. 6, is clicked, the size of the target trimming area can be updated in the editing interface, and the updated trimming area can be displayed as well. Finally, when the "Enable Custom Width and Height" in the figure is clicked, the modified trimming size is applied to the graphical user interface. Of course, if the selection of the second trimming control is directly cancelled, the display of the editing interface is cancelled.

[0047] Since the editor can move the position of the first dynamic image within the trimming area, in order to further enhance the display effect of the target dynamic image within the trimming area, the above graphical user interface also includes a reference box control and a reference box hiding control. Here, there are usually multiple reference box controls. As shown in FIG. 7, three reference box controls are displayed in the first trimming area, namely "Reference Box 1 Class 46", "Reference Box 2 Class 50", and "Reference Box 3 Class 72". Four reference box controls are displayed in the second trimming area, namely "Reference Box 1 Class 64", "Reference Box 2 Class 64", "Reference Box 3 Class 82", and "Reference Box 4 Class 200". The sizes of the reference boxes corresponding to each reference box control are different. Of course, the sizes of the reference boxes corresponding to the reference box controls in trimming areas of different sizes may also be different.

[0048] It should be noted that only the face and the bust require reference boxes. The role of the reference box is to divide the central area in the bust of the face, which is convenient for the editor to place the main content area of the image (such as a person's face) in line with the central area, and it is relatively beautiful. Also, since the full-body image size displays all the content, there is no need for a reference box.

[0049] Determine the dynamic image within the trimming area as the target dynamic image, and after displaying the target dynamic image in the trimming area, the method further includes, in response to a trigger operation on the reference box control, displaying a reference box corresponding to the reference box control at a predetermined position in the trimming area, and in response to a trigger operation on the reference box hiding control, canceling the display of the reference box.

[0050] As shown in FIG. 7, the editor can click on "Reference Box 2 Class 64" to display the reference box in the figure in the trimming area displayed in the center. This reference box is mainly used to instruct the adjustment of the position of the first dynamic image in the trimming area. If it is necessary to adjust the position of the first dynamic image in the trimming area, it can be adjusted based on the reference box. For example, the head of the image can be adjusted to the center of the reference box. After the position adjustment of the first dynamic image is completed, the reference box hiding control can be clicked to cancel the display of the reference box. In the above aspect, by displaying the reference box in the trimming area, it is convenient for the editor to adjust the position of the first dynamic image, and the editing efficiency and the effect of the dynamic image can be improved.

[0051] Since the edge gradient effect by the spine tool is very poor, in order to display a better gradient effect, the graphical user interface also includes a gradient parameter configuration control. Here, the gradient parameter configuration control adjusts the transparency of the edge of the target dynamic image displayed in the trimming area, so that there is a gradient effect in the edge area of the target dynamic image.

[0052] In response to a first operation on the image editing control, after displaying the edited target dynamic image on the preview interface, the method further includes adjusting the transparency of the edge region of the target dynamic image in response to a third operation on the gradient parameter configuration control.

[0053] The third operation may be a click operation or a click-and-drag operation, etc. There are usually multiple gradient parameter configuration controls, and each gradient parameter configuration control is used to control the transparency of the edge region of the target dynamic image in a specified direction. For example, the upper gradient parameter configuration control is used to control the transparency of the upper edge region of the target animation. Here, the transparency is in a gradient form, with a gradient display effect. In this way, the gradient parameter configuration control can control and adjust the transparency of the edge region of the target animation to achieve the display effect of the transparency gradient and enhance the effect of the target animation.

[0054] The gradient parameter configuration control includes a plurality of first gradient parameter configuration controls, corresponding to the first gradient parameter configuration controls such as "Upper, 0.0000 / 1.0000", "Bottom, 0.0000 / 1.0000", "Left, 0.0000 / 1.0000", "Right, 0.0000 / 1.0000" in FIG. 8. Adjusting the transparency of the edge region of the target animation in response to a third operation on the gradient parameter configuration control, as a possible embodiment, includes the following steps.

[0055] In step 1, in response to a selection operation on the first parameter of the first gradient parameter configuration control, based on the first parameter, determine the first edge region of the target dynamic image, where the first parameter is used to indicate the direction and range of the first edge region. When actually implemented, referring to the gradient parameter configuration control displayed in the middle trimming area of Figure 8, click on "Upper, 0.0000 / 1.0000" to select the first parameter as 0.2000. The first parameter indicates the percentage area from the upper edge of the target dynamic image to the bottom edge of the target dynamic image. That is, 0.2000 indicates the area that represents 20% from the upper edge of the target dynamic image to the bottom edge of the target dynamic image as the first edge area, which is a schematic diagram of the first edge area shown in Figure 9. Here, when the first parameter is 0.0000, it indicates that there is no first edge area, and when the first parameter is 1.0000, it indicates that the area from the upper edge of the target animation to the bottom edge of the target animation is the first edge area. Similarly, when clicking on "Bottom, 0.0000 / 1.0000", "Left, 0.0000 / 1.0000", and "Right, 0.0000 / 1.0000" to select the first parameter, the corresponding first edge area is determined.

[0056] In step 2, adjust the transparency of the first edge area.

[0057] Specifically, it can be directly adjusted based on a predetermined parameter. For example, by adjusting the transparency of the first edge area according to the rule that the transparency gradually decreases from the edge to the center, the transparency gradually decreases from the edge to the center.

[0058] Also, the area that requires transparency adjustment can be determined from the first edge area. In this area, the area that requires transparency adjustment can be performed by a predetermined adjustment method. For example, only 50% of the edge area can be determined from the first edge area. That is, the transparency is adjusted to the middle position from the upper edge of the first edge area to the first edge, and there is an effect that the transparency gradually decreases to the middle position from the upper edge of the first edge area to the first edge.

[0059] As described above, it is necessary to select the first parameter by the first gradient parameter configuration control, determine the first edge region where the gradient effect needs to be displayed, and then adjust the transparency of the first edge region so that the edge of the target dynamic image can have a gradient effect, thereby enhancing the display effect of the dynamic image.

[0060] The above gradient parameter configuration control includes a second gradient parameter configuration control, and the second gradient parameter configuration control corresponds to "Gradient, 0.0000 / 1.0000" shown in FIG. 8. Here, adjusting the transparency of the first edge region in step (2) includes the following steps as a possible implementation form.

[0061] In step 21, in response to a selection operation on the second parameter of the second gradient parameter configuration control, based on the second parameter, a second edge region is determined from the first edge region. Here, the second parameter is used to indicate the range of the second edge region, and the second edge region is below the first edge region. In step 22, the transparency of the second edge region is adjusted. Here, the closer to the edge of the second edge region, the higher the value of the transparency of the region, and the farther from the edge of the second edge region, the lower the value of the transparency of the region.

[0062] For example, when the first edge region is the upper edge region, the above second parameter is used to indicate the range of the region from the upper position of the first edge region to the target position in the middle region. For example, when the second parameter is 0.0000, the second edge region is not determined, and of course, the gradient effect is not displayed either. When the second parameter is 1.0000, the first edge region is directly determined as the second edge region. When the second parameter is 0.5000, the region between the upper position and the middle position (i.e., the 50% position) of the first edge region is determined as the second edge region.

[0063] Next, the higher the value for adjusting the transparency of the upper edge of the second edge region, the lower the value for adjusting the transparency of the lower edge of the second edge region. For example, as shown in 10, when the upper first parameter displayed in the intermediate trimming region is 0.2000 and the second parameter is 0.5000, there is a gradient effect in the second edge region. As described above, the second parameter is selected based on the second gradient parameter configuration control, the second edge region is determined by the second parameter, the transparency is adjusted in the second edge region, the gradient effect of the second edge region is realized, and the effect of the dynamic image is further improved.

[0064] Depending on the trimming size, partial image display such as a bust size may be required, and a hard edge may not be desired to be left at the trimming edge. In some related technologies, the gradient effect of the edge is directly performed via the spine, but this method has low efficiency. In order to express a good gradient effect, adjusting the transparency of the second edge region in step 22 above may, as a possible implementation form, include the following steps: In step 221, a predetermined gradient material is obtained. In step 222, the gradient material is applied to the first dynamic image via a predetermined rendering interface. In step 223, the value of the transparency corresponding to the pixel points in the second edge region is adjusted by the gradient material, so that the adjusted second edge region has a transparency gradient effect.

[0065] The editor encapsulates a module of spine-rt that can be represented as CSpine2ImageRTLayout. When actually implemented, a post-processing material Ui_spine_alpha_rt for edge gradation, that is, the above-mentioned gradation material, is created in advance. The gradation material is applied to the first dynamic image through a rendering interface (such as GLProgram) pre-set by the game engine. Then, the rendered dynamic image is processed. Through the gradation material, the transparency value corresponding to the pixel point is adjusted based on the position information of the pixel point in the second edge region, and a transparency gradation effect can be given to the adjusted second edge region. Here, GLProgram is logic that encapsulates the interaction with the underlying rendering interface (D3D or OpenGL), and the rendering logic can be modified from the shader shader level, which is convenient for customizing various effect effects in the game to the interface control. In the above method, by applying the gradation material to the first dynamic image, the gradation effect of the second edge region is realized, the operation method is simple, and the gradation effect of the second edge region is improved.

[0066] To further enhance the effect of the second edge region, in the above step 223, adjusting the transparency value corresponding to the pixel point in the second edge region by the gradation material, as a possible implementation, the shader of the gradation material samples the UV coordinates of the target pixel point in the second edge region, determines the distance value between the target pixel point and the edge pixel point in the second edge region based on the UV coordinates of the target pixel point, determines the target value of the transparency corresponding to the target pixel point based on the distance value and a predetermined control parameter, and adjusts the transparency value corresponding to the target pixel point in the second edge region to the target value.

[0067] In the shader of the gradient material, a gradient adjustment rule is set in advance. Specifically, when the second edge region is the upper edge region, the UV coordinates of each pixel point in the second edge region are sampled, and for each pixel point, based on the UV coordinates of the pixel point, the distance value between the pixel point and the pixel point at the upper position of the second edge region is determined. The predetermined control parameter may be a transparency value corresponding to different distance values. The specific correspondence is that the smaller the distance value, the larger the corresponding transparency value, and the larger the distance value, the smaller the corresponding transparency value. Of course, in the above-mentioned predetermined control parameter, usually, the magnitude of the distance value needs to be determined based on the range value of the second edge region. When the distance value is 0, the corresponding transparency value is at most 1, and when the distance value is the maximum range value of the second edge region, the corresponding transparency value is at least 0. The above-mentioned distance value and transparency value can be determined based on the method of the linear function y = -ax + 1, where x is the distance value and y is the transparency value. As the distance value increases or decreases, the transparency gradually decreases or increases.

[0068] For example, if the distance value between the pixel point and the pixel point at the upper position of the second edge region is at least 0, the transparency value of the corresponding pixel point is 1. If the distance value between the pixel point and the pixel point at the upper position of the second edge region is at most 1, the transparency value of the corresponding pixel point is 0. If the distance value between the pixel point and the pixel point at the upper position of the second edge region is 0.1, the transparency value of the corresponding pixel point is 0.9, etc.

[0069] In the above manner, the shader of the gradient material adjusts the transparency value of the pixel point based on the distance value between the pixel point and the edge pixel point of the second edge region, and further improves the gradient effect of the second edge region.

[0070] When using these resources in certain situations (e.g., low - configuration devices), the consumption may increase when loading and displaying the dynamic images saved in the editor. Based on this, the graphical user interface further includes static controls and image - saving controls. As shown in Figure 11, the static control corresponds to the "static spine" in Figure 11, and the image - saving control corresponds to the "save image" in Figure 11. In response to a first operation on the image - editing control, after displaying the edited target dynamic image on the preview interface, the method further In response to a trigger operation on the static control, create a second rendering texture, render the initial frame of the target dynamic image onto the second rendering texture to obtain a target second rendering texture, determine the target second rendering texture as the initial - frame image, and in response to a trigger operation on the image - saving control, save the initial - frame image.

[0071] In this embodiment, the editor also provides a function to save a dynamic image as a static image. Specifically, the editor can click on the selection box of the "static spine" to first create a second rendering texture, which can be represented as a render texture, then render the initial frame of the target dynamic image onto the second rendering texture to obtain a target second rendering texture, determine the target second rendering texture as the initial - frame picture, display it on the graphical user interface, and finally, the editor can click to save the image and output the initial - frame image to the specified profile. In this way, by creating a second rendering texture and saving the static image of the target dynamic image, the resources occupied by the static - image resources are small, the static image can be used on low - configuration devices, and the operating pressure of the device can be reduced.

[0072] The graphical user interface further includes a plurality of game background display controls. As shown in FIG. 11, the game background display controls correspond to "1" to "10" in FIG. 11. The method further includes, in response to a trigger operation on a first game background display control among the plurality of game background display controls, displaying a first game background screen corresponding to the first game background display control in a background area of the graphical user interface.

[0073] Each of the 10 game background display controls shown in FIG. 11 corresponds to one type of game scene screen. In actual implementation, during the process of editing the first dynamic image or before loading the first target resource, click on the game background display control to display the game background screen to be previewed, and intuitively fuse the dynamic image to be displayed after loading the resource with the game scene, so as to achieve the effect of previewing the final screen in real time.

[0074] The graphical user interface further includes a mirror control. As shown in FIG. 11, the mirror control corresponds to "left - right mirror" in FIG. 11. In response to a load operation on the first target resource, based on the first rendering texture, after rendering and displaying a first dynamic image corresponding to the first target resource on the graphical user interface, the method further includes, in response to a trigger operation on the mirror control, inverting the first dynamic image to obtain a mirror image of the first dynamic image, and displaying the mirror image of the first dynamic image.

[0075] The editor can select whether to perform the inversion operation according to the actual needs and save the mirror image. When actually realized, if the editor wants to view the inverted image of the first dynamic image, by clicking "Horizontal Mirror", while inverting the first dynamic image, the mirror image of the first dynamic image can be displayed. In other words, the rendered first rendering texture is inverted. Here, the mirroring function is usually used in the story editor dialog. In this way, the horizontal mirror animation of the dynamic character is supported, the first dynamic image can be displayed in an inverted manner, and the editing function is further enriched.

[0076] To simulate and preview the expression and display effect of the target animation in the game scene, as shown in FIG. 11, the graphical user interface further includes a preview control, and the method further includes the following steps.

[0077] (1) In response to a trigger operation on the preview control, display a game interface on the graphical user interface, where the game interface includes a resource load control and a game scene screen. The editor can click the preview control to display a game interface on the graphical user interface as shown in FIG. 12, where a resource load control and a game scene screen displayed in the background are included. Here, the resource load control includes a dynamic image number input control and a load control. It corresponds to "Image ID" and "Load" in FIG. 12.

[0078] (2) In response to a fourth operation on the resource load control, load a second target resource corresponding to the fourth operation and audio data corresponding to the second target resource, and display a second dynamic image corresponding to the second target resource on the game interface. The editor can input the number of the dynamic image to be previewed in the input control and click "Load" to load the second target resource corresponding to the number and the audio data corresponding to the second target resource. Here, the second target resource refers to the animated resource that has been edited and saved, and the audio data corresponding to the second target resource is the audio data generated by an AI voice generation tool in advance. Specifically, the editor can load the audio data corresponding to the second target resource from the AI voice generation tool through a preset acquisition interface and display the second dynamic image corresponding to the second target resource on the game interface.

[0079] (3) Based on the second target resource and the audio data, play the action screen and the sound audio corresponding to the second dynamic image.

[0080] The action screen corresponding to the second dynamic image includes not only the animation of body parts but also the lip-sync animation that has been pre-created with the spine tool and usually refers to the lip-sync animation with vowels. For example, the spine tool creates five types of lip-sync animation frames for the character and stores them in the second target resource. Specifically, play the action screen and the sound audio corresponding to the second dynamic image on the preview interface. Here, the sound audio corresponds to the lip-sync animation. For example, when the audio is played, the lip-sync animation is played simultaneously, and when the audio is stopped, the mouth animation is stopped. Generally, the animation of the body part of the second animation is always played. At the same time, the text corresponding to the sound audio is also displayed simultaneously and synchronously.

[0081] In the above method, the interface can be displayed by the preview control, and in the preview interface, the expression and display effect of the target dynamic image in the game scene can be simulated and previewed. Furthermore, the editing function can be improved, and the effect of the dynamic image can be improved.

[0082] In the above step (3), the second target resource includes a plurality of predetermined lip-synced animations. Based on the second target resource and the audio data, playing the operation screen and the sound audio corresponding to the second dynamic image, as a possible implementation form, includes analyzing the audio data, obtaining the corresponding sound audio, determining the target lip-synced animation corresponding to each target audio in the sound audio from the plurality of lip-synced animations, playing the operation screen and the sound audio corresponding to the second dynamic image, and simultaneously playing the target lip-synced animation corresponding to each target audio.

[0083] Specifically, by using a predetermined AI voice analysis tool, the audio data is converted into analyzable voice audio. Then, the target lip-synced animation of each frame on the corresponding voice timeline is determined from the plurality of lip-synced animations. Finally, during playback, the synchronization effect between the lip movement and the voice in the final animation expression can be achieved. In this method, by analyzing the audio data and determining the target lip-synced animation corresponding to each sound audio, not only the dynamic expression effect of the real-time preview animation in the game scene is realized, but also the speaking effect due to the synchronization of the voice and the movement is realized.

[0084] In order to save the workload of resource development and reduce the total packet volume of the saved dynamic resources, as shown in FIG. 11, the graphical user interface further includes a comparison control, and the above method further includes the following steps.

[0085] (1) In response to a trigger operation on a comparison control, display a comparison interface on the graphical user interface, where the comparison interface includes a plurality of resource input controls, each resource input control having a corresponding image display area and a load control, and the resource input controls are used to input the resource numbers of the target resources. The editor clicks on the comparison control to display the comparison interface on the graphical user interface. As shown in FIG. 13, a plurality of resource input controls (such as the eight resource input controls shown in FIG. 13) are included, where a number input box is included, and above each resource input control, a corresponding image display area for displaying a dynamic image corresponding to the number is displayed. FIG. 13 also includes a load control.

[0086] (2) In response to a trigger operation on the load control corresponding to the target resource input control, load a third target resource corresponding to the resource number displayed in the target resource input control. (3) Display a third dynamic image corresponding to the third target source in the image display area corresponding to the target resource input control.

[0087] The editor can input the resource number of the third target resource to be compared with each resource input control. If eight are to be compared, input the resource numbers in each resource input control, and then click "Load" after the input is completed. The third target resource corresponding to the resource number will be loaded, and the target dynamic image within the third target resource can be displayed in the image display area as shown in Figure 13. In this way, by simultaneously displaying multiple target dynamic images, the sizes and display effects of multiple target dynamic images can be compared. Furthermore, it makes it easier for the editor to unify the specifications, gives each displayed target dynamic image a unified display and style effect, performs editing using a unified comparison method, further improves the development efficiency, and also reduces the total packet volume of resources for the subsequent unified specifications by the comparison method.

[0088] The above comparison interface includes a plurality of selection controls, and each selection control corresponds to one image size. The above selection controls include three types: "avatar", "half-body image", and "full-body image" as shown in Figure 13. The above method further includes displaying a third dynamic image of the first image size corresponding to the first selection control in the image display area in response to a trigger operation on the first selection control among the plurality of selection controls.

[0089] Specifically, before loading each target dynamic image, click on the first selection control among the multiple selection controls, and the size of the third dynamic image that is then displayed corresponds to the size of the first selection control. For example, when clicking on a bust image, all the third dynamic images that are displayed can be bust images. Of course, after loading each third dynamic image, by clicking on the first selection control among the multiple selection controls, the image size of the third dynamic images that can be uniformly displayed, such as clicking on a bust image, can be unified, and the third dynamic images that can be uniformly displayed are bust images. In this way, by selecting the control to select the image size of the third dynamic images that can be uniformly displayed, the editing efficiency and contrast efficiency are further improved, and the development efficiency is improved.

[0090] As shown in FIG. 13, the comparison interface further includes a reference line control, and the method further includes displaying a reference line corresponding to the reference line control on the comparison interface in response to a trigger operation on the reference line control.

[0091] The above reference line is convenient for the editor to compare whether the positions of each of the displayed third animations are correct, and can quickly compare which image positions are different from other images. Through the intuitive comparison by the reference line, the editing efficiency and comparison efficiency are further enhanced, and at the same time, the development efficiency is enhanced.

[0092] As shown in FIG. 13, the comparison interface further includes a still image control, and the method further includes displaying an initial frame image of the third dynamic image in the image display area in response to a trigger operation on the still image control.

[0093] Since still images are also important resources in game development, the comparison interface also includes a still image control. When the editor clicks on the still image control, the initial frame image of the third dynamic image can be displayed to facilitate the editor's comparison of still images.

[0094] Corresponding to the embodiments of the above method, an embodiment of the present disclosure provides an apparatus for editing a moving image, provides a graphical user interface on a terminal device, the graphical user interface includes an image editing control, and as shown in FIG. 14, the apparatus includes a first display module 141 and an editing module 142. The first display module 141 is configured to render and display a first moving image corresponding to the first target resource on the graphical user interface based on the first rendering texture in response to a load operation on the first target resource. The editing module 142 is configured to display the edited target moving image on the preview interface in response to a first operation on the image editing control.

[0095] An embodiment of the present disclosure provides an apparatus for editing a moving image, which renders and displays a first moving image corresponding to a first target resource on a graphical user interface based on a first rendering texture in response to a load operation on the first target resource, and displays the edited target moving image on a review interface in response to a first operation on an image editing control in the graphical user interface. In this way, the moving image can be directly edited based on the preview interface, the rendering texture enables the display effect of the edited moving image to be viewed in real time, the saved result can be directly applied to the game, avoiding the problem that the moving image needs to be developed by multiple software, simplifying the game development process, reducing labor costs and time costs, and improving development efficiency.

[0096] Furthermore, the first display module is further configured to load a first target resource, create a first rendering texture, render the first target resource into the first rendering texture for each frame to obtain a target first rendering texture, determine the target first rendering texture as a first dynamic image, and display the first dynamic image in a first display area of the graphical user interface. Here, the priority of the display of the first dynamic image is higher than that of the image editing control. There are a plurality of first dynamic images, and the sizes of each of the first dynamic images are different.

[0097] Furthermore, the image editing control includes a first trimming control, and the editing module is further configured to set the first dynamic image in a preview interface in response to a trigger operation on the first trimming control. Here, the preview interface has a trimming function, and is configured to trim the preview interface by the trimming function of the preview interface and display the trimmed target dynamic image.

[0098] Furthermore, the editing module is further configured to trim the preview interface based on a trimming size corresponding to the first dynamic image by the trimming function of the preview interface to obtain a trimming area. Here, there are a plurality of first dynamic images, and the trimming sizes corresponding to each of the first dynamic images are different. The dynamic image within the trimming area is determined as the target dynamic image, and the target dynamic image is configured to be displayed in the trimming area.

[0099] Furthermore, the graphical user interface further includes a zoom control, and the apparatus further includes a first adjustment module. The first adjustment module adjusts the size of the first dynamic image based on the zoom parameters displayed on the zoom control in response to a second operation on the zoom control, and is configured to display the dynamic image displayed in the trimming area based on the first dynamic image with the adjusted size.

[0100] Furthermore, the apparatus further includes a second adjustment module. The second adjustment module controls the movement of the first dynamic image in response to a position adjustment operation on the target dynamic image displayed in the trimming area, displays the position information of the moved first dynamic image, and is configured to adjust the dynamic image displayed in the trimming area based on the moved first dynamic image.

[0101] Furthermore, the image editing control further includes a second trimming control and a third trimming control. The apparatus further includes a trimming module. The trimming module marks and displays the trimming area in response to a trigger operation on the second trimming control, and displays an editing interface corresponding to the target trimming area in response to a trigger operation on the third trimming control. Here, the editing interface includes a parameter editing control and a determination control, and is configured to adjust the size of the trimming area based on the parameter editing control and the determination control.

[0102] Furthermore, the trimming module determines the size parameter corresponding to the editing operation in response to an editing operation on the parameter editing control, updates the size of the target trimming area based on the size parameter in response to a trigger operation on the determination control, and is configured to mark and display the updated trimming area.

[0103] Furthermore, the graphical user interface further includes a reference box control and a reference box hiding control, and the apparatus further includes a second display module. The second display module is configured to display a reference box corresponding to the reference box control at a predetermined position of the trimming area in response to a trigger operation on the reference box control, and to cancel the display of the reference box in response to a trigger operation on the reference box hiding control.

[0104] Furthermore, the graphical user interface further includes a gradation parameter configuration control, and the apparatus further includes a third adjustment module. The third adjustment module is configured to adjust the transparency of the edge area of the target dynamic image in response to a third operation on the gradation parameter configuration control.

[0105] Furthermore, the gradation parameter configuration control includes a plurality of first gradation parameter configuration controls. The third adjustment module is further configured to determine a first edge area of the target dynamic image based on a first parameter in response to a selection operation on the first parameter of the first gradation parameter configuration control, where the first parameter indicates the direction and range of the first edge area, and to adjust the transparency of the first edge area.

[0106] Furthermore, the gradation parameter configuration control includes a second gradation parameter configuration control. The third adjustment module is further configured to determine a second edge area from the first edge area based on a second parameter in response to a selection operation on the second parameter of the second gradation parameter configuration control, where the second parameter indicates the range of the second edge area, the second edge area is below the first edge area, and to adjust the transparency of the second edge area, where the closer to the edge of the second edge area, the higher the transparency value of the area, and the farther from the edge of the second edge area, the lower the transparency value of the area.

[0107] Furthermore, the third adjustment module further obtains a predetermined gradient material, and through a predetermined rendering interface, applies the gradient material to the first dynamic image, and uses the gradient material to adjust the transparency value corresponding to the pixel points in the second edge region, so that the adjusted second edge region has a transparency gradient effect.

[0108] Furthermore, the third adjustment module further samples the UV coordinates of the target pixel points in the second edge region by means of the shader of the gradient material, determines the distance value between the target pixel points and the edge pixel points in the second edge region based on the UV coordinates of the target pixel points, determines the target value of the transparency corresponding to the target pixel points based on the distance value and a predetermined control parameter, and adjusts the transparency value corresponding to the target pixel points in the second edge region as the target value.

[0109] Furthermore, the graphical user interface further includes a static control and an image saving control, the device includes a second saving module, and the second saving module is configured to create a second rendering texture in response to a trigger operation on the static control, render the initial frame of the target dynamic image to the second rendering texture to obtain a target second rendering texture, determine the target second rendering texture as the initial frame image, and save the initial frame image in response to a trigger operation on the image saving control.

[0110] Furthermore, the graphical user interface further includes a plurality of game background display controls, and the apparatus further includes a third display module. The third display module is configured to display a first game background screen corresponding to the first game background display control in the background area of the graphical user interface in response to a trigger operation on the first game background display control among the plurality of game background display controls.

[0111] Furthermore, the graphical user interface further includes a mirror control, and the apparatus further includes a mirror module. The mirror module is configured to invert the first dynamic image to obtain a mirror image of the first dynamic image and display the mirror image of the first dynamic image in response to a trigger operation on the mirror control.

[0112] Furthermore, the graphical user interface further includes a preview control, and the apparatus further includes a preview module. The preview module is configured to display a game interface on the graphical user interface in response to a trigger operation on the preview control. Here, the game interface includes a resource load control and a game scene screen. In response to a fourth operation on the resource load control, the second target resource corresponding to the fourth operation and the audio data corresponding to the second target resource are loaded, a second dynamic image corresponding to the second target resource is displayed on the game interface, and based on the second target resource and the audio data, an operation screen and sound audio corresponding to the second dynamic image are played.

[0113] Furthermore, the second target resource includes a plurality of lip-synced animations, and the preview module further analyzes audio data to obtain corresponding sound audio, determines a target lip-synced animation corresponding to each target audio in the sound audio from the plurality of lip-synced animations, plays an operation screen and sound audio corresponding to the second moving image, and is configured to play the target lip-synced animation corresponding to each target audio.

[0114] Furthermore, the graphical user interface further includes a comparison control, and the device further includes a comparison module. The comparison module is configured to display a comparison interface on the graphical user interface in response to a trigger operation on the comparison control. Here, the comparison interface includes a plurality of resource input controls, each resource input control has a corresponding image display area and a load control, the resource input control is used to input the resource number of the target resource, and in response to a trigger operation on the load control corresponding to the target resource input control, loads a third target resource corresponding to the resource number displayed in the target resource input control, and is configured to display a third moving image corresponding to the third target source in the image display area corresponding to the target resource input control.

[0115] Furthermore, the comparison interface further includes a plurality of selection controls, each selection control corresponds to an image size, and the comparison module is further configured to display a third moving image with a first image size corresponding to the first selection control in the image display area in response to a trigger operation on the first selection control among the plurality of selection controls.

[0116] Furthermore, the comparison interface further includes a reference line control, and the comparison module is further configured to display a reference line corresponding to the reference line control on the comparison interface in response to a trigger operation on the reference line control.

[0117] Furthermore, the comparison interface further includes a still image control, and the comparison module is further configured to display an initial frame image of a third dynamic image in the image display area in response to a trigger operation on the still image control.

[0118] Furthermore, the apparatus further includes a first storage module, and the first storage module is configured to convert data information corresponding to the target dynamic image into a target code in response to a storage operation on the target dynamic image, and store the target code in a predetermined profile.

[0119] The dynamic image editing apparatus provided by the embodiments of the present disclosure has the same technical features as the dynamic image editing method provided by the above embodiments, so it can also solve the same technical problems and obtain the same technical effects.

[0120] This embodiment also provides an electronic device including a memory storing computer-executable instructions executable by a processor, and a processor executing the computer-executable instructions for implementing the above-described dynamic image editing method. This electronic device may be a server or a terminal device.

[0121] As shown in FIG. 15, the electronic device includes a processor 100 that executes computer-executable instructions for implementing the above-described dynamic image editing method, and a memory 101 that stores computer-executable instructions for implementing the above-described method. The specific method is as follows. In response to a load operation on a first target resource, rendering and displaying, on a graphical user interface, a first dynamic image corresponding to the first target resource based on a first rendering texture; and in response to a first operation on an image editing control, displaying, on a preview interface, an edited target dynamic image.

[0122] Rendering and displaying, on a graphical user interface, a first dynamic image corresponding to a first target resource based on the first rendering texture includes: loading the first target resource, creating the first rendering texture, rendering the first target resource frame by frame onto the first rendering texture to obtain a target first rendering texture, determining the target first rendering texture as the first dynamic image, and displaying the first dynamic image in a first display area of the graphical user interface. Here, the display priority of the first dynamic image is higher than that of the image editing control, there are a plurality of the first dynamic images, and the sizes of each of the first dynamic images are different.

[0123] The image editing control includes a first trimming control. Displaying, on a preview interface, an edited target dynamic image in response to a first operation on the image editing control includes: setting the first dynamic image on the preview interface in response to a trigger operation on the first trimming control. Here, the preview interface has a trimming function, and by the trimming function of the preview interface, trimming the preview interface and displaying the trimmed target dynamic image on the preview interface.

[0124] By using the trimming function of the preview interface to trim the preview interface and display the trimmed target dynamic image on the preview interface, it is to obtain a trimming area by trimming the preview interface based on the trimming size corresponding to the first dynamic image by using the trimming function of the preview interface. Here, there are a plurality of the first dynamic images, and the trimming sizes corresponding to each of the first dynamic images are different. It includes determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area.

[0125] The graphical user interface further includes a zoom control. After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further includes adjusting the size of the first dynamic image based on the zoom parameter displayed on the zoom control in response to a second operation on the zoom control, and displaying the dynamic image displayed in the trimming area based on the first dynamic image whose size has been adjusted.

[0126] After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further includes controlling the movement of the first dynamic image in response to a position adjustment operation on the target dynamic image displayed in the trimming area, and displaying the position information of the moved first dynamic image, and adjusting the dynamic image displayed in the trimming area based on the moved first dynamic image.

[0127] The above image editing control further includes a second trimming control and a third trimming control. After determining a dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further includes marking and displaying the trimming area in response to a trigger operation on the second trimming control, and displaying an editing interface corresponding to the target trimming area in response to a trigger operation on the third trimming control. Here, the editing interface includes a parameter editing control and a determination control, and includes adjusting the size of the trimming area based on the parameter editing control and the determination control.

[0128] Adjusting the size of the trimming area based on the above parameter editing control and determination control includes determining a size parameter corresponding to the editing operation in response to an editing operation on the parameter editing control, and updating the size of the target trimming area based on the size parameter and marking and displaying the updated trimming area in response to a trigger operation on the determination control.

[0129] The above graphical user interface further includes a reference box control and a reference box hiding control. After determining a dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further includes displaying a reference box corresponding to the reference box control at a predetermined position in the trimming area in response to a trigger operation on the reference box control, and canceling the display of the reference box in response to a trigger operation on the reference box hiding control.

[0130] The graphical user interface further includes a gradient parameter configuration control. In response to a first operation on the image editing control, after displaying the edited target dynamic image on the preview interface, the method further includes adjusting the transparency of the edge region of the target dynamic image in response to a third operation on the gradient parameter configuration control.

[0131] The gradient parameter configuration control includes a plurality of first gradient parameter configuration controls. Adjusting the transparency of the edge region of the target dynamic image in response to a third operation on the gradient parameter configuration control includes determining a first edge region of the target dynamic image based on a first parameter in response to a selection operation on the first parameter of the first gradient parameter configuration control, where the first parameter indicates the direction and range of the first edge region, and adjusting the transparency of the first edge region.

[0132] The gradient parameter configuration control includes a second gradient parameter configuration control. Adjusting the transparency of the first edge region includes determining a second edge region from the first edge region based on a second parameter in response to a selection operation on the second parameter of the second gradient parameter configuration control, where the second parameter indicates the range of the second edge region, the second edge region is below the first edge region, and adjusting the transparency of the second edge region, where the closer to the edge of the second edge region, the higher the transparency value of the region, and the farther from the edge of the second edge region, the lower the transparency value of the region.

[0133] Adjusting the transparency of the second edge region includes obtaining a predetermined gradient material, applying the gradient material to the first dynamic image via a predetermined rendering interface, adjusting the transparency value corresponding to the pixel points of the second edge region with the gradient material, and enabling the adjusted second edge region to have a transparency gradient effect.

[0134] Adjusting the transparency value corresponding to the pixel points of the second edge region with the gradient material includes sampling the UV coordinates of the target pixel points of the second edge region by the shader of the gradient material, determining the distance value between the target pixel points and the edge pixel points of the second edge region based on the UV coordinates of the target pixel points, determining the target value of the transparency corresponding to the target pixel points based on the distance value and a predetermined control parameter, and adjusting the transparency value corresponding to the target pixel points of the second edge region as the target value.

[0135] The graphical user interface further includes a static control and an image saving control. After displaying the edited target dynamic image on the preview interface in response to a first operation on the image editing control, the method further includes creating a second rendering texture in response to a trigger operation on the static control, rendering the initial frame of the target dynamic image to the second rendering texture to obtain a target second rendering texture, determining the target second rendering texture as the initial frame image, and saving the initial frame image in response to a trigger operation on the image saving control.

[0136] The graphical user interface further includes a plurality of game background display controls, and the method further includes, in response to a trigger operation on a first game background display control among the plurality of game background display controls, displaying a first game background screen corresponding to the first game background display control in a background area of the graphical user interface.

[0137] The graphical user interface further includes a mirror control. In response to a load operation on a first target resource, based on a first rendering texture, after rendering and displaying a first dynamic image corresponding to the first target resource on the graphical user interface, the method further includes, in response to a trigger operation on the mirror control, inverting the first dynamic image to obtain a mirror image of the first dynamic image, and displaying the mirror image of the first dynamic image.

[0138] The graphical user interface further includes a preview control. The method further includes, in response to a trigger operation on the preview control, displaying a game interface on the graphical user interface, where the game interface includes a resource load control and a game scene screen. In response to a fourth operation on the resource load control, loading a second target resource corresponding to the fourth operation and audio data corresponding to the second target resource, and displaying a second dynamic image corresponding to the second target resource on the game interface. Based on the second target resource and the audio data, playing an action screen and sound audio corresponding to the second dynamic image.

[0139] The second target resource includes a plurality of dubbed animations. Based on the second target resource and the audio data, playing the operation screen and the sound audio corresponding to the second dynamic image includes analyzing the audio data to obtain the corresponding sound audio, determining the target dubbed animation corresponding to each target audio in the sound audio from the plurality of dubbed animations, playing the operation screen and the sound audio corresponding to the second dynamic image, and playing the target dubbed animation corresponding to each target audio.

[0140] The graphical user interface further includes a comparison control. The method further includes displaying a comparison interface on the graphical user interface in response to a trigger operation on the comparison control. Here, the comparison interface includes a plurality of resource input controls. Each resource input control has a corresponding image display area and a load control. The resource input control is used to input the resource number of the target resource, and in response to a trigger operation on the load control corresponding to the target resource input control, loading the third target resource corresponding to the resource number displayed on the target resource input control, and displaying the third dynamic image corresponding to the third target source in the image display area corresponding to the target resource input control.

[0141] The comparison interface further includes a plurality of selection controls. Each selection control corresponds to an image size. The method further includes displaying, in response to a trigger operation on the first selection control among the plurality of selection controls, the third dynamic image with the first image size corresponding to the first selection control in the image display area.

[0142] The comparison interface further includes a reference line control, and the method is further configured to display a reference line corresponding to the reference line control on the comparison interface in response to a trigger operation on the reference line control.

[0143] The comparison interface further includes a still image control, and the method further includes displaying an initial frame image of a third dynamic image in an image display area in response to a trigger operation on the still image control.

[0144] After displaying an edited target dynamic image on a preview interface in response to a first operation on the image editing control, the method further includes converting data information corresponding to the target dynamic image into a target code in response to a save operation on the target dynamic image, and saving the target code to a predetermined profile.

[0145] Furthermore, the electronic device shown in FIG. 15 further includes a processor 100 connected via a bus 102, a communication interface 103, and a memory 101.

[0146] Here, the memory 101 can include a high-speed random access memory (RAM), and can also include a non-volatile memory such as at least one disk memory. The communication connection between this system element and at least one other element is realized by at least one communication interface 103 (which may be wired or wireless), and the Internet, wide area network, local area network, metropolitan network, etc. can be used. The bus 102 may be an ISA bus, a PCI bus, or an EISA bus, etc. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of display, it is shown by a single bidirectional arrow in FIG. 15, but it does not mean that only one bus or one type of bus is shown.

[0147] Processor 100 may be an integrated circuit chip having signal processing capabilities. In the implementation process, each step of the above-described method can be executed by the integrated logic circuit of the hardware in the processor 100 or instructions in the form of software. The above-mentioned processor 100 may be a general-purpose processor including a central processing unit (CPU for short), a network processor (NP for short), etc., and may also be a digital signal processor (abbreviated as DSP), an application specific integrated circuit (abbreviated as ASIC), a field-programmable gate array (abbreviated as FPGA), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components. The methods, steps, and logic block diagrams disclosed in the embodiments of the present disclosure can be implemented or executed. The general-purpose processor may be a microprocessor or any conventional processor, etc. The steps of the method disclosed in connection with the embodiments of the present disclosure can be embodied as direct hardware decoder processor execution completion, or can be embodied as execution completion by combining the hardware and software modules in the decoder processor. The software module can exist in a mature storage medium in the art such as random access memory, flash memory, read-only memory, programmable read-only memory, or electrically erasable programmable memory, registers, etc. The storage medium is located in the memory 101, and the processor 100 reads the information in the memory 101 and completes the steps of the method of the above-described embodiments according to its hardware.

[0148] This embodiment also provides a computer-readable storage medium storing computer-executable instructions that, when called and executed by a processor, cause the processor to implement the above-described method for editing a dynamic image, specifically by implementing the following method. In response to a load operation on a first target resource, rendering and displaying, on a graphical user interface, a first dynamic image corresponding to the first target resource based on a first rendering texture; and in response to a first operation on an image editing control, displaying, on a preview interface, an edited target dynamic image.

[0149] Rendering and displaying, on a graphical user interface, a first dynamic image corresponding to a first target resource based on the first rendering texture includes loading the first target resource, creating the first rendering texture, rendering the first target resource frame by frame to the first rendering texture to obtain a target first rendering texture, determining the target first rendering texture as the first dynamic image, and displaying the first dynamic image in a first display area of the graphical user interface. Here, the display priority of the first dynamic image is higher than that of the image editing control, there are a plurality of first dynamic images, and the sizes of the respective first dynamic images are different.

[0150] The above image editing control includes a first trimming control. Responding to a first operation on the above image editing control, displaying the edited target dynamic image on the preview interface means setting the first dynamic image on the preview interface in response to a trigger operation on the first trimming control. Here, the preview interface has a trimming function, and by the trimming function of the preview interface, trimming the preview interface and displaying the trimmed target dynamic image on the preview interface.

[0151] Trimming the preview interface and displaying the trimmed target dynamic image on the preview interface by the trimming function of the preview interface means obtaining a trimming area by trimming the preview interface based on the trimming size corresponding to the first dynamic image by the trimming function of the preview interface. Here, there are a plurality of first dynamic images, and the trimming sizes corresponding to each first dynamic image are different. Determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area.

[0152] The above graphical user interface further includes a zoom control. After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further includes adjusting the size of the first dynamic image based on the zoom parameter displayed on the zoom control in response to a second operation on the zoom control, and displaying the dynamic image displayed in the trimming area based on the first dynamic image with the adjusted size.

[0153] Determine the dynamic image within the trimming area as the target dynamic image, and after displaying the target dynamic image in the trimming area, the method further controls the movement of the first dynamic image in response to a position adjustment operation on the target dynamic image displayed in the trimming area, and displays the position information of the moved first dynamic image, and based on the moved first dynamic image, adjusts the dynamic image displayed in the trimming area.

[0154] The above image editing control further includes a second trimming control and a third trimming control. After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further marks and displays the trimming area in response to a trigger operation on the second trimming control, and displays an editing interface corresponding to the target trimming area in response to a trigger operation on the third trimming control. Here, the editing interface includes a parameter editing control and a determination control, and based on the parameter editing control and the determination control, adjusts the size of the trimming area.

[0155] Adjusting the size of the trimming area based on the above parameter editing control and determination control includes determining a size parameter corresponding to the editing operation in response to an editing operation on the parameter editing control, and in response to a trigger operation on the determination control, updating the size of the target trimming area based on the size parameter and marking and displaying the updated trimming area.

[0156] The graphical user interface further includes a reference box control and a reference box hiding control, determines a dynamic image within the trimming area as a target dynamic image, and after displaying the target dynamic image in the trimming area, the method further includes displaying a reference box corresponding to the reference box control at a predetermined position in the trimming area in response to a trigger operation on the reference box control, and canceling the display of the reference box in response to a trigger operation on the reference box hiding control.

[0157] The graphical user interface further includes a gradation parameter configuration control. After displaying the edited target dynamic image in the preview interface in response to a first operation on the image editing control, the method further includes adjusting the transparency of the edge area of the target dynamic image in response to a third operation on the gradation parameter configuration control.

[0158] The gradation parameter configuration control includes a plurality of first gradation parameter configuration controls. Adjusting the transparency of the edge area of the target dynamic image in response to a third operation on the gradation parameter configuration control includes determining a first edge area of the target dynamic image based on a first parameter in response to a selection operation on the first parameter of the first gradation parameter configuration control, where the first parameter indicates the direction and range of the first edge area, and adjusting the transparency of the first edge area.

[0159] The above-mentioned gradient parameter configuration control includes a second gradient parameter configuration control. Adjusting the transparency of the first edge region is to determine the second edge region from the first edge region based on the second parameter in response to a selection operation on the second parameter of the second gradient parameter configuration control. Here, the second parameter indicates the range of the second edge region, the second edge region is below the first edge region, and it includes adjusting the transparency of the second edge region. Here, the closer to the edge of the second edge region, the higher the transparency value of the region, and the farther from the edge of the second edge region, the lower the transparency value of the region.

[0160] Adjusting the transparency of the second edge region includes obtaining a predetermined gradient material, applying the gradient material to the first dynamic image through a predetermined rendering interface, and using the gradient material to adjust the transparency value corresponding to the pixel points of the second edge region, so that the adjusted second edge region has a transparency gradient effect.

[0161] Adjusting the transparency value corresponding to the pixel points of the second edge region by the gradient material includes sampling the UV coordinates of the target pixel points of the second edge region by the shader of the gradient material, determining the distance value between the target pixel points and the edge pixel points of the second edge region based on the UV coordinates of the target pixel points, determining the target value of the transparency corresponding to the target pixel points based on the distance value and a predetermined control parameter, and adjusting the transparency value corresponding to the target pixel points of the second edge region as the target value.

[0162] The graphical user interface further includes a static control and an image saving control. In response to a first operation on the image editing control, after displaying the edited target dynamic image on the preview interface, the method further creates a second rendering texture in response to a trigger operation on the static control, renders the initial frame of the target dynamic image onto the second rendering texture to obtain a target second rendering texture, determines the target second rendering texture as the initial frame image, and saves the initial frame image in response to a trigger operation on the image saving control.

[0163] The graphical user interface further includes a plurality of game background display controls. The method further includes displaying, in response to a trigger operation on a first game background display control among the plurality of game background display controls, a first game background screen corresponding to the first game background display control in a background area of the graphical user interface.

[0164] The graphical user interface further includes a mirror control. In response to a load operation on a first target resource, after rendering and displaying a first dynamic image corresponding to the first target resource on the graphical user interface based on the first rendering texture, the method further includes, in response to a trigger operation on the mirror control, inverting the first dynamic image to obtain a mirror image of the first dynamic image, and displaying the mirror image of the first dynamic image.

[0165] The graphical user interface further includes a preview control, and the method further includes, in response to a trigger operation on the preview control, displaying a game interface on the graphical user interface, where the game interface includes a resource load control and a game scene screen, loading a second target resource corresponding to the fourth operation and audio data corresponding to the second target resource in response to a fourth operation on the resource load control, displaying a second dynamic image corresponding to the second target resource on the game interface, and playing an action screen and sound audio corresponding to the second dynamic image based on the second target resource and the audio data.

[0166] The second target resource includes a plurality of dubbed animations, and playing the action screen and sound audio corresponding to the second dynamic image based on the second target resource and the audio data includes analyzing the audio data to obtain the corresponding sound audio, determining a target dubbed animation corresponding to each target audio in the sound audio from the plurality of dubbed animations, playing the action screen and sound audio corresponding to the second dynamic image, and playing the target dubbed animation corresponding to each target audio.

[0167] The graphical user interface further includes a comparison control, and the method further includes displaying a comparison interface on the graphical user interface in response to a trigger operation on the comparison control, where the comparison interface includes a plurality of resource input controls, each resource input control having a corresponding image display area and a load control, the resource input control being used to input a resource number of a target resource, and loading a third target resource corresponding to the resource number displayed in the target resource input control in response to a trigger operation on the load control corresponding to the target resource input control, and displaying a third dynamic image corresponding to the third target source in the image display area corresponding to the target resource input control.

[0168] The comparison interface further includes a plurality of selection controls, each selection control corresponding to an image size, and the method further includes displaying, in the image display area, a third dynamic image of a first image size corresponding to the first selection control in response to a trigger operation on the first selection control among the plurality of selection controls.

[0169] The comparison interface further includes a reference line control, and the method further includes displaying a reference line corresponding to the reference line control on the comparison interface in response to a trigger operation on the reference line control.

[0170] The comparison interface further includes a still image control, and the method further includes displaying, in the image display area, an initial frame image of the third dynamic image in response to a trigger operation on the still image control.

[0171] In response to a first operation on the image editing control, after displaying the edited target dynamic image on the preview interface, the method further includes, in response to a save operation on the target dynamic image, converting data information corresponding to the target dynamic image into a target code and saving the target code to a predetermined profile.

[0172] The method, apparatus, electronic device, and computer program product of a dynamic image editing system provided by embodiments of the present disclosure include a computer-readable storage medium storing program code. The instructions included in the program code can be used to execute the method in the embodiments of the foregoing method. Specifically, reference can be made to the embodiments of the method, which are omitted here.

[0173] Those skilled in the art can clearly understand that the specific operation processes of the above-described system and apparatus can refer to the corresponding processes in the embodiments of the above-described method for the sake of ease and brevity of description, and will not be described further here.

[0174] In addition, in the description of the embodiments of the present disclosure, unless otherwise clearly defined and limited, the terms "attach", "connect", and "couple" should be understood in a broad sense. For example, it may be a fixed connection, a removable connection, an integral connection, a mechanical connection, an electrical connection, a direct connection, an indirect connection through an intermediate medium, or an internal connection between two elements. Those skilled in the art can specifically understand the specific meanings of the above terms in the present disclosure.

[0175] When the function is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on such an understanding, the technical scenario of the present disclosure can be essentially embodied in the form of a software product stored in a storage medium, which includes some instructions for executing all or some steps of the method of each embodiment of the present disclosure. The aforementioned storage medium includes various media that can store program codes, such as USB disks, removable hard disks, read-only memories (ROM), random access memories (RAM), magnetic disks, or optical disks.

[0176] In the description of the present disclosure, the orientation or positional relationship indicated by terms such as "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc. is based on the orientation or positional relationship shown in the drawings, and is only for the convenience of describing the present disclosure and simplifying the description, and does not indicate or imply that the indicated device or element must be configured and operated in a specific orientation. Therefore, it cannot be understood as a limitation of the present disclosure. Furthermore, the terms "first", "second", "third" are used only for the purpose of description and are not understood to indicate or imply relative importance.

[0177] Finally, it should be noted that the above embodiments are only specific embodiments of the present disclosure, which are used to illustrate the technical solutions of the present disclosure and are not limited thereto. The protection scope of the present disclosure is not limited thereto. Although the present disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that within the technical scope of the present disclosure, those skilled in the art can modify, easily change, or equivalently replace some of the technical features described in the foregoing embodiments. These modifications, changes, or replacements should be included within the protection scope of the present disclosure without departing from the spirit and scope of the technical solutions of the embodiments of the present disclosure. Therefore, the protection scope of the present disclosure should be in accordance with the protection scope of the claims.

Claims

1. A method for editing a dynamic image that provides a graphical user interface on a terminal device, and the graphical user interface includes an image editing control and a preview interface, comprising: In response to a load operation on a first target resource, rendering and displaying a first dynamic image corresponding to the first target resource on the graphical user interface based on a first rendering texture; In response to a first operation on the image editing control, displaying an edited target dynamic image on the preview interface. A method for editing a dynamic image, characterized by the above.

2. Rendering and displaying a first dynamic image corresponding to the first target resource on the graphical user interface based on a first rendering texture includes: Loading the first target resource; Creating the first rendering texture, rendering the first target resource into the first rendering texture frame by frame to obtain a target first rendering texture; Determining the target first rendering texture as the first dynamic image, and displaying the first dynamic image in a first display area of the graphical user interface, The display priority of the first dynamic image is higher than that of the image editing control, there are a plurality of the first dynamic images, and the sizes of each of the first dynamic images are different. The method for editing a dynamic image according to claim 1, characterized by the above.

3. The image editing control includes a first trimming control, In response to a first operation on the image editing control, displaying an edited target dynamic image on the preview interface includes: In response to a trigger operation on the first trimming control, set the first dynamic image to the preview interface, and the preview interface has a trimming function; including trimming the preview interface by the trimming function of the preview interface and displaying the trimmed target dynamic image on the preview interface; A method for editing a dynamic image according to claim 1, characterized in that.

4. Trimming the preview interface by the trimming function of the preview interface and displaying the trimmed target dynamic image on the preview interface means that: By the trimming function of the preview interface, trim the preview interface according to the trimming size corresponding to the first dynamic image to obtain a trimming area, the first dynamic images are multiple, and the trimming sizes corresponding to each of the first dynamic images are different; including determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area. A method for editing a dynamic image according to claim 3, characterized in that.

5. The graphical user interface further includes a zoom control; After determining the dynamic image within the trimming area as the target dynamic image and displaying the target dynamic image in the trimming area, the method further includes: In response to a second operation on the zoom control, adjusting the size of the first dynamic image based on the zoom parameter displayed on the zoom control; including adjusting the dynamic image displayed in the trimming area based on the first dynamic image with the adjusted size. A method for editing a dynamic image according to claim 4, characterized in that.

6. Determine the dynamic image within the trimming area as the target dynamic image, and after displaying the target dynamic image in the trimming area, the method further includes: In response to a position adjustment operation on the target dynamic image displayed in the trimming area, control the first dynamic image to move, and display the position information of the moved first dynamic image; and Adjust the dynamic image displayed in the trimming area based on the moved first dynamic image. The method for editing a dynamic image according to claim 4, characterized in that.

7. The image editing control further includes a second trimming control and a third trimming control. Determine the dynamic image within the trimming area as the target dynamic image, and after displaying the target dynamic image in the trimming area, the method further includes: In response to a trigger operation on the second trimming control, mark and display the trimming area; and In response to a trigger operation on the third trimming control, display an editing interface corresponding to the target trimming area, and the editing interface includes a parameter editing control and a determination control; and Adjust the size of the trimming area based on the parameter editing control and the determination control. The method for editing a dynamic image according to claim 4, characterized in that.

8. Adjusting the size of the trimming area based on the parameter editing control and the determination control includes: In response to an editing operation on the parameter editing control, determine a size parameter corresponding to the editing operation; and Updating the size of the target trimming area with the size parameter and marking and displaying the updated trimming area in response to a trigger operation on the determination control The method for editing a moving image according to claim 7, characterized in that it comprises the above.

9. The graphical user interface further includes a reference box control and a reference box hiding control, Determining the moving image within the trimming area as the target moving image, displaying the target moving image in the trimming area, and then the method further includes, Displaying a reference box corresponding to the reference box control at a predetermined position of the trimming area in response to a trigger operation on the reference box control, Canceling the display of the reference box in response to a trigger operation on the reference box hiding control. The method for editing a moving image according to claim 4, characterized in that it comprises the above.

10. The graphical user interface further includes a gradation parameter configuration control, After displaying the edited target moving image on the preview interface in response to a first operation on the image editing control, the method further includes, Adjusting the transparency of the edge area of the target moving image in response to a third operation on the gradation parameter configuration control. The method for editing a moving image according to claim 1, characterized in that it comprises the above.

11. The gradation parameter configuration control includes a plurality of first gradation parameter configuration controls, Adjusting the transparency of the edge area of the target moving image in response to a third operation on the gradation parameter configuration control means, In response to a selection operation on the first parameter of the first gradation parameter configuration control, a first edge region of the target dynamic image is determined based on the first parameter, and the first parameter indicates a direction and a range of the first edge region, including adjusting the transparency of the first edge region The method for editing a dynamic image according to claim 10, characterized in that. **Claim 12** The gradation parameter configuration control includes a second gradation parameter configuration control, Adjusting the transparency of the first edge region In response to a selection operation on the second parameter of the second gradation parameter configuration control, a second edge region is determined from the first edge region based on the second parameter, the second parameter indicates a range of the second edge region, and the second edge region is less than or equal to the first edge region, including adjusting the transparency of the second edge region, where the closer to the edge of the second edge region, the higher the transparency value of the region, and the farther from the edge of the second edge region, the lower the transparency value of the region The method for editing a dynamic image according to claim 11, characterized in that. **Claim 13** Adjusting the transparency of the second edge region obtaining a predetermined gradation material, applying the gradation material to the first dynamic image via a predetermined rendering interface, including adjusting the transparency value corresponding to the pixel points of the second edge region by the gradation material, and the adjusted second edge region having a transparency gradation effect The method for editing a dynamic image according to claim 12, characterized in that. **Claim 14** Adjusting the transparency value corresponding to the pixel points in the second edge region by the gradient material includes: Sampling the UV coordinates of the target pixel points in the second edge region by the shader of the gradient material; Determining the distance value between the target pixel points and the edge pixel points in the second edge region based on the UV coordinates of the target pixel points; Determining the target value of the transparency corresponding to the target pixel points based on the distance value and a predetermined control parameter; Adjusting the transparency value corresponding to the target pixel points in the second edge region to the target value. The method for editing a dynamic image according to claim 13, characterized in that.

15. The graphical user interface further includes a static control and an image saving control. After displaying the edited target dynamic image on the preview interface in response to a first operation on the image editing control, the method further includes: Creating a second rendering texture in response to a trigger operation on the static control, rendering the initial frame of the target dynamic image onto the second rendering texture to obtain a target second rendering texture; Determining the target second rendering texture as the initial frame image; Saving the initial frame image in response to a trigger operation on the image saving control. The method for editing a dynamic image according to claim 1, characterized in that.

16. The graphical user interface further includes a plurality of game background display controls. The method further includes: In response to a trigger operation on the first game background display control among the plurality of game background display controls, displaying a first game background screen corresponding to the first game background display control in a background area of the graphical user interface The method for editing a dynamic image according to claim 1, characterized in that

17. The graphical user interface further includes a mirror control, In response to a load operation on a first target resource, after rendering and displaying a first dynamic image corresponding to the first target resource on the graphical user interface based on a first rendering texture, the method further includes In response to a trigger operation on the mirror control, inverting the first dynamic image to obtain a mirror image of the first dynamic image, and displaying the mirror image of the first dynamic image The method for editing a dynamic image according to claim 1, characterized in that

18. The graphical user interface further includes a preview control, and the method further includes In response to a trigger operation on the preview control, displaying a game interface on the graphical user interface, the game interface including a resource load control and a game scene screen, In response to a fourth operation on the resource load control, loading a second target resource corresponding to the fourth operation and audio data corresponding to the second target resource, and displaying a second dynamic image corresponding to the second target resource on the game interface, and playing an action screen and sound audio corresponding to the second dynamic image based on the second target resource and the audio data The method for editing a dynamic image according to claim 1, characterized in that...

19. The second target resource includes a plurality of predetermined animated images with subtitles, Playing the operation screen and the sound audio corresponding to the second dynamic image based on the second target resource and the audio data includes: Analyzing the audio data to obtain the corresponding sound audio; Determining the target animated image with subtitles corresponding to each target audio in the sound audio from the plurality of animated images with subtitles; Playing the operation screen corresponding to the second dynamic image and the sound audio, and playing the target animated image with subtitles corresponding to each target audio. The method for editing a dynamic image according to claim 18, characterized in that...

20. The graphical user interface further includes a comparison control, and the method further includes: In response to a trigger operation on the comparison control, displaying a comparison interface on the graphical user interface, the comparison interface including a plurality of resource input controls, each resource input control having a corresponding image display area and a load control, and the resource input control being used to input the resource number of the target resource; In response to a trigger operation on the load control corresponding to the target resource input control, loading a third target resource corresponding to the resource number displayed on the target resource input control; Displaying a third dynamic image corresponding to the third target resource in the image display area corresponding to the target resource input control. The method for editing a dynamic image according to claim 1, characterized in that...

21. The comparison interface further includes a plurality of selection controls, each selection control corresponding to an image size, and the method further includes in response to a trigger operation on a first selection control among the plurality of selection controls, displaying, in the image display area, a third dynamic image of a first image size corresponding to the first selection control The method for editing a dynamic image according to claim 20, characterized in that.

22. The comparison interface further includes a reference line control, and the method further includes in response to a trigger operation on the reference line control, displaying, in the comparison interface, a reference line corresponding to the reference line control The method for editing a dynamic image according to claim 20, characterized in that.

23. The comparison interface further includes a still image control, and the method further includes in response to a trigger operation on the still image control, displaying, in the image display area, an initial frame image of the third dynamic image The method for editing a dynamic image according to claim 20, characterized in that.

24. After displaying an edited target dynamic image on the preview interface in response to a first operation on the image editing control, the method further includes in response to a save operation on the target dynamic image, converting data information corresponding to the target dynamic image into a target code and saving the target code in a predetermined profile The method for editing a dynamic image according to claim 1, characterized in that.

25. A dynamic image editing apparatus including a first display module and an editing module, Provide a graphical user interface on a terminal device, wherein the graphical user interface includes image editing controls, The first display module is configured to render and display a first dynamic image corresponding to the first target resource on the graphical user interface based on a first rendering texture in response to a load operation on the first target resource, The editing module is configured to edit the first dynamic image based on a preview interface and display the edited target dynamic image in response to a first operation on the image editing control. An apparatus for editing a dynamic image, characterized in that.

26. An electronic device including a processor and a memory, The memory stores computer-executable instructions executable by the processor, The processor realizes the method for editing a dynamic image according to any one of claims 1 to 24 by executing the computer-executable instructions. An electronic device, characterized in that.

27. Store computer-executable instructions that, when called and executed by a processor, realize the method for editing a dynamic image according to any one of claims 1 to 24. A computer-readable storage medium, characterized in that.

Images