Clothing display method and device, storage medium and clothing matching system

Abstract

The embodiment of the invention provides a clothing display method and device, a storage medium and a clothing matching system, and the method comprises the steps: obtaining a plurality of clothing assets, and displaying the clothing assets in a first display region of a first display interface; in response to the first user instruction, displaying the first clothing assets in the first display area in a second display area of the first display interface; in response to a second user instruction, displaying second clothing assets in the first display area in a second display area of the first display interface; obtaining a collision hierarchical relationship, wherein the collision hierarchical relationship is used for indicating the display hierarchy of the clothing assets on the human body model; and in response to a third user instruction, rendering the human body model according to the collision hierarchical relationship, the first costume assets and the second costume assets, displaying a rendering result in a third display area of the first display interface, selecting any multiple costumes for real-time matching by the user, and setting collision hierarchies of the costumes, so that the rendering result is more fit.

Description

Technical Field

[0001] This application belongs to the field of human-computer interaction, and particularly relates to a clothing display method, device, storage medium, and clothing matching system. Background Art

[0002] In the prior art, after receiving the design drawings of current-season clothing, a clothing matcher first uses 2D drawing tools to generate multiple sets of matching effect drawings. After screening multiple sets of matching styles, the matcher makes an overall match for the styles that conform to the fashion trend, and finally submits the results to the design department for sample clothing production; some clothing matchers are also responsible for selecting models and following up the shooting of the matches after the sample clothing is produced, organizing the overall dressing effect during the shooting process, and modifying and adjusting the matching styles at the shooting site. Through the above process, the clothing matcher completes the popular matching of current-season clothing according to the fashion trend and brand style of the clothing.

[0003] In the above work process, it mainly includes steps such as 2D drawing, selecting fitting models, following up the shooting, styling adjustment, and sample clothing adjustment. Among them, a large amount of labor, material resources, and production time, etc., which are production costs, are consumed, resulting in low clothing matching efficiency and long time consumption. Summary of the Invention

[0004] In view of this, the purpose of this application is to provide a clothing display method, device, storage medium, and clothing matching system to improve at least one of the above problems in the prior art.

[0005] In a first aspect, an embodiment of this application provides a clothing display method, including: obtaining a plurality of clothing assets, and displaying the plurality of clothing assets in a first display area of a first display interface; in response to a first user instruction, displaying a first clothing asset in the first display area in a second display area of the first display interface; in response to a second user instruction, displaying a second clothing asset in the first display area in the second display area of the first display interface; obtaining a collision hierarchy relationship, where the collision hierarchy relationship is used to indicate the display hierarchy of clothing assets on a human body model; in response to a third user instruction, rendering the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and displaying the rendering result in a third display area of the first display interface.

[0006] Through the above clothing display method, the user can simply and quickly select any multiple pieces of clothing, realizing the real-time matching of multiple pieces of clothing, and can also set the collision hierarchy of clothing on the human body model, which not only makes the rendering result more fitting and not easy to expose, but also can further enrich the form of matching.

[0007] In an alternative embodiment of the present application, the obtaining of the collision hierarchy relationship includes: judging the display order of the first clothing asset and the second clothing asset in the second display area according to the first user instruction and the second user instruction; generating the collision hierarchy relationship of the first clothing asset and the second clothing asset according to the display order.

[0008] In the above embodiment, the user can specify the collision hierarchy of the clothing assets by selecting the instructions of the clothing assets, which is simple and convenient to operate, and improves the convenience of interaction.

[0009] In an alternative embodiment of the present application, the method further includes: in response to a fourth user instruction, displaying a third clothing asset in the first display area in the second display area of the first display interface, where the third clothing asset is an accessory asset; correspondingly, in response to the third user instruction, rendering the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and displaying the rendering result in the third display area of the first display interface, including: in response to the third user instruction, rendering the human body model according to the collision hierarchy relationship, the first clothing asset, the second clothing asset, and the third clothing asset, and displaying the rendering result in the third display area of the first display interface.

[0010] In the above embodiment, the user can also select accessories for matching, and a rendering effect with accessories can be generated. Providing the selection of accessories can enrich the matching options, generate more comprehensive matching results, and make the rendering effect closer to the real user state.

[0011] In an alternative embodiment of the present application, the method further includes: generating a matching image according to the rendering result and displaying the matching image on the second display interface; in response to a fifth user instruction, changing the facial area of the human body model in the matching image.

[0012] In the above embodiment, changing the face of the matching image can achieve real-person dressing, provide more diverse dressing display effects, and facilitate the user to observe the dressing in the real-person state.

[0013] In an alternative embodiment of the present application, the method further includes: in response to the third user instruction, obtaining the human body model corresponding to the first clothing asset and the second clothing asset.

[0014] In an alternative embodiment of the present application, the method further includes: in response to a sixth user instruction, displaying the human body model in a third area of the first display interface; correspondingly, in response to the first user instruction, displaying the first clothing asset in the first display area on a second display area of the first display interface further includes: in response to the first user instruction, rendering the first clothing asset on the human body model.

[0015] In the above embodiment, the human body model is selected in advance. When the user selects a clothing asset, the selected clothing is rendered on the human body model, realizing real-time rendering of the clothing asset, facilitating the user to observe the matching effect in real time, and improving convenience.

