Data processing method and device

By acquiring and processing the texture collection of Live2d models through a browser, creating spliced ​​sub-layers and generating target template files, the problem of the lengthy Live2d texture fragment submission process is solved, achieving efficient texture creation and complete image display.

CN114187377BActive Publication Date: 2025-08-26SHANGHAI BILIBILI TECH CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202111508824.6
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-12-10
Publication Date
2025-08-26
Estimated Expiration
2041-12-10

AI Technical Summary

Technical Problem

The existing Live2D texture fragment submission process is lengthy and inefficient, making it impossible to view complete character images and difficult to produce complete texture works.

Method used

This paper provides a data processing method that obtains the texture set of a reference object model through a browser, creates a stitched sub-layer, generates a target object image, records texture attribute information, and generates a target template file. Users can edit and view the complete character image online.

Benefits of technology

It significantly shortens the texture creation process, improves production efficiency, allows users to see complete character images, and simplifies the texture creation process.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN114187377B_ABST
    Figure CN114187377B_ABST
Patent Text Reader

Abstract

The present application provides a data processing method and device, wherein the data processing method is applied to a browser, comprising: obtaining a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and initial image attribute information corresponding to each texture image; determining a target texture image in the texture set in response to a received texture selection instruction, and creating a splicing sublayer for each target texture image; processing each splicing sublayer in response to a received image creation instruction to generate a target object image, and recording image target attribute information of each target texture image in the target object image; generating a texture attribute information set of the target object image based on the image target attribute information and the initial image attribute information corresponding to each target texture image; and generating a target template file of the target object image based on the target object image and the texture attribute information set.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of image processing technology, and in particular to a data processing method, a data processing apparatus, a computing device, and a computer-readable storage medium. Background Art

[0002] In the field of image processing, there is a technology that can render flat images into a three-dimensional effect, namely Live2D technology. Live2D is a technology that renders a three-dimensional effect based on the changes in 2D images. Artists draw 2D images and use modelers to model them through editing tools. The models can be rendered into a three-dimensional dynamic effect and are widely used in games.

[0003] In the traditional method of submitting Live2d texture fragments, users are required to download a large number of disassembled texture fragments, modify them in the drawing software, and then upload and synthesize them one by one. The process is lengthy, and the complete effect cannot be seen when the texture fragments are drawn separately, making it difficult to produce a complete texture work. Summary of the Invention

[0004] In view of this, embodiments of the present application provide a data processing method. This application also relates to a data processing apparatus, a computing device, and a computer-readable storage medium to address the existing problems of lengthy and inefficient texture fragment submission processes and the inability to view complete character images.

[0005] According to a first aspect of an embodiment of the present application, a data processing method is provided, which is applied to a browser and includes:

[0006] Acquire a texture set corresponding to a reference object model, wherein the texture set includes at least one texture picture corresponding to the reference object model and initial picture attribute information corresponding to each texture picture;

[0007] In response to the received texture selection instruction, determining target texture images in the texture set, and creating a splicing sublayer for each target texture image;

[0008] In response to the received image creation instruction, each stitching sub-layer is processed to generate a target object image, and image target attribute information of each target texture image in the target object image is recorded;

[0009] Generating a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image;

[0010] A target template file of the target object picture is generated according to the target object picture and the texture attribute information set.

[0011] According to a second aspect of an embodiment of the present application, there is provided a data processing device, applied to a browser, comprising:

[0012] an acquisition module configured to acquire a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and initial image attribute information corresponding to each texture image;

[0013] a determination module configured to determine target texture images in the texture set in response to a received texture selection instruction, and create a splicing sublayer for each target texture image;

[0014] An image generation module is configured to process each splicing sub-layer in response to the received image creation instruction, generate a target object image, and record image target attribute information of each target texture image in the target object image;

[0015] An information generation module is configured to generate a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image;

[0016] The template generation module is configured to generate a target template file of the target object image according to the target object image and the texture attribute information set.

[0017] According to a third aspect of an embodiment of the present application, a computing device is provided, comprising a memory, a processor, and computer instructions stored in the memory and executable on the processor, wherein the processor implements the steps of the data processing method when executing the computer instructions.

[0018] According to a fourth aspect of an embodiment of the present application, a computer-readable storage medium is provided, which stores computer instructions, and when the computer instructions are executed by a processor, the steps of the data processing method are implemented.

[0019] The data processing method provided by the present application is applied to a browser, comprising: obtaining a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and initial image attribute information corresponding to each texture image; determining a target texture image in the texture set in response to a received texture selection instruction, and creating a splicing sublayer for each target texture image; processing each splicing sublayer in response to a received image creation instruction to generate a target object image, and recording image target attribute information of each target texture image in the target object image; generating a texture attribute information set of the target object image based on the image target attribute information and the initial image attribute information corresponding to each target texture image; and generating a target template file of the target object image based on the target object image and the texture attribute information set.