[0016] In a second aspect, an embodiment of the present application provides a clothing matching system, the clothing matching system includes a human-computer interaction module and a processing module, the human-computer interaction module is configured to receive user instructions and display, and the human-computer interaction module can present a first display interface; the processing module is configured to obtain a plurality of clothing assets, display the plurality of clothing assets in a first display area of the first display interface; in response to a first user instruction, display the first clothing asset in the first display area on a second display area of the first display interface; in response to a second user instruction, display the second clothing asset in the first display area on the second display area of the first display interface; obtain a collision hierarchy relationship, the collision hierarchy relationship is used to indicate the display hierarchy of the clothing asset on the human body model; in response to a third user instruction, render the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and display the rendering result in a third display area of the first display interface.

[0017] In an alternative embodiment of the present application, the matching system further includes an asset database, the asset database includes a temporary cache module, a matching library module, an asset library module, and an engineering configuration module; the temporary cache module is configured to cache all the clothing assets displayed in the second display area; the matching library module is configured to save all the clothing assets displayed in the second display area; the asset library module is configured to save clothing assets; the engineering configuration module is configured to save engineering information, and each piece of engineering information includes: project information, time information, and matching information, and each piece of matching information is information generated by the matching library module for one save.

[0018] In an alternative embodiment of the present application, the matching system further includes a cloud communication module. The cloud communication module is used to download digital assets, where the digital assets include the clothing assets, the human body models, and business information. The cloud communication module is further used to generate structural assets, where the structural assets include matching images, time, creators, and the numbers of the clothing assets associated with the matching images. The matching images are generated from the rendering results. The cloud communication module is further used to download the structural assets and the clothing assets corresponding to the numbers in the structural assets.

[0019] In a third aspect, an embodiment of the present application provides an electronic device, including: a memory and a processor, where the processor is connected to the memory; the memory is used to store programs; the processor is used to call the programs stored in the memory to execute the method according to any one of the first aspects.

[0020] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, characterized in that a computer program is stored thereon, and when the computer program is run by a processor, it executes the method according to any one of the first aspects.

[0021] Other features and advantages of the present application will be described in the subsequent specification. The objectives and other advantages of the present application can be achieved and obtained through the structures specifically pointed out in the written specification and the drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required in the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, without creative efforts, other drawings can be obtained based on these drawings. Through the shown drawings, the above-mentioned and other objectives, features, and advantages of the present application will become clearer.

[0023] Figure 1 Shows a schematic block diagram of an electronic device provided by an embodiment of the present application;

[0024] Figure 2 Shows a flowchart of a clothing display method provided by an embodiment of the present application;

[0025] Figure 3 Shows a schematic diagram of a human body model provided by an embodiment of the present application;

[0026] Figure 4 Shows a schematic diagram of another human body model provided by an embodiment of the present application;

[0027] Figure 5Shows a schematic diagram of another human body model provided by an embodiment of the present application;

[0028] Figure 6 Shows a schematic diagram of a first display interface provided by an embodiment of the present application;

[0029] Figure 7 Shows a schematic diagram of a first display area provided by an embodiment of the present application;

[0030] Figure 8 Shows a schematic diagram of another first display area provided by an embodiment of the present application;

[0031] Figure 9 Shows a schematic diagram of yet another first display area provided by an embodiment of the present application;

[0032] Figure 10 Shows a schematic diagram of a second display area provided by an embodiment of the present application;

[0033] Figure 11 Shows a schematic diagram of a rendering result provided by an embodiment of the present application;

[0034] Figure 12 Shows a schematic diagram of a rendering process provided by an embodiment of the present application;

[0035] Figure 13 Shows a schematic block diagram of a clothing matching system provided by an embodiment of the present application;

[0036] Figure 14 Shows a schematic block diagram of an asset database provided by an embodiment of the present application;

[0037] Figure 15 Shows a schematic block diagram of a clothing matching system provided by an embodiment of the present application. Detailed implementation manners

[0038] Next, the technical solutions in the embodiments of the present application will be described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all of the embodiments. The following embodiments can be used as examples to more clearly illustrate the technical solutions of the present application, but cannot be used to limit the protection scope of the present application. Those skilled in the art can understand that, without conflict, the following embodiments and the features in the embodiments can be combined with each other.

[0039] Regarding the problems existing in the prior art, the methods existing in the prior art include:

[0040] One is to implement clothing matching through image processing technology based on Artificial Intelligence (AI). For example, through a detection algorithm, the faces and clothes in the image are detected, and by fusing different clothing pictures with the faces, the effect of multiple sets of clothing being matched to a person is achieved. The above method is essentially the same as the 2D manual drawing method, both being technical solutions based on pictures. Although it can save some of the workload of manual 2D drawing, since the entire technical solution is still based on images, there will be problems such as distorted clothing patterns, clothing gaffes, and visually ill-fitting effects in the matching results of multiple pieces of clothing, which is not very practical for clothing enterprises.

[0041] Another is to use a 3D virtual clothing production system for matching. However, the existing 3D virtual clothing production system cannot observe the result after clothing rendering in real time, and the existing 3D virtual clothing production system only simply renders single-piece clothing such as tops or pants on the model. The matcher cannot configure multiple pieces of clothing on the model at the same time. In this way, the matcher can neither quickly complete multiple matches of clothing nor intuitively see the comparison effects of multiple matches. Moreover, in the existing 3D virtual clothing production system, the asset data types are complex, and the collaboration with cloud management is cumbersome, and no efficient and easy-to-manage solution has been proposed.

[0042] Therefore, the embodiments of the present application provide a clothing display method. Users can simply and quickly select any multiple pieces of clothing, realizing real-time matching of multiple pieces of clothing, and can also set the collision levels of the clothing on the human body model, which not only makes the rendering result more fitting and not prone to gaffes, but also can further enrich the forms of matching.

[0043] As Figure 1 shown, Figure 1 FIG. shows a schematic block diagram of an electronic device 100. The electronic device 100 can display a user interface, and through the user interface, various data displays in the clothing display method provided by the present application can be shown and user instructions can be received.

[0044] The electronic device 100 can be an electronic device capable of realizing a display function. For example, a portable electronic device, such as a mobile phone, a tablet computer, a wearable electronic device with wireless communication function (such as a smart watch), etc. The above portable electronic device can also be other portable electronic devices, such as a laptop computer. It should also be understood that the above electronic device can also be a desktop computer with a display screen, a workstation with a projection function, and so on.

[0045] The electronic device 100 may include a processor 110, a universal serial bus (USB) interface 120, a display module 130, a wireless communication module 140, an internal memory 150, a sensor module 160, etc.

[0046] It can be understood that the structure illustrated in the embodiments of this application does not constitute a specific limitation on the electronic device 100. In other embodiments of the embodiments of this application, the electronic device 100 may include more or fewer components than shown in the figure, or combine certain components, or split certain components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0047] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units may be independent devices or integrated in one or more processors. In some embodiments, the electronic device 100 may also include one or more processors 110.

[0048] Among them, the controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0049] A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store the instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can directly call it from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the electronic device 100.

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

[0051] The USB interface 120 is an interface compliant with the USB standard specification. Specifically, it may be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface can be used to connect a charger to charge the electronic device 100, and can also be used for data transmission between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio through the headphones. This interface can also be used to connect other electronic devices, such as AR devices, etc.

[0052] The electronic device 100 performs screen display through the display module 130. For example, the electronic device 100 can implement the display function through the GPU and the display module 130, etc. The GPU is a microprocessor for image processing, connected to the display module 130 and the processor 110. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 can send rendering instructions to the GPU, and the GPU executes the instructions to generate an interface rendering, and sends the rendered interface to the display module for display. In an embodiment of the present application, the display module 130 may include a display and a touch device. The display is used to output a display interface to the user. For example, the first display interface and the second display interface involved in the embodiments of the present application. The touch device is used to receive operations input by the user on the display screen, such as dragging, clicking, etc.

[0053] In some embodiments of the present application, the display module is a display panel, and the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc.

[0054] In some embodiments of the present application, the display module is a projector, an e-ink screen, a head-mounted display device such as a virtual reality (VR) helmet and an augmented reality (AR) glasses, and so on.

[0055] The wireless communication function of the electronic device 100 can be implemented by an antenna, a wireless communication module 140, a baseband processor, and so on.

[0056] The antenna is used to transmit and receive electromagnetic wave signals. Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization rate of the antennas. For example: can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0057] The wireless communication module 140 may provide solutions for wireless communications applied to the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite systems (GNSSs), frequency modulation (FM), near field communication (NFC), infrared technology (IR), etc. The wireless communication module 140 may be one or more devices integrating at least one communication processing module. The wireless communication module 140 receives electromagnetic waves via an antenna, performs frequency modulation and filtering processing on the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 140 may also receive signals to be sent from the processor 110, perform frequency modulation and amplification on them, and convert them into electromagnetic waves through the antenna for radiation.

[0058] The internal memory 150 may be used to store one or more computer programs, and the one or more computer programs include instructions. The processor 110 may execute the above instructions stored in the internal memory 150, so that the electronic device 100 executes the clothing display method provided in some embodiments of the present application, as well as various functional applications and data processing, etc.

[0059] The sensor module 160 may include a pressure sensor 160A and a touch sensor 160B.

[0060] The pressure sensor 160A is used to sense pressure signals and can convert the pressure signals into electrical signals. In some embodiments, the pressure sensor 160A may be disposed on the display module 130. There are many types of pressure sensors 160A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. The capacitive pressure sensor may include at least two parallel plates with conductive materials. When a force acts on the pressure sensor 160A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation acts on the display module 130, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 160A. The electronic device 100 may also calculate the position of the touch according to the detection signal of the pressure sensor 160A.

[0061] The touch sensor 160B, also known as a touch panel or a touch-sensitive surface. The touch sensor 160B can be disposed on the display module 130, and the touch sensor 160B and the display module 130 together form a touch screen, also known as a "touch control screen". The touch sensor 160B is used to detect touch operations and lift-off operations acting thereon or in its vicinity. The touch sensor 160B can transmit the detected touch operations to the processor 110 to determine the type of touch event. The electronic device 100 can calculate the position where the user touches and the position where the user lifts off according to the detection signal of the touch sensor 160B, and can also determine and recognize the user's drag operation according to the continuous change of the user's touch position. Further, the electronic device 100 can provide visual outputs related to the foregoing related operations (touch operation, lift-off operation, and drag operation) through the display module 130.

[0062] The sensor module 160 may further include a gyroscope sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, an ambient light sensor, a bone conduction sensor, etc.

[0063] It can be understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is only illustrative and does not constitute a structural limitation on the electronic device 100. In other embodiments, the electronic device 100 may also adopt different interface connection methods in the foregoing embodiments, or a combination of multiple interface connection methods.

[0064] The software system of the foregoing electronic device 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture.

[0065] As Figure 2 shown, Figure 2 is a flowchart of a clothing display method provided by an embodiment of the present application. As Figure 2 shown, the method includes steps 210 to 250:

[0066] Step 210, obtain a plurality of clothing assets, and display the plurality of clothing assets in a first display area of a first display interface.