[0020] The data processing method provided in one embodiment of the present application implements a method for processing texture submission templates based on a browser. The user downloads a complete character model template, modifies it based on the model template, uploads the template, and generates a new Live2d model. This method can significantly shorten the texture production process and improve production efficiency, and the user can see the complete character picture and draw a complete character picture work. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] Figure 1 This is a flow chart of a data processing method provided by an embodiment of the present application;

[0022] Figure 2 is a schematic diagram of a texture set image provided by an embodiment of the present application;

[0023] Figure 3 is a schematic diagram of a texture image provided by an embodiment of the present application;

[0024] Figure 4 This is a schematic diagram of the editing tool interface provided by an embodiment of the present application;

[0025] Figure 5 is a schematic diagram of a canvas layer provided in one embodiment of the present application;

[0026] Figure 6 This is a schematic diagram of a target template file provided in one embodiment of the present application;

[0027] Figure 7 This is a processing flow chart of a data processing method for producing an animation template provided by an embodiment of the present application;

[0028] Figure 8 This is a structural diagram of a data processing device provided by an embodiment of the present application;

[0029] Figure 9 This is a structural block diagram of a computing device provided in one embodiment of the present application. DETAILED DESCRIPTION

[0030] The following description sets forth many specific details to facilitate a thorough understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the scope of the present application. Therefore, the present application is not limited to the specific implementations disclosed below.

[0031] The terms used in one or more embodiments of the present application are for the purpose of describing specific embodiments only and are not intended to limit one or more embodiments of the present application. The singular forms "a", "the" and "the" used in one or more embodiments of the present application and the appended claims are also intended to include plural forms, unless the context clearly indicates otherwise. It should also be understood that the term "and / or" used in one or more embodiments of the present application refers to and includes any or all possible combinations of one or more associated listed items.

[0032] It should be understood that although the terms first, second, etc. may be used to describe various information in one or more embodiments of the present application, such information should not be limited to these terms. These terms are only used to distinguish information of the same type from each other. For example, without departing from the scope of one or more embodiments of the present application, the first may also be referred to as the second, and similarly, the second may also be referred to as the first. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0033] First, the terms involved in one or more embodiments of the present application are explained.

[0034] Texture set: A completed Live2d model is divided into model data and texture maps. The texture set in this application refers to the image data of the texture map.

[0035] Live2D: is a technology that renders a three-dimensional effect based on the changes in 2D images. Artists draw 2D images, and modelers use software such as Cubism Eidtor to model the models. The models can be rendered with three-dimensional dynamic effects and are widely used in games.

[0036] Live2D texture fragment submission technology: The creation of a complete Live2D model requires steps such as original painting, layering, and modeling in the Cubism Editor software. Modeling consumes a significant amount of time throughout the entire process. To reduce model production costs and quickly introduce a large number of new models, a technology was developed to solicit texture fragment submissions from artist users. Users download multiple texture fragments and modify them. After submitting the new textures, they replace the old textures in the model, achieving skin replacement.

[0037] The traditional way of submitting texture fragments to Live2 requires users to download a large number of disassembled texture fragments, modify them in the drawing software, and then upload and synthesize them one by one. The process is lengthy, and the complete effect cannot be seen when the texture fragments are drawn separately, making it difficult to produce a complete texture work.

[0038] Based on this, a data processing method is provided in the present application. The present application also involves a data processing device, a computing device, and a computer-readable storage medium, which are described in detail one by one in the following embodiments.

[0039] Figure 1 A flowchart of a data processing method provided according to an embodiment of the present application is shown. The method is applied to a browser and specifically includes the following steps:

[0040] Step 102: Acquire a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and initial image attribute information corresponding to each texture image.

[0041] The reference object model is a Live2d model specified by the user. The data processing method provided in this application is applied to a browser, that is, it provides an online editing tool. Users can use the browser to log in to the corresponding website and edit the template of the Live2d model online without downloading specific template editing software. For the user's terminal, it takes up little resources and has low hardware requirements for the client, making it convenient for users to switch freely between multiple terminals, improving the user experience and convenience. The tool is based on the texture data in the Live2d model for editing. The user can specify the model to be edited, that is, the reference object model. After determining the reference object model, the texture set of the reference object model can be obtained for editing.

[0042] Texture specifically refers to image texture, which is a visual feature that reflects homogeneous linearity in an image, and reflects the surface structural organization and arrangement properties of an object's surface that have slow or periodic changes. Texture has three main characteristics: 1. A certain local sequence is repeated continuously; 2. It is non-randomly arranged; and 3. The texture area is a roughly uniform unity. Texture is different from image features such as grayscale and color, and is also different from conventional pictures. Texture includes the texture of an object's surface in the usual sense (even if the surface of an object has uneven grooves), and also includes color patterns on the smooth surface of an object. In computer graphics, when a texture image is mapped onto the surface of an object in a specific way, the object can be made to look more realistic, and the scene can be presented in a more delicate and realistic way.

[0043] Specifically, obtaining the texture set corresponding to the reference object model includes:

[0044] determining a reference object model according to the received model selection instruction;

[0045] Obtaining a model file link of the reference object model;

[0046] A texture set is obtained based on the model file link.