[0067] Obtain a plurality of clothing assets. In an embodiment of the present application, a plurality of clothing assets can be read from an asset database in the background. By way of example, the background asset library is located on a server, and digital assets are stored on the background asset library. The digital assets include a human body model and clothing assets. The human body model refers to a digital model used for clothing matching. The digital model can be a pre-established two-dimensional or three-dimensional human body model. As Figure 3 shown, Figure 3A schematic diagram of a mannequin is shown. The mannequin model described in this application can be set with reference to the forms of real humans, such as gender, height, weight, posture, etc. For example, a female mannequin model can be set. A female mannequin model in this application is as Figure 4 shown. Also, for example, mannequin models with different postures can be set. Figure 5 This is another mannequin model shown in this application. Figure 5 Compared with Figure 2 , both mannequin models are male mannequin models, but the postures of the two mannequin models are different.

[0068] Apparel assets refer to data of apparel for matching. Apparel includes clothing and accessories. Clothing includes shirts, windbreakers, sweatshirts, etc. Accessories include jewelry, bracelets, socks, shoes, etc. The data of apparel includes: images of apparel, attributes of apparel such as Stock Keeping Unit (SKU) or Stock Keeping Color (SKC). Stock Keeping Color is the unique identifier for each unique product and its color, models of apparel such as 3D models or 2D models. The models of apparel can further include apparel materials, etc.

[0069] After importing the apparel assets into the background asset database, the user can select the required clothing asset files for download and batch import them into the asset folder of the electronic device. When the electronic device detects an instruction or operation, such as detecting that the user opens the system interface, it reads the apparel assets from the asset folder and displays them according to the display mode of the first display interface.

[0070] In this application, the first display interface is the interface for the user to perform clothing matching. The first display interface needs to be set with at least three display areas: the first display area, the second display area, and the third display area. The first display area is used to display assets such as apparel assets and model assets. The second display area is used to display the user's selection of assets such as apparel assets. The third display area is used to display the rendering results of the assets. For example, as Figure 6 shown, Figure 6 a schematic diagram of a first display interface is shown. The left side of the first display interface is the first display area, the middle is the third display area, and the right side is the second display area.

[0071] The specific form of the first display interface and the display mode of the first display interface can be freely constructed. In an embodiment of this application, the first display area is displayed in the form of a hierarchical menu, such as Figure 7 shown, Figure 7 a schematic diagram of a first display area is shown. Figure 7On the left side of the first display area in [the application], there is a first list. The first column shows icons for classifying clothing assets. For example, clothing assets can be classified into tops, shoes, etc. A display icon is set for each category, and this icon also serves as the sub-menu switch for the clothing assets of that category. As Figure 7 shown, when the user clicks on the icon for tops, the sub-menu for tops will expand, and all the top clothing assets will be displayed in the sub-menu. The assets can be displayed by showing the models or images of the assets, etc. Figure 7 In [the application], the sub-menu shows the images of the assets. When the user clicks on other icons, the sub-menus for other clothing assets will be displayed. For example, as Figure 8 described, Figure 8 shows another schematic diagram of the first display area. When the user clicks on the icon for footwear clothing assets, the sub-menu for tops will be collapsed, and the sub-menu for footwear clothing assets will expand, and all the footwear clothing assets will be displayed in this sub-menu.

[0072] In another example of the present application, in the first display area of the first display interface, a list display mode is adopted. Each list will show the name or stock keeping unit of the clothing assets. When it is detected that a selection instruction stays on a list, for example, when it is detected that the user's mouse moves to a list, a small window can pop up to show the model of the clothing asset.

[0073] Furthermore, in the first display area, in addition to clothing assets, other assets that need to be selected by the user can be displayed. In an embodiment of the present application, the human model also needs to be selected by the user. An icon can be set for the human model asset. For example, as Figure 9 shown, Figure 9 shows still another schematic diagram of the first display area. Figure 9 In [the application], an icon for the human model is set in the first-level menu of the first display area. When the user clicks on this icon, the sub-menu for the human model assets will expand, and all the human models will be shown in this sub-menu.

[0074] Step 220, in response to the first user instruction, display the first clothing asset in the first display area on the second display area of the first display interface.

[0075] Step 230, in response to the second user instruction, display the first clothing asset in the first display area on the second display area of the first display interface.

[0076] When a first instruction from the user on the first interface is detected, a response is made. The first instruction is a selection instruction by the user for the clothing assets in the first display area. For example, the user can use the mouse to Figure 7Performing a drag operation on the coat in the upper garment asset sub-menu in the first display area shown, this drag operation is regarded as the first instruction. Obtaining the garment asset pointed to by the first instruction, which is the coat, and displaying the garment asset in the second display area of the first display interface. The second display area is an area in the first interface for displaying the selection result of options such as assets shown in the first display area. By way of example, as Figure 10 shown, Figure 10 shows a schematic diagram of a second display area, Figure 10 displaying the garment of the coat asset indicated by the first instruction in the second display area to indicate that the user has selected the coat asset.

[0077] When detecting a second instruction of the user on the first interface, making a response. The second instruction is a selection instruction of the user for the garment assets in the first display area. By way of example, the user can use the mouse to Figure 7 perform a drag operation on the dress in the upper garment asset sub-menu in the first display area shown, this drag operation is regarded as the second instruction. Obtaining the garment asset pointed to by the second instruction, which is the dress, and displaying the garment asset in the second display area of the first display interface. As Figure 10 shown, Figure 10 displaying the garment of the dress asset indicated by the second instruction in the second display area to indicate that the user has selected the dress asset.

[0078] In some embodiments, the user instruction can be the selection of all optional items displayed in the first display interface. By way of example, the user can touch and drag on the display module. When the user touches the lower garment assets in the first display area and drags the selected lower garments, a first user instruction is generated, and the lower garments selected by the first user instruction are displayed in the second display area. Subsequently, the user touches the upper garment assets in the first display area and drags the selected upper garments, generating a second user instruction, and the upper garments selected by the second user instruction are displayed in the second display area. Finally, by the user touching the footwear assets in the first display area and dragging the selected shoes, a third user instruction is generated, and the shoes selected by the third user instruction are displayed in the second display area.

[0079] Step 240, obtaining a collision hierarchy relationship, which is used to indicate the display hierarchy of the garment assets on the human model.

[0080] Obtain the collision hierarchy relationship between clothing assets. The collision hierarchy relationship is used to indicate the display hierarchy of clothing assets on the human body model. Clothing with a higher display hierarchy will cover clothing with a lower hierarchy for display. For example, a selection tab named "Render" can be set in the second display area or the third display area. When the user clicks the "Render" tab, the user is prompted to specify the collision hierarchy relationship between clothing assets. The collision hierarchy relationship can be set according to the matching effect that the user wants to achieve. For example, when the matching effect required by the user is that the socks go into the trouser legs, the collision hierarchy of the trouser legs can be set to be higher than that of the socks. On the contrary, when the matching effect required by the user is that the socks wrap the trouser legs, the collision hierarchy of the trouser legs can be set to be lower than that of the socks.

[0081] In an embodiment of the present application, the obtaining the collision hierarchy relationship includes: judging the display order of the first clothing asset and the second clothing asset in the second display area according to the first user instruction and the second user instruction; generating the collision hierarchy relationship between the first clothing asset and the second clothing asset according to the display order.

[0082] The display order of clothing assets can be determined by the display order of clothing assets in the second display area. At this time, the user instruction for clothing selection also specifies the display order of clothing assets in the second display area. For example, when the first instruction is that the user drags and operates on the coat in the sub-menu of upper clothing assets in the first display area, and the second instruction is that the user drags and operates on the dress in the sub-menu of upper clothing assets in the first display area, the end position of the first instruction drag can be higher than the end position of the second instruction drag. As shown in the second display area in Figure 10 the first instruction can drag the coat to the upper position in the second display area, and the second instruction can drag the dress to the lower position in the second display area. Then the display order of the coat in the second display area is higher than that of the dress. Then, according to the display order, the selection result is as shown in Figure 10 shown, Figure 10 the coat in

[0083] is displayed above, and the dress is displayed below. In another example, the order of user instructions specifies the display order of clothing assets in the second display area. For example, the collision hierarchy of the clothing asset corresponding to the first instruction is higher than that of the clothing asset corresponding to the second instruction. Figure 11 shown, Figure 11 shows a schematic diagram of a rendering result. Figure 11 In the overlapping area of the two, the coat will be displayed above the dress.

[0084] In the above embodiments, the user can specify the collision level of the clothing asset through the instruction for selecting the clothing asset, which is simple and convenient to operate and improves the convenience of interaction.

[0085] In one embodiment of the present application, the method further includes: in response to the third user instruction, obtaining the human body models corresponding to the first clothing asset and the second clothing asset.

[0086] The third user instruction is used to indicate rendering based on the clothing assets in the second display area. For example, a selection tab named "Render" can be set in the second display area or the third display area. When the user clicks the render tab, the binding relationship between each clothing asset in the second display area and the human body model will be automatically obtained. For example, Figure 10 For the shown second display area, after receiving the third user instruction, the binding relationship between the coat and the human body model will be obtained, such as human body model 2 and human body model 3. And the binding relationship between the dress and the human body model will be obtained, such as human body model 2. The human body model that these two clothing assets commonly correspond to, that is, human body model 2, will be used as the model to be rendered.

[0087] In one embodiment of the present application, the method further includes: in response to the sixth user instruction, displaying the human body model in the third area of the first display interface; correspondingly, in response to the first user instruction, displaying the first clothing asset in the first display area in the second display area of the first display interface further includes: in response to the first user instruction, rendering the first clothing asset on the human body model.

[0088] The user can select a human body model on the first display interface. For example, the first display area on the first display interface is as Figure 9 shown. When the user first enters the interface and before making a clothing selection, the user will be prompted to select a human body model in the first display area. For example, the user can drag Figure 9 a human body model in the human body model asset sub - menu to generate a sixth instruction, and display the human body model specified by the sixth instruction in the third display area. In another example, the sixth instruction is a preset instruction. When the first display interface is first displayed, a human body model will be obtained according to the preset sixth instruction and displayed in the third display area.

[0089] Correspondingly, when responding to the user's clothing asset selection instruction, in addition to displaying the clothing asset in the second display area of the first interface, the clothing asset is also rendered on the human body model. When the first user instruction is detected, in response to the first user instruction, the first clothing asset is rendered on the human body model. Similarly, when the second user instruction is detected, in response to the second user instruction, the second clothing asset is rendered on the human body model, thus realizing the real-time rendering of the clothing assets selected by the user.

[0090] In the above embodiment, the human body model is selected in advance. When the user selects a clothing asset, the selected clothing is rendered on the human body model, realizing the real-time rendering of the clothing asset, facilitating the user to observe the matching effect in real time, and improving the convenience.

[0091] Step 250, in response to the third user instruction, render the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and display the rendering result in the third display area of the first display interface.