[0047] In actual applications, multiple object models can be displayed in the editing tool for users to choose from. After browsing multiple object models, the user selects an object model he wants to edit and issues a model selection instruction. The object model corresponding to the model selection instruction is the reference object model.

[0048] After determining the reference object model, obtain the model file link corresponding to the reference object model. The model file link specifically refers to the download link address of the object model related file. After determining the model file link, you can obtain the texture set corresponding to the reference object model according to the model file link.

[0049] Specifically, the model file link usually corresponds to all the related files of a reference object model, and the texture image of the object model is usually composed of a texture set image, which includes all the texture images corresponding to the object model. Figure 2 , Figure 2 A schematic diagram of a texture set image provided by an embodiment of the present application is shown in FIG. Figure 2 As shown, the texture set picture is a picture of the texture pictures included in the reference object model. The texture set is obtained based on the model file link, specifically including:

[0050] Acquire a texture set image corresponding to the reference object model based on the model file link;

[0051] The texture set pictures are split to obtain at least one texture picture and initial picture attribute information corresponding to each texture picture.

[0052] After obtaining the texture set image corresponding to the reference object model according to the model file link, the texture set image needs to be split to obtain each texture image and the initial attribute information corresponding to each texture image. The initial attribute information corresponding to the texture image includes the reference object model identifier corresponding to the texture image, the texture set identifier, and the position information of the texture image in the texture set. The reference object model identifier indicates which object model the texture image comes from, the texture set identifier indicates which texture set image the texture image comes from, and the position information of the texture image in the texture set image, etc. The initial attribute information is used for subsequent model restoration. In practical applications, algorithms such as floodfill can be used to separate texture images isolated by transparent pixels in the texture set image, and record relevant initial attribute information. After texture splitting, a series of texture images for splicing can be obtained, see Figure 3 , Figure 3 A schematic diagram of a texture image provided by an embodiment of the present application is shown.

[0053] In a specific embodiment provided in the present application, taking the creation of a model of character A as an example, the user first specifies the reference object model A, obtains the model file link "URL: *****" of model A, downloads the model file package of the reference object model A based on the model file link, obtains the A.zip resource package, and then decompresses the A.zip resource package to parse the model entry file of the reference object model A (usually, the entry file of the Live2d model is *.model3.json). The path information and file name of the texture set image are recorded in the model entry file. By parsing the information in the model entry file, the texture set image is obtained. After obtaining the texture set image, the texture set image can be split, and each texture image in the texture set image can be split out from the texture set image. At the same time, the initial attribute information of each texture image is recorded, such as the model information corresponding to the texture image (Piece:ModelInfo, model id, which can be used to obtain model information), texture set image information (TextureFile, path relative to the model), position information (PositionInTetureFile(x, y)), etc.

[0054] Step 104: Determine target texture images in the texture set in response to the received texture selection instruction, and create a splicing sublayer for each target texture image.

[0055] After obtaining the texture set, the user's processing operation instructions for the texture set can be received, and the texture images in the texture set can be spliced ​​together to generate a new character image. In actual application, the target texture image is determined based on the texture selection instruction issued by the user, and a corresponding splicing sublayer is created for the target texture image. For example, in the process of creating a target object image, a total of 5 texture images will be used, and 5 splicing sublayers will be created. The splicing sublayers can be arranged in parallel or in a stacked arrangement. When stacked, the stacking order of each splicing sublayer can also be determined according to the user's instructions.

[0056] A layer specifically refers to a carrier containing elements such as text or graphics. Layers are stacked together in order to form the final desired image. Layers can accurately position elements on the page. Text, images, tables, and other content can be added to layers. Each layer is composed of many pixels, and the content between layers does not affect each other. For example, modifying layer a will not affect the content of layer b. Layers can be stacked up to form the entire image. For example, layer a is a person's limbs, layer b is a person's torso, and layer c is a person's head. Then layers a, b, and c can form an image of a person.

[0057] Specifically, after obtaining the texture set, the texture set will be displayed in the editing tool, see the following Figure 4 , Figure 4 A schematic diagram of the editing tool interface provided by an embodiment of the present application is shown in FIG. Figure 4 As shown, the left part of the editing tool is a texture collection, which is used to display the texture images in the texture collection. The middle part of the editing tool is the displayed stitching image content. The right part of the editing tool is the sub-layer display of the texture images that have been stitched in the stitching image.

[0058] like Figure 4 As shown, in actual application, when the user clicks on a texture image in the texture collection on the left, a layer corresponding to the texture image will be created in the area on the right, and the layer will be displayed in the middle. After the user selects the layer, he can drag and rotate the layer to adjust the layer position and angle to complete the puzzle.

[0059] Specifically, in response to the received texture selection instruction, a target texture image is determined in the texture set, and a splicing sublayer is created for each target texture image, including S1042-S1046:

[0060] S1042. Create a canvas layer.

[0061] The canvas layer is the basis for all new images created, such as the canvas layer in the Photoshop (PS) tool. The editing tool used in this application will eventually export files in a specific format (such as psd files). Therefore, the layer organization method is consistent with the Photoshop tool, which is divided into ordinary layers and layer groups. Layer groups and ordinary layers can be nested in layer groups. In code implementation, the layer structure is a recursive structure. The ordinary layer is Layer, and the layer group is GroupLayer. The layer group has a Children array property. The Children array can contain both GroupLayer and Layer.

[0062] S1044 . Determine a target texture picture in the texture set in response to the received texture selection instruction.

[0063] The user selects the texture image to be targeted by the current operation from the displayed texture set as the target texture image, that is, the target texture image is the texture image to be processed by the user in the current operation.

[0064] S1046: Create a splicing sublayer corresponding to the target texture image on the canvas layer.

[0065] After selecting the target texture image, create a corresponding stitching sublayer in the canvas layer of the editing tool. It should be noted that the stitching sublayer will display the contents of multiple stitching sublayers at the same time in the display part of the editing tool. Multiple stitching sublayers can be stacked and blocked with each other. The position of each stitching sublayer in the canvas layer can be adjusted by setting the layer level. At the same time, in the sublayer display area of ​​the editing tool (such as Figure 4 The right area shown in the figure also displays the stitching sub-layer corresponding to each texture image. Through the sub-layer display area, the stitching sub-layer corresponding to the texture image can be quickly located, making it easier for users to perform corresponding operations.

[0066] Step 106: Process each stitching sub-layer in response to the received image creation instruction to generate a target object image, and record the image target attribute information of each target texture image in the target object image.

[0067] The user issues an image creation instruction for the stitching sublayer. The image creation instruction is for a certain stitching sublayer or a certain stitching sublayer group. According to the image creation image, the position, rotation angle, scaling size and other information of the corresponding stitching sublayer are adjusted, and finally the target object image is generated by stitching. At the same time, the image target attribute information of each target texture image in the target object is recorded. The image target attribute information refers to the attribute information of the target problem image in the target object image, specifically including the position information, rotation angle information, texture set identifier, reference object model identifier, and stitching sublayer information of the texture image in the target object image.

[0068] Specifically, in response to the received image creation instruction, each stitching sub-layer is processed to generate a target object image, including:

[0069] Determining a target stitching sublayer in response to the received image creation instruction;

[0070] The target splicing sublayer is rendered to the canvas layer to generate a target object image, and image target attribute information of the target texture image corresponding to the target splicing sublayer in the canvas layer is recorded.

[0071] In actual applications, the target stitching sublayer is determined according to the image creation instruction, that is, the image creation instruction is issued for the target stitching sublayer, and the target object image is generated by adjusting the position, angle, size and other information of the target stitching sublayer in the canvas layer. At the same time, the image target attribute information of the target texture image corresponding to the target stitching sublayer in the canvas layer is recorded.

[0072] To reduce the difficulty of puzzle creation, the editing tool provided by this application directly renders the target object image in the canvas layer as a reference for the puzzle. The user only needs to align the target splicing sublayer corresponding to the target texture image with the already generated target object image. Specifically, rendering the target splicing sublayer to the canvas layer to generate the target object image includes:

[0073] Determine the position angle information of the target sublayer in the canvas layer;

[0074] The target sublayer is drawn on the canvas layer through a rendering loop to generate a target object image.

[0075] After determining the target sublayer, the target sublayer can be displayed in the canvas layer. By adjusting the position and angle information of the target sublayer in the canvas layer, it is aligned with the already stitched target object image, and then the target sublayer is rendered in the canvas layer through the rendering logic, thereby updating the target object image. The rendering logic during the puzzle is to start the rendering loop, maintain a specific frame rate for rendering (such as a refresh rate of 60 frames per second, that is, drawing 60 times per second based on the data), and draw the target sublayer onto the canvas according to the position and angle information. When dragging or rotating the target sublayer, you only need to change the position information, angle information, etc. of the target sublayer.

[0076] See also Figure 5 , Figure 5 A schematic diagram of a canvas layer provided by an embodiment of the present application is shown in FIG. Figure 5As shown, the user manipulates the position and angle of the target sublayer within the canvas layer to determine its position. The resulting spliced ​​target object image is then rendered within the canvas layer through a rendering loop for reference by subsequent target sublayers. The rendered target object image can be presented within the canvas layer by adjusting the layer's transparency, assisting in aligning the target sublayer with the target object image, facilitating user operation and enhancing the user experience.

[0077] Step 108: Generate a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image.

[0078] Specifically, the image initial attribute information corresponding to the texture image specifically refers to the attribute information of the texture image in the texture set, and the target initial attribute information corresponding to the texture image specifically refers to the attribute information of the texture image in the target object image.

[0079] After the target sub-layers corresponding to each target texture image are stitched together to generate the final target object image, the image target attribute information and image initial attribute information corresponding to each target texture image will be centrally saved. In practical applications, the image target attribute information and image initial attribute information corresponding to each target texture image are called non-image data. The non-image data part in the target object image is sorted to generate a texture attribute information set.

[0080] Specifically, generating a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image includes S1082-S1084:

[0081] S1082: Generate an attribute information QR code according to the target attribute information and the initial attribute information of each target texture image.

[0082] In practical applications, the image target attribute information and the image initial attribute information (non-image data part) corresponding to each target texture image are converted into an attribute information QR code, and the non-image data part is displayed in the form of a QR code.

[0083] Specifically, the attribute information QR code is generated according to the target attribute information and the initial attribute information of each target texture image, including:

[0084] Generate an attribute information file according to the target attribute information corresponding to each target texture image and the initial attribute information of the image;

[0085] Uploading the attribute information file to a server, and receiving an attribute information link returned by the server, wherein the attribute information link is used to obtain the attribute information file;

[0086] The attribute information link is encoded and converted into an attribute information QR code.

[0087] In actual applications, the non-image data part is converted into an attribute information file in a specific format, such as a json file, and the attribute information file is uploaded to the server. The attribute information link returned by the server is received, and the attribute information file can be obtained according to the attribute information link. After the attribute information link is encoded, the corresponding QR code image is generated.

[0088] S1084: Create a QR code layer of the attribute information QR code in the canvas layer.

[0089] After generating the QR code image, the QR code image can be added to the template corresponding to the target object image. However, in actual applications, the shapes of target object images vary. If the QR code is directly added to a sublayer, it may block the existing target texture image. Therefore, the operation of adding the attribute information QR code to the template corresponding to the target object image can be achieved by creating a QR code layer corresponding to the attribute information QR code in the canvas layer. Specifically, creating the QR code layer of the attribute information QR code in the canvas layer includes:

[0090] Create an empty layer in the canvas layer;

[0091] The attribute information QR code is added to the preset position of the empty layer to generate a QR code layer. In actual application, an empty layer for storing the attribute information QR code is first created in the existing canvas layer, and then the attribute information QR code is added to the preset position in the empty layer to generate the QR code layer. For example, if the preset position is the upper left corner of the empty layer, the coordinates of the upper left corner of the attribute information QR code can be set to the (0, 0) position of the empty layer to implement the operation of adding the attribute information QR code to the upper left corner of the empty layer.

[0092] Step 110: Generate a target template file of the target object image according to the target object image and the texture attribute information set.

[0093] After obtaining the target object image and the texture attribute information set, a target template file of the target object image can be generated based on the target object image and the texture attribute information set. Specifically, generating the target template file of the target object image based on the target object image and the texture attribute information set includes:

[0094] The target object image in the canvas layer and the QR code layer are combined to generate a target template file of the target object image according to a preset format.

[0095] Specifically, the target object image and the QR code layer are merged, and the target template file is generated according to the preset format. In actual applications, the target template file is usually saved in the psd file format. That is, the target object image and the QR code layer can be merged and exported through the psd file format protocol, or using a pre-packaged export tool library. Figure 6 , Figure 6 The target template file diagram provided by an embodiment of the present application is shown. It should be noted that in order to better reflect the texture attribute information set (ie, attribute information QR code) in Figure 6 In the example above, the QR code is displayed in the .qr code file. However, in actual applications, the target template file has multiple sub-layers. The QR code is located in the QR code layer and is used to identify the attribute information of each texture image. Users do not care about the information of the QR code. Therefore, there is no need to display the QR code to users.

[0096] Optionally, the method further includes:

[0097] Export the target template file and upload the target template file to the server.

[0098] After exporting the target template file, you can also upload it to the server to complete the texture contribution process. The target object image and texture attribute information set in the target template file can be used to convert the target template file into a new, usable Live2D model, which is the Live2D model restoration step after texture contribution. In the subsequent process, if the user wants to make further modifications, the user only needs to download the target template file, modify it, upload it, parse and restore it, and package the model to obtain a new Live2D model.

[0099] The data processing method provided by the present application is applied to a browser and includes obtaining a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and image initial attribute information corresponding to each texture image; determining a target texture image in the texture set in response to a received texture selection instruction, and creating a splicing sublayer for each target texture image; processing each splicing sublayer in response to a received image creation instruction to generate a target object image, and recording the image target attribute information of each target texture image in the target object image; generating a texture attribute information set of the target object image based on the image target attribute information and image initial attribute information corresponding to each target texture image; and generating a target template file of the target object image based on the target object image and the texture attribute information set. Through this method, the user only needs to download the template of the reference object image and modify the texture set of the reference object image, which greatly shortens the texture production process and improves production efficiency.

[0100] Secondly, in the process of generating the target object image, by rendering the target object image to the canvas layer, users can see the complete character image during the production process, making it easier to draw a complete work.

[0101] In addition, a Live2d model will have quite a lot of texture images. This application converts the texture images into a form that is easy to edit (template file) and organizes the layers in the template file, making the processing of texture images simpler and more convenient, thereby improving the user experience.

[0102] The following combined Figure 7 , taking the application of the data processing method provided by this application in an animation template as an example, the data processing method is further explained. Figure 7 A processing flow chart of a data processing method for producing an animation template provided by an embodiment of the present application is shown, which specifically includes the following steps:

[0103] Step 702: Determine the reference object model M according to the received model selection instruction.

[0104] Step 704: Obtain the model file link url-a of the reference object model M, and obtain the texture set image corresponding to the reference object model M based on url-a.

[0105] Step 706: Split the texture set picture to obtain a texture set, wherein the texture set includes at least one texture picture and initial attribute information corresponding to each texture picture.

[0106] Step 708: Create a canvas layer.

[0107] Step 710: In response to the received texture selection instruction, a target texture image is determined in the texture set, and a splicing sublayer corresponding to the target texture image is created in the canvas layer.

[0108] Step 712: Determine the target splicing sub-layer, render the target splicing sub-layer to the canvas layer to generate the target object image M, and record the image target attribute information of each target texture image in the canvas layer.

[0109] Step 714: Generate an attribute information QR code according to the target attribute information and the initial attribute information of each target texture image, and add the attribute information QR code to the QR code layer of the canvas layer.

[0110] Step 716: Generate a target template file in psd format based on the target object image and the QR code layer in the canvas layer.

[0111] The data processing method provided by the present application is applied to a browser and includes obtaining a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and image initial attribute information corresponding to each texture image; determining a target texture image in the texture set in response to a received texture selection instruction, and creating a splicing sublayer for each target texture image; processing each splicing sublayer in response to a received image creation instruction to generate a target object image, and recording the image target attribute information of each target texture image in the target object image; generating a texture attribute information set of the target object image based on the image target attribute information and image initial attribute information corresponding to each target texture image; and generating a target template file of the target object image based on the target object image and the texture attribute information set. Through this method, the user only needs to download the template of the reference object model and modify the texture set of the reference object model, which greatly shortens the texture production process and improves production efficiency.

[0112] Corresponding to the above method embodiment, the present application also provides a data processing device embodiment, Figure 8 FIG. 1 shows a schematic diagram of the structure of a data processing device provided by an embodiment of the present application. Figure 8 As shown, the device includes:

[0113] An acquisition module 802 is configured to acquire a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and initial image attribute information corresponding to each texture image;

[0114] A determination module 804 is configured to determine target texture images in the texture set in response to the received texture selection instruction, and create a splicing sublayer for each target texture image;

[0115] The image generation module 806 is configured to process each splicing sub-layer in response to the received image creation instruction, generate a target object image, and record image target attribute information of each target texture image in the target object image;

[0116] The information generating module 808 is configured to generate a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image;

[0117] The template generation module 810 is configured to generate a target template file of the target object image according to the target object image and the texture attribute information set.

[0118] Optionally, the acquisition module 802 is further configured to:

[0119] determining a reference object model according to the received model selection instruction;

[0120] Obtaining a model file link of the reference object model;

[0121] A texture set is obtained based on the model file link.

[0122] Optionally, the acquisition module 802 is further configured to:

[0123] Acquire a texture set image corresponding to the reference object model based on the model file link;

[0124] The texture set pictures are split to obtain at least one texture picture and initial picture attribute information corresponding to each texture picture.

[0125] Optionally, the determining module 804 is further configured to:

[0126] Create a canvas layer;

[0127] determining a target texture picture in the texture set in response to the received texture selection instruction;

[0128] Create a splicing sublayer corresponding to the target texture image on the canvas layer.

[0129] Optionally, the image generation module 806 is further configured to:

[0130] Determining a target stitching sublayer in response to the received image creation instruction;

[0131] The target splicing sublayer is rendered to the canvas layer to generate a target object image, and image target attribute information of the target texture image corresponding to the target splicing sublayer in the canvas layer is recorded.

[0132] Optionally, the image generation module 806 is further configured to:

[0133] Determine the position angle information of the target sublayer in the canvas layer;

[0134] The target sublayer is drawn on the canvas layer through a rendering loop to generate a target object image.

[0135] Optionally, the information generating module 808 is further configured to:

[0136] Generate an attribute information QR code according to the target attribute information corresponding to each target texture image and the initial attribute information of the image;

[0137] A two-dimensional code layer of the attribute information two-dimensional code is created in the canvas layer.

[0138] Optionally, the information generating module 808 is further configured to:

[0139] Generate an attribute information file according to the target attribute information corresponding to each target texture image and the initial attribute information of the image;

[0140] Uploading the attribute information file to a server, and receiving an attribute information link returned by the server, wherein the attribute information link is used to obtain the attribute information file;

[0141] The attribute information link is encoded and converted into an attribute information QR code.

[0142] Optionally, the information generating module 808 is further configured to:

[0143] Create an empty layer in the canvas layer;

[0144] The attribute information QR code is added to a preset position of the empty layer to generate a QR code layer.

[0145] Optionally, the template generation module 810 is further configured to:

[0146] The target object image in the canvas layer and the QR code layer are combined to generate a target template file of the target object image according to a preset format.

[0147] Optionally, the device further includes:

[0148] The export module is configured to export the target template file and upload the target template file to a server.

[0149] The data processing device provided by the present application is applied to a browser, and includes obtaining a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and image initial attribute information corresponding to each texture image; determining a target texture image in the texture set in response to a received texture selection instruction, and creating a splicing sublayer for each target texture image; processing each splicing sublayer in response to a received image creation instruction, generating a target object image, and recording image target attribute information of each target texture image in the target object image; generating a texture attribute information set of the target object image based on the image target attribute information and image initial attribute information corresponding to each target texture image; and generating a target template file of the target object image based on the target object image and the texture attribute information set. Through this device, the user only needs to download the template of the reference object model and modify the texture set of the reference object model, which greatly shortens the texture production process and improves production efficiency.

[0150] Secondly, in the process of generating the target object image, by rendering the target object image to the canvas layer, users can see the complete character image during the production process, making it easier to draw a complete work.

[0151] In addition, a Live2d model will have quite a lot of texture images. This application converts the texture images into a form that is easy to edit (template file) and organizes the layers in the template file, making the processing of texture images simpler and more convenient, thereby improving the user experience.

[0152] The above is a schematic diagram of a data processing device according to this embodiment. It should be noted that the technical solution of the data processing device and the technical solution of the above-mentioned data processing method are based on the same concept. For details not described in detail in the technical solution of the data processing device, please refer to the description of the technical solution of the above-mentioned data processing method.

[0153] Figure 9 The block diagram shows a structure of a computing device 900 according to an embodiment of the present application. The components of the computing device 900 include, but are not limited to, a memory 910 and a processor 920. The processor 920 is connected to the memory 910 via a bus 930, and a database 950 is used to store data.

[0154] The computing device 900 also includes an access device 940 that enables the computing device 900 to communicate via one or more networks 960. Examples of these networks include a public switched telephone network (PSTN), a local area network (LAN), a wide area network (WAN), a personal area network (PAN), or a combination of communication networks such as the Internet. The access device 940 may include one or more of any type of network interface (e.g., a network interface card (NIC)) whether wired or wireless, such as an IEEE 802.11 wireless local area network (WLAN) wireless interface, a Worldwide Interoperability for Microwave Access (Wi-MAX) interface, an Ethernet interface, a universal serial bus (USB) interface, a cellular network interface, a Bluetooth interface, a near field communication (NFC) interface, and the like.

[0155] In one embodiment of the present application, the above components of the computing device 900 and Figure 9 Other components not shown in the figure may also be connected to each other, for example, via a bus. Figure 9 The computing device structure block diagram shown is for illustrative purposes only and is not intended to limit the scope of the present application. Those skilled in the art may add or replace other components as needed.

[0156] The computing device 900 can be any type of stationary or mobile computing device, including a mobile computer or mobile computing device (e.g., a tablet computer, a personal digital assistant, a laptop computer, a notebook computer, a netbook computer, etc.), a mobile phone (e.g., a smartphone), a wearable computing device (e.g., a smartwatch, smart glasses, etc.), or other types of mobile devices, or a stationary computing device such as a desktop computer or PC. The computing device 900 can also be a mobile or stationary server.

[0157] The processor 920 implements the steps of the data processing method when executing the computer instructions.

[0158] The above is a schematic scheme of a computing device of this embodiment. It should be noted that the technical scheme of the computing device and the technical scheme of the above-mentioned data processing method are of the same concept. For details not described in detail in the technical scheme of the computing device, please refer to the description of the technical scheme of the above-mentioned data processing method.

[0159] An embodiment of the present application further provides a computer-readable storage medium storing computer instructions, which, when executed by a processor, implement the steps of the data processing method as described above.

[0160] The above is a schematic scheme of a computer-readable storage medium of this embodiment. It should be noted that the technical scheme of the storage medium and the technical scheme of the above-mentioned data processing method are based on the same concept. For details not described in detail in the technical scheme of the storage medium, please refer to the description of the technical scheme of the above-mentioned data processing method.

[0161] The foregoing description describes specific embodiments of the present application. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in an order different from that described in the embodiments and still achieve the desired results. Furthermore, the processes depicted in the accompanying drawings do not necessarily require the specific order shown or the sequential order to achieve the desired results. In certain embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0162] The computer instructions include computer program code, which may be in source code form, object code form, executable file, or some intermediate form. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, USB flash drive, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM), random access memory (RAM), electric carrier signal, telecommunication signal, and software distribution medium, etc. It should be noted that the content contained in the computer-readable medium may be appropriately increased or decreased according to the requirements of legislation and patent practice in the jurisdiction. For example, in some jurisdictions, according to legislation and patent practice, computer-readable media do not include electric carrier signals and telecommunication signals.