[0092] The third user instruction is used to indicate to render the human body model according to the clothing assets selected by the user and the collision hierarchy relationship. For example, a rendering tab is set on the first display interface. When the user clicks the tab, the third user instruction is generated. After detecting the third user instruction, stack and match the first clothing asset and the second clothing asset on the human body model according to the collision hierarchy relationship. For example, as Figure 11 shown, according to the hierarchy relationship between the coat and the dress, the hierarchy of the coat is higher than that of the dress. Then, the dress should be configured on the human body model first, and then the coat should be configured on the human body model. After the two clothing models are configured, through physical simulation, automatically adjust the clothing models into a matchable appearance, and then render the human body model, and display the rendering result in the third display area for the user to observe the matching effect.

[0093] Automatically adjusting multiple pieces of clothing into a matchable appearance through physical simulation can prevent the clothes from penetrating each other.

[0094] In an embodiment of the present application, the third user instruction can also be in other forms. For example, as Figure 12 shown, Figure 12 shows a schematic diagram of a rendering process. In response to the first user instruction, the first piece of clothing selected by the user, that is, the pants, is displayed in the second display area, and as Figure 12 shown in A, the pants are rendered on the human body model in real time for display. In response to the second user instruction, the second piece of clothing selected by the user, that is, the upper garment, is in the second display area, and as Figure 12As shown in Figure B, the upper garment is rendered on the mannequin for display. At this time, when it is detected that the user has selected multiple clothing assets, a third user instruction is generated to render the multiple clothing items. For example, the upper garment and the trousers are rendered together to generate a preliminary rendering result, as shown in Figure 12 Figure C. After obtaining the preliminary rendering result, the collision hierarchy relationship in the rendering result is set. For example, if the collision hierarchy of the upper garment is set to be higher than that of the trousers, the final rendering result is as shown in Figure 12 Figure D.

[0095] Through the above clothing display method, the user can simply and quickly select any multiple clothing items, realize the real-time matching of multiple clothing items, and can also set the collision hierarchy of the clothing on the mannequin, which not only makes the rendering result more fitting and not easy to expose, but also can further enrich the form of matching.

[0096] In an embodiment of the present application, the method further includes: in response to a fourth user instruction, displaying the third clothing asset in the first display area in the second display area of the first display interface, where the third clothing asset is an accessory asset; correspondingly, in response to the third user instruction, rendering the mannequin according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and displaying the rendering result in the third display area of the first display interface, including: in response to the third user instruction, rendering the mannequin according to the collision hierarchy relationship, the first clothing asset, the second clothing asset, and the third clothing asset, and displaying the rendering result in the third display area of the first display interface.

[0097] The clothing assets displayed in the first display area of the first display interface include accessory assets. Accessory assets refer to accessory-related information such as socks, jewelry, etc., such as 3D models and materials.

[0098] In response to a fourth user instruction, the fourth user instruction is a selection instruction for the clothing assets displayed in the first display area. The selected third clothing asset in the first display area is displayed in the second display area of the first display interface.

[0099] Correspondingly, when the user issues a third user instruction indicating rendering, rendering will be performed according to the first clothing asset, the second clothing asset, the third clothing asset, and the hierarchical relationship among the three clothing items.

[0100] In the above embodiment, the user can also select accessories for matching, which can generate a rendering effect with accessories. Providing the selection of accessories can enrich the matching options, can generate a more comprehensive matching result, and make the rendering effect closer to the real user state.

[0101] Further, the user can also issue instructions to change the display perspective of the mannequin, or change the actions of the mannequin, or change the accessories of the mannequin.

[0102] After generating the rendering result, the user can further input adjustment instructions. The fourth instruction refers to the adjustment instruction of the user for the rendering result. For example, the user can drag to adjust the display perspective of the mannequin to change the display perspective of the rendering result. By way of example, the user can drag to achieve rotation, so as to display the side, back and other perspectives of the mannequin, and view the matching effect from different angles. Or, the user can drag the accessories to replace the accessories on the mannequin. By way of example, as shown in 12E, drag the shoe-like clothing asset to generate the fourth user instruction, and continue to render according to the fourth user instruction, so as to change the shoes of the model. Or, the clothing asset can be reselected to adjust the clothing on the mannequin, or the actions of the model can be instructed, and the model is rendered according to the instruction to change the actions.

[0103] In the above embodiment, after generating the rendering result, the user can make real-time adjustments to change the rendering effect, which is convenient for the user to observe the effects in different model states and different combinations.

[0104] In an embodiment of the present application, the method further includes: generating a matching image according to the rendering result, and displaying the matching image on the second display interface; in response to the fifth user instruction, changing the facial area of the mannequin in the matching image.

[0105] Obtain the real-time rendering result of the mannequin to generate a matching image, and the matching image can be exported as a single image or temporarily stored in the system folder. By way of example, the matching image is as Figure 11 shown, and the saved matching image can be displayed on the second display interface.

[0106] Further, view the list of temporarily stored pictures, and when the cursor moves to the picture, display the clothing asset information matched in the picture. As Figure 11 shown, when the cursor moves to the picture, a small window pops up to display the clothing asset information matched. The pictures can be dragged to the selection area or deleted, and all pictures can be exported or uploaded to the cloud.

[0107] By way of example, an option tab can be set. When the user clicks on the option tab, a fifth user instruction is generated. The fifth user instruction is used to indicate a real person face replacement for the mannequin in the picture. When the fifth user instruction is detected, in response to the fifth user instruction, change the facial area of the mannequin in the matching image.

[0108] In the above embodiment, face replacement of the matching image can realize real-person dressing, provide more diverse dressing display effects, and facilitate the user to observe the dressing in the real-person state.