[0163] It should be noted that for the aforementioned method embodiments, for ease of description, they are all expressed as a series of action combinations, but those skilled in the art should be aware that this application is not limited by the order of the actions described, because according to this application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in this specification are all preferred embodiments, and the actions and modules involved are not necessarily required by this application.

[0164] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0165] The preferred embodiments of the present application disclosed above are intended only to help illustrate the present application. The optional embodiments do not describe all details in detail, nor do they limit the invention to the specific embodiments described. Obviously, many modifications and variations can be made based on the content of this application. The embodiments selected and specifically described in this application are intended to better explain the principles and practical applications of this application, so that those skilled in the art can better understand and utilize this application. This application is limited only by the claims and their full scope and equivalents.

Claims

1. A data processing method, characterized in that: Applies to browsers, including: Acquire a texture set corresponding to a reference object model, wherein the texture set includes at least one texture picture corresponding to the reference object model and initial picture attribute information corresponding to each texture picture; In response to the received texture selection instruction, determining target texture images in the texture set, and creating a splicing sublayer for each target texture image; In response to the received image creation instruction, each stitching sub-layer is processed to generate a target object image, and image target attribute information of each target texture image in the target object image is recorded; Generating a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image; Generate a target template file of the target object picture according to the target object picture and the texture attribute information set; The initial attribute information of the texture image includes a reference object model identifier corresponding to the texture image, a texture set identifier, and location information of the texture image in the texture set; The image target attribute information corresponding to the texture image includes position information, rotation angle information, texture set identifier, reference object model identifier, and splicing sub-layer information of the texture image in the target object image.

2. The data processing method according to claim 1, wherein: Get the texture set corresponding to the reference object model, including: determining a reference object model according to the received model selection instruction; Obtaining a model file link of the reference object model; A texture set is obtained based on the model file link.

3. The data processing method according to claim 2, wherein: Acquiring a texture set based on the model file link, including: Acquire a texture set image corresponding to the reference object model based on the model file link; The texture set pictures are split to obtain at least one texture picture and initial picture attribute information corresponding to each texture picture.

4. The data processing method according to claim 1, wherein: In response to the received texture selection instruction, target texture images are determined in the texture set, and a splicing sublayer is created for each target texture image, including: Create a canvas layer; determining a target texture picture in the texture set in response to the received texture selection instruction; Create a splicing sublayer corresponding to the target texture image on the canvas layer.

5. The data processing method according to claim 4, wherein: In response to the received image creation instruction, each stitching sub-layer is processed to generate a target object image, including: Determining a target stitching sublayer in response to the received image creation instruction; The target splicing sublayer is rendered to the canvas layer to generate a target object image, and image target attribute information of the target texture image corresponding to the target splicing sublayer in the canvas layer is recorded.

6. The data processing method according to claim 5, wherein: Rendering the target splicing sublayer to the canvas layer to generate a target object image includes: Determine the position angle information of the target stitching sublayer in the canvas layer; The target splicing sublayer is drawn on the canvas layer through a rendering loop to generate a target object image.