[0109] AsFigure 13 As shown Figure 13 is a schematic block diagram of a clothing matching system 1300 provided by an embodiment of the present application. As Figure 13 shown, the system includes: a human-computer interaction module 1301 and a processing module 1302,

[0110] The human-computer interaction module 1301 is used to receive user instructions and display, and the human-computer interaction module can present a first display interface;

[0111] The processing module 1302 is used to obtain a plurality of clothing assets, display the plurality of clothing assets in a first display area of the first display interface; in response to a first user instruction, display a first clothing asset in the first display area in a second display area of the first display interface; in response to a second user instruction, display a second clothing asset in the first display area in the second display area of the first display interface; obtain a collision hierarchy relationship, where the collision hierarchy relationship is used to indicate the display hierarchy of clothing assets on a human body model; in response to a third user instruction, render the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and display the rendering result in a third display area of the first display interface.

[0112] In an embodiment of the present application, the matching system includes an asset database, and the asset database includes a temporary cache module, a matching library module, an asset library module, and an engineering configuration module; the temporary cache module is used to cache all clothing assets displayed in the second display area; the matching library module is used to save all clothing assets displayed in the second display area; the asset library module is used to save clothing assets; the engineering configuration module is used to save engineering information, and each piece of engineering information includes: project information, time information, and matching information, and each piece of matching information is information generated by the matching library module for one save.

[0113] Exemplarily, the asset database is as Figure 14 shown Figure 14 is a schematic block diagram of an asset database provided by an embodiment of the present application, Figure 14 The asset database includes an asset library module, and the asset library module contains a plurality of asset libraries. Each asset library is used to store relevant data of clothing assets such as digital clothing assets, business information, business information inventory color numbers, etc. The above digital clothing assets may include digital models, material information, etc. of clothing assets.

[0114] Figure 14The medium asset database includes a collocation library module. The collocation library module contains multiple collocation libraries. Each collocation library is used to store data related to collocation results. The information saved in each collocation library includes collocation result assets. The collocation result assets refer to the results of the user saving the clothing assets displayed in the second display interface, business information, and the relevant data of each clothing asset in the collocation result, such as business information inventory color numbers.

[0115] Figure 14 The medium asset database includes a temporary cache module. The temporary cache module is used to cache collocation information and the asset-related data involved in each cached collocation information. The collocation information refers to the result of the user temporarily saving the clothing assets displayed in the second display interface. Figure 14 The collocation information saved in the medium temporary cache module is the collocation information, and the temporary cache module also saves the business information inventory color numbers of the clothing involved in the collocation information.

[0116] Figure 14 The medium asset database includes an engineering configuration module. The engineering configuration module is used to save engineering information, especially the configuration information of the project. The engineering information can be used to manage the information saved in the collocation library module. It records the project information, time information, collocation information included, update time, etc. of each project. One of the collocation information refers to the information generated by the collocation module for one save, that is, a collocation result.

[0117] Each module in the asset database is an independent structure, which is convenient for data processing.

[0118] Furthermore, the asset database provides a full link for data creation, update, deletion, and loading. Each functional module is encapsulated into an independent interface, without coupling, and ensures the correctness of each operation logic, seamless.

[0119] In an embodiment of the present application, the collocation system further includes a cloud communication module. The cloud communication module is used to download digital assets. The digital assets include the clothing assets, the human body models, and business information. The cloud communication module is also used to generate structural assets. The structural assets include collocation images, time, creators, and the numbers of the clothing assets associated with the collocation images. The collocation images are generated from the rendering results. The cloud communication module is also used to download the structural assets and the clothing assets corresponding to the numbers in the structural assets.

[0120] Figure 15 It is a schematic block diagram of a clothing collocation system provided by an embodiment of the present application. Figure 15The clothing matching system includes a clothing matching software and a digital asset management platform. The clothing matching software includes a human-computer interaction module 1301. Data transmission and management are carried out between the clothing matching software and the digital asset management platform through a cloud communication module.

[0121] The cloud communication module can manage digital clothing assets in the cloud platform, and each asset has an independent number.

[0122] The clothing matching software downloads assets through the cloud communication module, and downloads asset contents such as digital models, business information, and clothing data of the clothing for use in the display interface in the human-computer interaction module;

[0123] The clothing matching software imports digital assets into the software. Users can match and combine virtual clothing assets through the clothing matching software. Users randomly match and combine the assets, and through real-time simulation, fit them to a suitable state. After completing the matching, render pictures to generate a matching combination diagram.

[0124] The cloud communication module packages the matching combination diagram, business information, clothing SKC number, creator, time, and multiple corresponding associated styles, etc. into a numbered structured asset and uploads the structured asset to the digital asset management platform, and manages or browses these matching pictures through the cloud.

[0125] The cloud communication module browses, manages, and secondarily edits these structured assets.

[0126] The clothing matching software downloads the structured asset into the matching software, and associates it through the digital clothing number included in the asset and downloads the corresponding digital clothing asset.

[0127] The embodiment of the present application also provides a non-volatile computer-readable storage medium (hereinafter referred to as the storage medium). A computer program is stored on the storage medium. When the computer program is run by a computer such as the above-mentioned electronic device, it executes the above-mentioned clothing display method.

[0128] It should be noted that each embodiment in this specification is described in a progressive manner. The key point of each embodiment is to describe the differences from other embodiments. The same or similar parts between the embodiments can be referred to each other.