7. The data processing method according to claim 5, wherein: Generating a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image, including: Generate an attribute information QR code according to the target attribute information corresponding to each target texture image and the initial attribute information of the image; A two-dimensional code layer of the attribute information two-dimensional code is created in the canvas layer.

8. The data processing method according to claim 7, wherein: Generate an attribute information QR code based on the target attribute information and the initial attribute information of each target texture image, including: Generate an attribute information file according to the target attribute information corresponding to each target texture image and the initial attribute information of the image; Uploading the attribute information file to a server, and receiving an attribute information link returned by the server, wherein the attribute information link is used to obtain the attribute information file; The attribute information link is encoded and converted into an attribute information QR code.

9. The data processing method according to claim 7, wherein: Creating a QR code layer of the attribute information QR code in the canvas layer includes: Create an empty layer in the canvas layer; The attribute information QR code is added to a preset position of the empty layer to generate a QR code layer.

10. The data processing method according to claim 7, wherein: Generating a target template file of the target object picture according to the target object picture and the texture attribute information set includes: The target object image in the canvas layer and the QR code layer are combined to generate a target template file of the target object image according to a preset format.

11. The data processing method according to any one of claims 1 to 10, wherein: The method further comprises: Export the target template file and upload the target template file to the server.

12. A data processing device, characterized in that: Applies to browsers, including: an acquisition module configured to acquire a texture set corresponding to a reference object model, wherein the texture set includes at least one texture image corresponding to the reference object model and initial image attribute information corresponding to each texture image; a determination module configured to determine target texture images in the texture set in response to a received texture selection instruction, and create a splicing sublayer for each target texture image; An image generation module is configured to process each splicing sub-layer in response to the received image creation instruction, generate a target object image, and record image target attribute information of each target texture image in the target object image; An information generation module is configured to generate a texture attribute information set of the target object image according to the image target attribute information and the image initial attribute information corresponding to each target texture image; a template generation module, configured to generate a target template file of the target object image according to the target object image and the texture attribute information set; The initial attribute information of the texture image includes a reference object model identifier corresponding to the texture image, a texture set identifier, and location information of the texture image in the texture set; The image target attribute information corresponding to the texture image includes position information, rotation angle information, texture set identifier, reference object model identifier, and splicing sub-layer information of the texture image in the target object image.

13. A computing device comprising a memory, a processor, and computer instructions stored in the memory and executable on the processor, wherein: When the processor executes the computer instructions, the steps of the method according to any one of claims 1 to 11 are implemented.

14. A computer-readable storage medium storing computer instructions, characterized in that: When the computer instructions are executed by a processor, the steps of the method according to any one of claims 1 to 11 are implemented.

15. A computer program product comprising computer instructions, characterized in that: When the computer instructions are executed by a processor, the steps of the method according to any one of claims 1 to 11 are implemented.