[0129] In several embodiments provided in this application, it should be understood that the disclosed devices and methods can also be implemented in other ways. The device embodiments described above are merely illustrative. For example, the flowcharts and block diagrams in the accompanying drawings show the possible architectures, functions, and operations of devices, methods, and computer program products according to multiple embodiments of this application. In this regard, each block in the flowchart or block diagram can represent a module, a program segment, or a part of code, and the module, program segment, or part of code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than marked in the accompanying drawings. For example, two consecutive blocks can actually be executed substantially in parallel, and they can sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagram and / or flowchart, as well as the combination of blocks in the block diagram and / or flowchart, can be implemented by a dedicated hardware-based system for performing the specified functions or actions, or can be implemented by a combination of dedicated hardware and computer instructions.

[0130] In addition, in each embodiment of this application, the functional modules can be integrated together to form an independent part, or each module can exist alone, or two or more modules can be integrated to form an independent part.

[0131] If the above functions are implemented in the form of software functional modules and sold or used as an independent product, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a part of this technical solution, can be embodied in the form of a software product. This computer software product is stored in a computer-readable storage medium and includes several instructions for causing a computer device (which can be a personal computer, a laptop, a server, or an electronic device, etc.) to execute all or part of the steps of the methods described in each embodiment of this application. The aforementioned computer-readable storage medium includes various media that can store program codes, such as USB flash drives, mobile hard disks, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical discs.

[0132] The above is only the specific implementation manner of this application, but the protection scope of this application is not limited thereto. Any person skilled in the art within the technical scope disclosed in this application can easily think of changes or substitutions, which should all be covered by the protection scope of this application. Therefore, the protection scope of this application should be subject to the protection scope of the claims.

Claims

1. A clothing display method, characterized in that, it includes: Obtain multiple clothing assets and display the multiple clothing assets in a first display area of a first display interface; In response to a first user instruction, display a first clothing asset in the first display area in a second display area of the first display interface; In response to a second user instruction, display a second clothing asset in the first display area in the second display area of the first display interface; Obtain a collision hierarchy relationship, which is used to indicate the display hierarchy of clothing assets on a human body model; In response to a third user instruction, render the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and display the rendering result in a third display area of the first display interface.

2. The method according to claim 1, characterized in that, the obtaining of the collision hierarchy relationship includes: According to the first user instruction and the second user instruction, judge the display order of the first clothing asset and the second clothing asset in the second display area; Generate a collision hierarchy relationship between the first clothing asset and the second clothing asset according to the display order.

3. The method according to claim 1, characterized in that, the method further includes: In response to a fourth user instruction, display a third clothing asset in the first display area in a second display area of the first display interface, and the third clothing asset is an accessory asset; Correspondingly, in response to the third user instruction, rendering the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and displaying the rendering result in a third display area of the first display interface includes: In response to the third user instruction, render the human body model according to the collision hierarchy relationship, the first clothing asset, the second clothing asset, and the third clothing asset, and display the rendering result in a third display area of the first display interface.

4. The method according to claim 1, characterized in that, the method further includes: Generate a matching image according to the rendering result and display the matching image on a second display interface; In response to a fifth user instruction, change the facial area of the human body model in the matching image.

5. The method according to claim 1, characterized in that, the method further includes: In response to the third user instruction, obtain the human body model corresponding to the first clothing asset and the second clothing asset.

6. The method according to claim 1, characterized in that, the method further includes: In response to a sixth user instruction, display the human body model in a third area of the first display interface; Correspondingly, in response to the first user instruction, displaying the first clothing asset in the first display area in the second display area of the first display interface further includes: In response to the first user instruction, render the first clothing asset on the human body model.

7. A clothing matching system, characterized in that, the clothing matching system includes a human-computer interaction module and a processing module, The human-computer interaction module is used for receiving user instructions and displaying, and the human-computer interaction module can present a first display interface; The processing module is used for obtaining a plurality of clothing assets and displaying the plurality of clothing assets in a first display area of the first display interface; In response to a first user instruction, displaying a first clothing asset in the first display area in a second display area of the first display interface; In response to a second user instruction, displaying a second clothing asset in the first display area in the second display area of the first display interface; Obtaining a collision hierarchy relationship, where the collision hierarchy relationship is used to indicate the display hierarchy of clothing assets on a human body model; In response to a third user instruction, rendering the human body model according to the collision hierarchy relationship, the first clothing asset, and the second clothing asset, and displaying the rendering result in a third display area of the first display interface.

8. The system according to claim 7, wherein, the matching system further includes an asset database, and the asset database includes a temporary cache module, a matching library module, an asset library module, and a project configuration module; The temporary cache module is used for caching all clothing assets displayed in the second display area; The matching library module is used for saving all clothing assets displayed in the second display area; The asset library module is used for saving clothing assets; The project configuration module is used for saving project information, and each piece of project information includes: project information, time information, and matching information, and each piece of matching information is information generated by the matching library module for one save.

9. The system according to claim 7, wherein, the matching system further includes a cloud communication module, and the cloud communication module is used for downloading digital assets, and the digital assets include the clothing assets, the human body model, and business information; The cloud communication module is further used for generating structure assets, and the structure assets include a matching image, time, a creator, and the number of the clothing asset associated with the matching image, and the matching image is generated from the rendering result; The cloud communication module is further used for downloading the structure assets and the clothing assets corresponding to the numbers in the structure assets.

10. An electronic device, wherein, it includes: a memory and a processor, and the processor is connected to the memory; The memory is used for storing programs; The processor is used for calling the program stored in the memory to execute the method according to any one of claims 1-6.

11. A computer-readable storage medium, wherein, a computer program is stored thereon, and when the computer program is run by a processor, it executes the method according to any one of claims 1-6.

Images