Virtual character image processing method and device, equipment and storage medium
By dividing the virtual character image into independent color areas and customizing color parameter values, the problem of the lack of uniqueness in the appearance of 3D virtual characters is solved, resulting in unique and easily recognizable virtual character images, which improves user experience and image richness.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- TENCENT TECHNOLOGY (SHENZHEN) CO LTD
- Filing Date
- 2020-12-31
- Publication Date
- 2026-05-19
AI Technical Summary
The appearance of 3D virtual characters in existing online games lacks uniqueness and cannot be customized.
By dividing the appearance components of the virtual character into independent coloring areas and customizing the color parameter values of each independent coloring area, color adjustment controls are provided to achieve fine-tuning.
It achieves a unique image for 3D virtual characters, improves the user's experience in adjusting appearance and the richness of image, makes each virtual character easy to distinguish and has collectible value.
Smart Images

Figure CN116492687B_ABST
Abstract
Description
[0001] This application is a divisional application of application number 202011628842.3, filed on December 31, 2020, entitled "Method, apparatus, device and storage medium for processing virtual character images". Technical Field
[0002] This application relates to the field of human-computer interaction, and in particular to a method, apparatus, device, and storage medium for processing virtual character images. Background Technology
[0003] Many online games offer dress-up features for 3D virtual characters, such as holiday-themed skins customized to celebrate major holidays, allowing players to change the appearance of their 3D virtual characters.
[0004] For the appearance settings of 3D virtual characters, online games provide a variety of appearance options. Players can choose the skin color, hairstyle, top, bottom, shoes, headwear, accessories, etc. of their 3D virtual characters on the terminal.
[0005] However, the colors of the skin color, hairstyle, top, bottom, shoes, headdress, and accessories are all preset and cannot be changed, thus lacking uniqueness. Summary of the Invention
[0006] This application provides a method, apparatus, device, and storage medium for processing virtual character images. By dividing the appearance components of the virtual character image into independently colored areas, and then customizing the color parameter values of each independently colored area, a unique appearance can be customized for the three-dimensional virtual character. The technical solution is as follows:
[0007] According to one aspect of this application, a method for processing virtual character images is provided, the method comprising:
[0008] The virtual character image is displayed on the user interface, which includes a color adjustment control for a first independent coloring area. The first independent coloring area is an independent coloring area among at least one independent coloring area on the appearance component of the virtual character image. The color adjustment control is used to adjust the color parameter value on the first independent coloring area.
[0009] In response to the adjustment of color parameter values on the color adjustment control, the virtual character image after color adjustment in the first independent coloring area is displayed;
[0010] In response to the operation of applying the color-adjusted virtual character image, the color-adjusted virtual character image is applied when performing virtual tasks.
[0011] According to another aspect of this application, a processing apparatus for virtual character images is provided, the apparatus comprising:
[0012] The display module is used to display the virtual character image on the user interface. The user interface includes a color adjustment control for a first independent coloring area. The first independent coloring area is an independent coloring area among at least one independent coloring area on the appearance component of the virtual character image. The color adjustment control is used to adjust the color parameter value on the first independent coloring area.
[0013] The display module is used to respond to the adjustment operation of the color parameter value on the color adjustment control and display the virtual character image after color adjustment in the first independent coloring area;
[0014] The application module is used to respond to the application operation of the color-adjusted virtual character image and apply the color-adjusted virtual character image when performing virtual tasks.
[0015] According to another aspect of this application, a terminal is provided, the terminal comprising: a processor and a memory, the memory storing a computer program, the computer program being loaded and executed by the processor to implement the virtual character image processing method as described above.
[0016] According to another aspect of this application, a computer-readable storage medium is provided, wherein a computer program is stored in the computer-readable storage medium, and the computer program is loaded and executed by a processor to implement the virtual character image processing method as described above.
[0017] According to another aspect of this application, a computer program product is provided, comprising computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the virtual character image processing method described above.
[0018] The beneficial effects of the technical solutions provided in this application include at least the following:
[0019] The appearance components of a virtual character are divided into independent coloring areas, with at least one independent coloring area defined. The color parameter values for each independent coloring area are then customized. This customization allows for fine-tuning of the color parameters of the component's appearance, creating a unique 3D virtual character that meets user needs. This enhances the user experience in adjusting the appearance of the 3D virtual character, enriches its visual appeal, and ensures that each 3D virtual character has a unique appearance, making it easier to distinguish from other 3D virtual characters. When multiple 3D virtual characters are in the same virtual scene, the identity of each character can be more intuitively identified. Furthermore, the unique virtual character design also possesses collectible value. Attached Figure Description
[0020] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.
[0021] Figure 1 This application shows a schematic diagram of the structure of a computer system provided in an exemplary embodiment;
[0022] Figure 2 A flowchart illustrating a virtual character image processing method provided in an exemplary embodiment of this application is shown;
[0023] Figure 3 A schematic diagram of a processing interface for a virtual character image provided in an exemplary embodiment of this application is shown;
[0024] Figure 4 A schematic diagram of the processing interface for a virtual character image provided in another exemplary embodiment of this application is shown;
[0025] Figure 5 A flowchart illustrating a method for processing virtual character images provided in another exemplary embodiment of this application is shown;
[0026] Figure 6 A schematic diagram of the processing interface for a virtual character image provided in another exemplary embodiment of this application is shown;
[0027] Figure 7 A flowchart illustrating a method for processing virtual character images provided in another exemplary embodiment of this application is shown;
[0028] Figure 8A schematic diagram of the processing interface for a virtual character image provided in another exemplary embodiment of this application is shown;
[0029] Figure 9 A flowchart illustrating a method for processing virtual character images provided in another exemplary embodiment of this application is shown;
[0030] Figure 10 A schematic diagram of the processing interface for a virtual character image provided in another exemplary embodiment of this application is shown;
[0031] Figure 11 This illustration shows a combination diagram of a color demarcation scheme and a preset coloring scheme provided in an exemplary embodiment of this application;
[0032] Figure 12 A flowchart illustrating a method for processing virtual character images provided in another exemplary embodiment of this application is shown;
[0033] Figure 13 A schematic diagram of the processing interface for a virtual character image provided in another exemplary embodiment of this application is shown;
[0034] Figure 14 A schematic diagram of the processing interface for a virtual character image provided in another exemplary embodiment of this application is shown;
[0035] Figure 15 A flowchart of a color calculation method provided in an exemplary embodiment of this application is shown;
[0036] Figure 16 A flowchart illustrating a method for defining a color boundary scheme and a preset coloring scheme provided in an exemplary embodiment of this application is shown.
[0037] Figure 17 A block diagram of a virtual character image processing apparatus provided in an exemplary embodiment of this application is shown;
[0038] Figure 18 A schematic diagram of the structure of a computer device provided in an exemplary embodiment of this application is shown. Detailed Implementation
[0039] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.
[0040] First, let me introduce some of the terms used in this application:
[0041] Virtual environment: This refers to the virtual environment displayed (or provided) by an application when it runs on a terminal. This virtual environment can be a simulation of the real world, a semi-simulated / semi-fictional environment, or a purely fictional environment, also known as a virtual world. A virtual environment can be any of a two-dimensional, 2.5-dimensional, or three-dimensional virtual environment; this application does not limit it to any particular type. The following embodiments use a three-dimensional virtual environment as an example. The virtual environments involved in the embodiments of this application include virtual environments when no competitive battles are taking place and virtual environments when competitive battles are taking place.
[0042] Virtual character: refers to an active object in a virtual environment. This active object can be a virtual character, virtual animal, anime character, etc., such as a person or animal displayed in a 3D virtual environment. Optionally, the virtual character is a 3D model created based on animation skeletal technology. Each virtual character has its own shape and volume in the 3D virtual environment, occupying a portion of the space within the 3D virtual environment. For example, the 3D virtual character in this application embodiment can be a virtual character with visual effects, such as a virtual character wearing a skirt or a virtual character wearing sportswear.
[0043] Virtual character appearance: also refers to the appearance of a virtual character. The same virtual character can achieve a variety of different appearance effects through different modeling and coloring.
[0044] Appearance Components: Based on the character's design, a virtual character can be divided into multiple different appearance components. Players can freely combine these components to enrich the virtual character's appearance, providing a customizable experience. The definitions of different appearance components vary; for example, appearance components can be divided into three parts: hair accessories, tops, and bottoms.
[0045] Complete stained area: The entire texture pixel on an appearance component that is physically rendered.
[0046] Cloth Masking: By extracting the brightness and saturation of the intrinsic color map pixels, the extracted brightness and saturation values are weighted and blended. This weighted blend value is called the original mask value. The original mask value is then linearly mapped onto the dyed area of the appearance component; this is called cloth masking. Depending on the cloth mask value, a complete dyed area can be further divided into 1, 2, ..., N independent dyed areas. For example, a complete dyed area can be divided into a bright color area and a dark color area, which are then dyed separately.
[0047] Independent coloring region: A coloring region is defined based on the original mask value on the appearance component; for example, pixels with original mask values greater than or equal to the mask threshold are assigned to the bright color region, and pixels with original mask values less than the mask threshold are assigned to the dark color region.
[0048] The independent staining region also includes a special independent staining region, namely the metal region; the metal region can be identified by using the metal threshold so that it can be stained independently.
[0049] Color boundary scheme: This refers to a scheme where an appearance component is divided into D regions and masked, where D is a positive integer. For example, a virtual character image can be divided into three regions: head, body, and feet. Head mask, body mask, and foot mask are set to color these three regions separately. For N independent colored regions of an appearance component, different mask selections will create different color boundaries. The color boundaries themselves can be used as style parameters for coloring, allowing players to combine and select them. For example, head mask 1, head mask 2, body mask 1, body mask 1, and foot mask are provided for players to choose and combine. Players can choose one of the two head masks, one of the two body masks, and then combine them with the foot mask to form a color boundary scheme. For example, choosing head mask 1, body mask 1, and foot mask forms a color boundary scheme. In addition, color boundaries can also have different smooth transition effects.
[0050] Metallicity: A parameter that affects diffuse reflection. Metallicity strongly influences the diffuse reflection of surfaces on exterior components. Generally, the metallicity of biological objects is 0, resulting in a high intensity of diffuse reflection; conversely, a metallicity of 1 can result in zero diffuse reflection. Metallicity is a fundamental parameter in physically based rendering, controlled numerically. Diffuse reflection refers to the physical phenomenon used in virtual environments to represent the reflection and color of object surfaces.
[0051] Roughness: A parameter used to affect the surface roughness of an object.
[0052] Preset dyeing scheme: refers to the pre-designed dyeing scheme for appearance components, including the color parameter values of one or more appearance components and their combinations, including hue, mixing method (i.e., transparency, also known as density), and color boundary scheme.
[0053] Figure 1 A structural block diagram of a computer system provided in an exemplary embodiment of this application is shown. The computer system 100 includes: a first terminal 120, a server 140, and a second terminal 160.
[0054] The first terminal 120 is connected to the server 140 via a wireless or wired network. The server 140 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Schematic, the server 140 includes a processor 144 and a memory 142, the memory 142 further including a receiving module 1421, a control module 1422, and a transmitting module 1423. The server 140 provides background services for applications supporting a 3D virtual environment. Optionally, the server 140 undertakes the primary computing work, while the first terminal 120 and the second terminal 160 undertake secondary computing work; or, the server 140 undertakes secondary computing work, while the first terminal 120 and the second terminal 160 undertake the primary computing work; or, the server 140, the first terminal 120, and the second terminal 160 collaborate using a distributed computing architecture.
[0055] Optionally, the first virtual character and the second virtual character are in the same virtual environment. Optionally, the first virtual character and the second virtual character may belong to the same team, the same organization, have a friend relationship, or have temporary communication permissions.
[0056] Optionally, the applications installed on the first terminal 120 and the second terminal 160 are the same, or the applications installed on the two terminals are the same type of application from different control system platforms. The first terminal 120 can refer to one of multiple terminals, and the second terminal 160 can refer to one of multiple terminals; this embodiment only uses the first terminal 120 and the second terminal 160 as examples. The device types of the first terminal 120 and the second terminal 160 may be the same or different, and these device types include at least one of: smartphones, tablets, e-book readers, Moving Picture Experts Group Audio Layer III (MP3) players, Moving Picture Experts Group Audio Layer IV (MP4) players, laptops, and desktop computers. The following embodiment uses smartphones as an example.
[0057] Those skilled in the art will understand that the number of terminals described above can be more or less. For example, there may be only one terminal, or there may be dozens or hundreds of terminals, or even more. This application does not limit the number of terminals or the type of device.
[0058] Figure 2 A flowchart illustrating a virtual character image processing method provided in an exemplary embodiment of this application is shown. Taking the application of this method in a terminal of the aforementioned computer system as an example, the method includes:
[0059] Step 201: Display the virtual character image on the user interface, which includes color adjustment controls for the first independent coloring area.
[0060] The application provides a user interface for customizing the virtual character image, which displays the virtual character image. The user interface also includes color adjustment controls for a first independent color area. Each of the at least one independent color area corresponds to its own color adjustment control. The first independent color area refers to one of the at least one independent color area on the appearance component of the virtual character image. The color adjustment controls are used to adjust the color parameter values on the first independent color area.
[0061] Optionally, the color adjustment control includes a first type of color adjustment control and a second type of color adjustment control. For example, the first type of color adjustment control is a color wheel control, or a combination of a color wheel control and a slider control; the second type of color adjustment control is a slider control, or a combination of slider controls.
[0062] A color palette control is a color adjustment control presented in the form of a color wheel. For example, a color palette control consists of a color wheel and a slider; color-related parameters are adjusted by dragging the slider on the color wheel. The color palette control displays the colors corresponding to each color parameter value. Therefore, using a color palette control to adjust colors allows users to intuitively understand the color type, thus finding the desired color more quickly.
[0063] A slider control is a color adjustment control presented in the form of a slider. For example, a slider control consists of a slider and a slider; color-related parameters are adjusted by dragging the slider on the slider. A single slider control focuses on adjusting one color parameter value, making it easier for users to control the adjustment of various color parameter values.
[0064] Optionally, the terminal displays a first type of color adjustment control for the first independent coloring area and a selection control for the second type of color adjustment control on the user interface; in response to a second selection operation on the selection control of the second type of color adjustment control, the terminal switches from the first type of color adjustment control to the second type of color adjustment control and displays the second type of color adjustment control on the user interface.
[0065] The terminal simultaneously displays a selection control for both a first type of color adjustment control and a second type of color adjustment control on the user interface. After displaying the second type of color adjustment control, the terminal, in response to a second selection operation on the selection control of the first type of color adjustment control, switches back to the first type of color adjustment control and displays it on the user interface. The second selection operation is the operation of selecting the desired type of color adjustment control.
[0066] For example, such as Figure 3 The user interface 11 displays a selection control 14 for a first type of color adjustment control 12 and a selection control 15 for a second type of color adjustment control 13. The first type of color adjustment control 12 is a combination control consisting of a color wheel control and two slider controls. The color wheel is used to adjust brightness and saturation, one slider control is used to adjust transparency, and the other slider control is used to adjust hue. The second type of color adjustment control 13 is a combination control consisting of four slider controls, which are used to adjust hue, brightness, saturation, and transparency, respectively. The terminal displays the first type of color adjustment control 12 on the user interface 11, which also includes selection controls 14 and 15. In response to a selection operation on selection control 15, the terminal switches the display of the second type of color adjustment control 13 on the user interface 11. The design of selection controls 14 and 15 on the user interface allows for rapid switching between the first and second types of color adjustment controls, improving the human-computer interaction efficiency when switching color adjustment controls.
[0067] Step 202: In response to the adjustment operation of the color parameter value on the color adjustment control, display the virtual character image after color adjustment in the first independent coloring area.
[0068] The terminal responds to adjustments made to the color parameter values on the color adjustment controls, displaying the adjusted virtual character image in the first independently colored area. For example, as shown... Figure 4 A virtual character image 16 is displayed on the user interface 11. The first type of color adjustment control 12 on the terminal is triggered, which adjusts the color parameter value of the first independent coloring area on the virtual character image 16, updates the virtual character image 16 to the virtual character image 17, and displays the virtual character image 17 after the color parameter value adjustment.
[0069] Optionally, the above color parameter values include at least one of the following parameters: hue, lightness, saturation, and transparency.
[0070] Optionally, the above adjustment operation is a touch operation; the terminal responds to the touch start event on the color adjustment control, displays the color parameter type and the color parameter value corresponding to the color parameter type on the user interface; responds to the touch move event on the color adjustment control, updates the color parameter value displayed on the user interface; responds to the touch end event on the color adjustment control, displays the virtual character image after color adjustment, and cancels the display of the color type and the color parameter value corresponding to the color parameter type.
[0071] For example, such as Figure 4 In response to a touch start event on the color adjustment control 12, the terminal displays the color parameter type "hue" 19 and the color parameter value 18 of "hue" on the user interface 11, with a value of 15; in response to a touch move event on the color adjustment control 12, the color parameter value on the user interface 11 is updated from 15 to 20; in response to a touch end event on the color adjustment control 12, the virtual character image 17 after color adjustment is displayed, and the display of "hue" 19 and color parameter value 18 is canceled.
[0072] The event is divided into three events: Touch Start: Triggered when a finger begins to touch the screen, even if one finger is already on the screen, it will still be triggered when another finger touches the screen. Touch Move: Triggered continuously when a finger slides across the screen. Touch End: Triggered when a finger leaves the screen.
[0073] Step 203: In response to the operation of applying the color-adjusted virtual character image, apply the color-adjusted virtual character image when performing the virtual task.
[0074] The terminal responds to the application operation of the color-adjusted virtual avatar by applying the color-adjusted virtual character avatar when performing virtual tasks. These virtual tasks refer to the tasks that the virtual character needs to perform in the virtual environment. For example, virtual tasks may include virtual combat, herb gathering, and dialogue with non-player characters (NPCs). That is, the virtual character engages in combat with other virtual characters or NPCs in the virtual environment, gathers herbs in the virtual environment, and interacts with NPCs in the virtual environment.
[0075] When performing virtual tasks, the color-adjusted virtual character image is applied. Due to the unique customization of the virtual character image, the color-adjusted virtual character image can be more easily distinguished from other virtual character images. That is, while having the performance of being aesthetically pleasing, it can also be located more quickly from multiple virtual character images, and it is also easier to locate the color-adjusted virtual character image from the virtual environment.
[0076] In summary, the virtual character image processing method provided in this embodiment divides the appearance components of the virtual character image into independent coloring areas, defining at least one independent coloring area. Then, the color parameter values of each independent coloring area are customized. This customization allows for fine-tuning of the color parameter values of the component appearance, customizing the component appearance to meet user needs. Ultimately, this results in a unique virtual character image that meets user requirements, improving the user's experience in adjusting the appearance of the 3D virtual character. It also enriches the image of the 3D virtual character, allowing each character to have a unique appearance, making it easier to distinguish from other 3D virtual characters. When multiple 3D virtual characters are in the same virtual scene, the identity of each 3D virtual character can be more intuitively determined. Furthermore, the unique virtual character image also possesses collectible value in its design.
[0077] The user interface displays at least two independent coloring regions. Users can select the desired independent coloring region on the terminal and then adjust the color parameter values for that region. For example, such as... Figure 5 Before displaying the color adjustment controls for the first independent coloring area, the steps are as follows:
[0078] Step 301: Display the virtual character image on the user interface, which includes a region selection control for at least two independently colored areas.
[0079] The user interface displays a virtual character image and simultaneously displays a region selection control for each of at least two independently dyed areas. These at least two independently dyed areas are obtained by dividing the mask of the same appearance component based on the original mask values. For example, the mask is a fabric mask, and the independently dyed areas are obtained by dividing the pixels corresponding to the appearance component based on the original mask values. For instance, the original mask values can be segmented, with each segment's pixel area corresponding to the original mask value being considered an independently dyed area. For example, a mask value threshold can be set, with pixel areas corresponding to original mask values greater than the threshold being considered as independently dyed areas, and pixel areas corresponding to original mask values less than the threshold being considered as independently dyed areas.
[0080] Optionally, at least two separate dyed areas include at least two of the color highlight areas, color shadow areas, and metallic areas on the exterior parts.
[0081] It should be noted that the original masking value of an appearance component is calculated, and the area with an original masking value of 1 is determined as the bright area of the masking color of the appearance component, and the area with an original masking value of 0 is determined as the dark area of the masking color of the appearance component.
[0082] A color channel with metallicity for each pixel is used to obtain the metallicity of a mask for an appearance component. Pixel regions with metallicity greater than or equal to a metallic threshold are defined as metallic regions, and pixel regions with metallicity less than the metallic threshold are defined as non-metallic regions. For example, the division of metallic regions can overlap with the division of color highlight regions and color shadow regions. For instance, the aforementioned non-metallic regions can include both color highlight regions and color shadow regions, and the aforementioned metallic regions can also include both color highlight regions and color shadow regions.
[0083] Step 302: In response to the first selection operation on the region selection control of the first independent coloring region, display the color adjustment control of the first independent coloring region on the user interface.
[0084] The aforementioned region selection control is used to select an independent region to be stained, and the first selection operation described above is the operation of selecting the independent region to be stained. For example, as shown... Figure 6 The virtual character image 17 is displayed on the user interface 11, and the area selection control 20 for three independent dyeing areas is also displayed. In response to the first selection operation on the area selection control 20 marked "bright part of fabric", the terminal still displays the virtual character image 17 on the user interface 11, and also displays the color adjustment control 12 for the independent dyeing area "bright part of fabric".
[0085] For example, such as Figure 6 While displaying the color adjustment control 12 for "bright areas of fabric", the region selection controls for the three independent dyeing areas, namely "bright areas of fabric", "dark areas of fabric" and "metal", are also displayed. By selecting on the above three region selection controls, the color adjustment control 12 for "bright areas of fabric", "dark areas of fabric" and "metal" can be switched.
[0086] For example, the terminal can also directly display Figure 6The image below shows the area selection controls for three independent dyeing areas: "bright areas of fabric", "dark areas of fabric", and "metal" on the user interface 11. At the same time, the color adjustment control 12 for the independent dyeing area "bright areas of fabric" is also displayed. The terminal can switch between the three independent dyeing areas through the selection operations on the above three area selection controls.
[0087] In summary, the virtual character image processing method provided in this embodiment can also adjust the color parameter values of at least two independent dyed areas of an appearance component, and then perform color mixing display based on the two sets of color parameter values. That is, it can mix and adjust at least two colors, which enriches the variety of color customization for appearance components and ensures the uniqueness of customized virtual character images. Moreover, since the appearance representation obtained by mixing and adjusting the appearance components is unknown, it can also increase the fun of users adjusting virtual character images.
[0088] In some embodiments, a color demarcation scheme includes a mask combination. This color demarcation scheme may be pre-configured in the terminal, for example, such as... Figure 7 The user interface also includes a first selection control for at least two color demarcation schemes. After displaying the color adjustment controls for the first independent tinting area, the following steps are performed:
[0089] Step 401: Display a first selection control for at least two color boundary schemes on the user interface.
[0090] Step 402: In response to the third selection operation on the first selection control of the first color demarcation scheme, display the color adjustment control of the first independent coloring area under the first color demarcation scheme.
[0091] Each color separation scheme corresponds to a first selection control, which is used to select the color separation scheme. The third selection operation is the operation of selecting the color separation scheme. At least two color separation schemes are pre-set in the terminal, and each of the at least two color separation schemes corresponds to a first selection control. For example, different color separation schemes have different color separation methods. For instance, the first color separation scheme is a combination of "head mask 1," "body mask 1," and "foot mask 1," while the second color separation scheme is a combination of "head mask 2," "body mask 2," and "foot mask 1."
[0092] like Figure 8 The user interface 11 displays a color adjustment control 12 for the independent dyeing area "Fabric Brightness" under Color Boundary Scheme 1; a selection operation is triggered on the selection control 21 for the "Full Body" appearance component, and the user interface 11 displays the first selection control 22 for Color Boundary Scheme 1 and Color Boundary Scheme 2. Figure 8In the middle image, it can be seen that the current color separation scheme is color separation scheme 1; when the terminal responds to the third selection operation on the first selection control 22 of color separation scheme 2, it switches from color separation scheme 1 to color separation scheme 2, as shown below. Figure 8 As shown in the lower middle figure.
[0093] In summary, the virtual character image processing method provided in this embodiment offers a variety of color separation schemes, allowing users to choose their preferred masking combination and then adjust the masking color parameter values to customize a unique virtual character image.
[0094] In some embodiments, before displaying the color adjustment controls for the first independent dyeing area, the user interface may display a second selection control with at least two preset dyeing schemes, for example, such as... Figure 9 As shown, before displaying the color adjustment controls for the first independent coloring area, you can first set a mask color, as follows:
[0095] Step 501: Display a second selection control on the user interface for at least two preset coloring schemes.
[0096] The terminal's user interface displays a second selection control for each of at least two preset color schemes. These preset color schemes refer to pre-defined combinations of color parameter values. They are used to set the color parameter values for exterior components; for example, a preset color scheme may include pre-defined hue, brightness, saturation, and transparency. Users can determine their preferred color scheme using these preset color schemes and then fine-tune the colors of the exterior components using the color adjustment controls.
[0097] Step 502: In response to the fourth selection operation on the second selection control of the first preset dyeing scheme, the virtual character image after the appearance parts are dyed using the first preset dyeing scheme is displayed. The user interface includes a first selection control with at least two color boundary schemes.
[0098] The second selection control is used to select a preset dyeing scheme, and the fourth selection operation is the operation of selecting a preset dyeing scheme. For example, as shown... Figure 10 As shown, the user interface 11 displays a second selection control 23 with four preset dyeing schemes: "Preset 1", "Preset 2", "Preset 3" and "Preset 4". The terminal responds to the fourth selection operation on the second selection control 23 of "Preset 1" and displays the virtual character image 17 after dyeing the appearance parts with the preset dyeing scheme corresponding to "Preset 1".
[0099] On this user interface, you can set a preset color scheme and also set a color boundary scheme. For example, step 503 is executed.
[0100] Step 503: In response to a third selection operation on the first selection control of the first color demarcation scheme, at least one independent coloring area under the first color demarcation scheme is determined, and the user interface also includes an entry control for adjusting color parameter values.
[0101] For example, such as Figure 10 As shown, the user interface 11 also includes a first selection control 25 for color boundary scheme 1 and color boundary scheme 2. The terminal responds to a third selection operation on the first selection control 25 of color boundary scheme 1 to determine at least one independent coloring area under the first color boundary scheme.
[0102] Step 504, in response to the entry color adjustment operation on the entry control, display the color adjustment control of the first independent color area in at least one independent color area.
[0103] The aforementioned color adjustment control is used to adjust the color parameter value within a first parameter value range. The first parameter value range is the range of parameter values corresponding to the color parameter values indicated by the first preset dyeing scheme, and includes the color parameter values indicated by the first preset dyeing scheme.
[0104] For example, such as Figure 10 As shown, the user interface 11 also includes an entry control 26 for adjusting color parameter values; in response to the entry color adjustment operation on the entry control 26, the terminal displays a color adjustment control 12 for the first independent color area in at least one independent color area.
[0105] For example, such as Figure 11 As shown, preset color schemes and color boundary schemes can be combined into multiple color schemes. "Preset 1" corresponds to color 1, "Preset 2" corresponds to color 2, and "Preset 3" corresponds to color 3. "Mask 1" is composed of "head mask 1", "body mask 1", and "foot mask 1". "Mask 2" is composed of "head mask 2", "body mask 2", and "foot mask 1". For example, preset color schemes and color boundary schemes can be combined into a combination of "head mask 1 color 1", "body mask 1 color 1", and "foot mask 1 color 1", or a combination of "head mask 2 color 2", "body mask 2 color 2", and "foot mask 1 color 2", or a combination of "head mask 1 color 3", "body mask 1 color 3", and "foot mask 1 color 3", etc.
[0106] In summary, the virtual character image processing method provided in this embodiment offers multiple color boundary schemes and multiple preset color schemes. The combination of the two can provide more customization options for virtual character images, making the customization options for virtual character images more abundant.
[0107] In some embodiments, the user interface further includes a caching control and a loading control, which can collaboratively switch between two versions of the virtual character image. For example, steps 601 to 603 are added after step 202. Figure 12 The steps are as follows:
[0108] Step 601: In response to the caching operation on the caching control, cache the virtual character image with the adjusted color.
[0109] After the terminal adjusts the color parameter values of the virtual character image, it caches the adjusted virtual character image through the caching operation on the caching control before applying the adjusted virtual character image.
[0110] Step 602: In response to the further adjustment of the color parameter value on the color adjustment control, display the virtual character image after the further color adjustment of the first independent color area.
[0111] After caching the color-adjusted virtual character image, the terminal further adjusts the color parameter values of the virtual character image using the color adjustment controls. This results in another round of color parameter value adjustments, yielding the virtual character image with the second color adjustment. It should be noted that each round of color parameter value adjustments includes at least one adjustment operation.
[0112] Step 603: In response to the loading operation on the loading control, switch from the virtual character image with the recolored adjustment to the virtual character image with the recolored adjustment.
[0113] If a user compares the virtual character image after color adjustment with the virtual character image after further color adjustment, and wants to apply the color-adjusted virtual character image, the user can reload the color-adjusted virtual character image through the loading operation on the loading control, and then redisplay the color-adjusted virtual character image on the user interface.
[0114] For example, such as Figure 13 As shown, the terminal displays the first virtual character image 29 after a round of color adjustment; the terminal responds to the cache operation on the cache control 27 and caches the first virtual character image 29; then, the color adjustment control 12 performs a second round of color adjustment and displays the second virtual character image 30 after the second round of adjustment; the terminal responds to the load operation on the load control 28 and switches the second virtual character image 30 to the first virtual character image 29.
[0115] For example, the user interface also includes a reset control; after the terminal responds to the adjustment operation of the color parameter value on the color adjustment control and displays the virtual character image with the adjusted color in the first independent coloring area, it can also respond to the reset operation on the reset control to switch from the virtual character image with the adjusted color to the original virtual character image. For example, as Figure 14 As shown, the virtual character image 17 before color adjustment is displayed on the user interface 11 of the terminal, and the virtual character image 29 after color adjustment is displayed on the user interface 11; the terminal responds to the reset operation on the reset control 31 and redisplays the virtual character image 17.
[0116] For example, the user interface also includes an undo control and a redo control; after the terminal responds to the adjustment operation of the color parameter value on the color adjustment control and displays the virtual character image after color adjustment of the first independent color area, it responds to the further adjustment operation of the color parameter value on the color adjustment control and displays the virtual character image after further color adjustment of the first independent color area; in response to the undo operation on the undo control, it switches from the virtual character image after further color adjustment to the virtual character image after color adjustment; then, in response to the redo operation on the redo control, it switches from the adjusted virtual character image to the virtual character image after further color adjustment. Here, the undo operation refers to undoing one step of the operation, and the redo operation refers to resuming one step of the operation.
[0117] In summary, the virtual character image processing method provided in this embodiment allows for the setting of two sets of virtual character image customization schemes through caching and loading controls. After comparing the two sets of virtual character image customization schemes, users can choose the satisfactory one to apply, which improves the user's virtual character image customization experience and avoids the need to readjust color parameter values when users want to restore the previous set of customized virtual character images, thus improving human-computer interaction efficiency.
[0118] Figure 15 A flowchart of a color calculation method provided in an exemplary embodiment of this application is shown. This method can be applied to the terminal or server of the computer system described above. Taking the application of this method to the terminal of the computer system as an example, the terminal obtains the first pixel value of the intrinsic color map, wherein the intrinsic color map includes four color channels: R, G, B, and A. R refers to the red channel, G refers to the green channel, B refers to the blue channel, and A refers to the transparency channel. The terminal obtains the first pixel value of the intrinsic color map, diffuse(R,G,B), based on the above three RGB color channels.
[0119] The terminal calculates the brightness (V) and saturation (S) based on the aforementioned first pixel value, where the values of V and S are within the range of 0 to 1, including 0 and 1. For example, the terminal can call the HSV(Hue,Saturation,Value) model to calculate brightness and saturation, where Hue represents hue, Saturation represents saturation, and Value represents brightness; or, the terminal can call the HSL(Hue,Saturation,Lightness) model to calculate brightness and saturation, where Lightness represents luminance, and the luminance of a color is also called brightness.
[0120] The hue mentioned above is the basic attribute of color, which means color, such as red, yellow, blue, etc.; the saturation mentioned above indicates how close a color is to the spectral color; the brightness indicates how bright a color is; and the lightness is the relative brightness of a color, usually measured as a percentage from 0 to 100%.
[0121] The terminal calculates the original intrinsic color mask (sourceMask) based on the custom mode, brightness, and saturation, using the following formula:
[0122] sourceMask=lerp(V,S,mode);---(1)
[0123] The sourceMask value ranges from 0 to 1. The terminal then calculates the intrinsic color mask colorMask based on the custom high point (clampHigh), the custom low point (clampLow), and the sourceMask, using the following formula:
[0124] colorMask=saturate[(sourceMask-clampLow) / (clampHigh-clampLow)];---(2)
[0125] The colorMask value ranges from 0 to 1.
[0126] The terminal calculates the color high point pre-overlay (colorHighPreCover(R,G,B)) based on diffuse(R,G,B) and the custom color high point (colorHigh(R,G,B,A)). The formula is as follows:
[0127] colorHighPreCover(R,G,B)=lerp[diffuse(R,G,B),colorHigh(R,G,B),colorHigh(A)];---(3)
[0128] Based on diffuse(R,G,B) and the custom color level low point colorLow(R,G,B,A), calculate the color level low point pre-coverage colorLowPreCover(R,G,B) using the following formula:
[0129] colorLowPreCover(R,G,B)=lerp[diffuse(R,G,B),colorLow(R,G,B),colorLow(A)];---(4)
[0130] The terminal calculates the intrinsic color blending (colorBlended(R,G,B)) based on colorMask, colorHighPreCover, and colorLowPreCover, using the following formula:
[0131] colorBlended(R,G,B)=lerp[colorLowPreCover,colorHighPreCover,colorMask];---(5)
[0132] The terminal obtains the metallicity (metal) of the physical texture. The physical texture also includes four color channels: R, G, B, and A. Among them, the A channel is the metallicity color channel, and the value of metal is in the range of 0 to 1. The terminal determines the metallic range (metalMask) based on metal and a custom metallic recognition threshold (metalThreshold), using the following formula:
[0133] metalMask=step[metalThreshold,metal];---(6)
[0134] The value of metalMask is in the range of 0 to 1.
[0135] The terminal calculates the final staining result colorResult(R,G,B) based on colorBlended, metalMask, and the custom metal staining colorMetal(R,G,B,A), using the following formula:
[0136] colorResult(R,G,B)=lerp[colorBlended,colorMetal,metalMask×colorMetal(A)]. ---(7)
[0137] The three formulas used in the coloring calculation are explained below:
[0138] lerp(f, h, j) = f * (1 - j) + h × j, which interpolates between f and h with j as the weight and is used for color mixing.
[0139] saturate(z) = max[(min(z, 1), 0], that is, it returns z within the interval (0, 1), returns 1 if z > 1, and returns 0 if z < 0. This formula can limit the value within the interval (0 - 1) and is used for the numerical mapping of masks. The interval (0, 1) represents the interval greater than 0 and less than 1.
[0140] step(g, k) means that if k > g, it returns 1, and if k < g, it returns 0. This formula uses g as the boundary to determine whether k is greater than or equal to g or less than g, and is used for determining the metal interval.
[0141] There are four parameters related to the mask in the above coloring calculation process, namely:
[0142] Custom mode: A floating-point number with a value range from 0 to 1. It interpolates the mask obtained from saturation and the mask obtained from lightness as the weight, thereby determining whether to use the mask extracted from saturation or the mask extracted from lightness as the standard, and can adapt to the distribution of the inherent colors of different types of appearance parts. For example, for a piece of clothing with different colors but similar saturation, the lightness can be used as the mask because the lightness of different colors is different under the same saturation; while for a piece of clothing with different colors but similar lightness, the saturation can be used as the mask because the saturation is different under the same lightness.
[0143] Custom color level high point: A floating-point number with a value range from 0 to 1. It is used to define the value of the highest gray level that will be mapped to 1. Since the gray level range extracted from ordinary inherent color maps is mostly not within the interval of 0 to 1, if it is mapped to the interval of 0 to 1, it can ensure the span between the two colors in subsequent dyeing, and this can be freely determined by the artist or the player.
[0144] Custom color level low point: A floating-point number with a value range from 0 to 1. Similar to the color level high point, it is used to define the value of the lowest gray level that will be mapped to 0.
[0145] Custom metal recognition threshold: A floating-point number with a value range from 0 to 1. The metal degree greater than or equal to this custom metal recognition threshold will be recognized as metal by the shader and participate in metal dyeing; the metal degree less than this custom metal recognition threshold will be recognized as non-metal by the shader and will not participate in metal dyeing.
[0146] There are three parameters related to colors in the above coloring calculation process, namely:
[0147] Custom color level high point: A four-dimensional array, usually represented as (R,G,B,A), where R,G,B,A represent floating-point numbers ranging from 0 to 1. The three-dimensional vectors R,G,B are used to specify the color applied to the level high point area; A represents the opacity of the coloring, where 0 indicates no coloring and 1 indicates that the color of the corresponding area is covered.
[0148] Custom color level low point: Similar to the above, a four-dimensional array, usually represented as (R,G,B,A), where R,G,B,A represent floating-point numbers ranging from 0 to 1. The three-dimensional vector combination of R,G,B is used to specify the color applied to the low point area; A represents the opacity of the coloring, where 0 indicates no coloring and 1 indicates covering the corresponding area color.
[0149] Custom Metal Coloring: Similar to the above, a four-dimensional array is generally represented as (R, G, B, A). R, G, B, and A represent floating-point numbers ranging from 0 to 1. The three-dimensional vectors R, G, and B are used to specify the color applied to areas identified as metal. A represents the opacity of the coloring, with 0 indicating no coloring and 1 indicating that the color of the corresponding area is covered.
[0150] It should be noted that the four mask-related parameters mentioned above are parameters included in the color boundary scheme. During shading calculation, the terminal obtains these four mask-related parameters based on the set color boundary scheme. The three color-related parameters mentioned above can be parameters included in the preset shading scheme. During shading calculation, the terminal obtains these three color-related parameters based on the set preset shading scheme; alternatively, the three color-related parameters can be three parameters customized by the user on three independent shading areas of the appearance component. During shading calculation, the terminal obtains these three user-defined parameters. The above shader calculation process calculates the shading of an appearance component. During the process of adjusting the color of each independent shading area of the appearance component on the terminal's user interface, the shader performs a shading calculation every time the color parameter value is modified, and displays the calculated shading result on the virtual character image on the user interface.
[0151] like Figure 16The parameter setting process for the aforementioned color boundary scheme and preset dyeing scheme is explained below. The staff opens the dyeing editor, which automatically reads the loaded virtual character's outfit identifier and the corresponding material sphere. The staff inputs the mask configuration name and modifies the four floating-point parameters related to the mask. The mask configuration name and the four floating-point parameters are then stored in the mask configuration table, thus obtaining the color boundary scheme. The staff also inputs the color configuration name and modifies the three four-dimensional parameters related to the color. The color configuration name and the three four-dimensional parameters are then stored in the color configuration table, thus obtaining the preset dyeing scheme. The dyeing editor refreshes the virtual character's outfit dyeing based on the four floating-point parameters related to the mask and the three four-dimensional parameters related to the color, providing a real-time preview effect.
[0152] In summary, this solution, by dividing the coloring areas of appearance components, transforms traditional full-body coloring into zoned coloring, achieving the following effects: First, it provides three areas for coloring: highlight, shadow, and metallic. Second, the coloring logic based on transparency increases the ability to transition to the original color. Therefore, compared to the previous method of controlling coloring with one color and three parameters (hue, lightness, and saturation), this solution controls coloring with three colors and twelve parameters (three colors * four parameters corresponding to each color, namely: hue, lightness, saturation, and transparency), greatly increasing the player's freedom in coloring the appearance components of virtual characters, enriching game content and personalization, and allowing players to unleash more creativity. Third, in terms of performance, it makes great use of existing resources, requiring no additional texture sampling overhead, only mathematical calculations in the shader are needed. Furthermore, although this solution increases mathematical calculations, the simplification of the coloring algorithm and the elimination of the step of restoring from HSV space to RGB after coloring ensure that this solution does not have a performance disadvantage compared to other existing solutions. This dyeing method also allows for the definition of dye consumption based on the modification range.
[0153] Figure 17 A block diagram of a virtual character image processing apparatus provided in an exemplary embodiment of this application is shown. This apparatus can be implemented as part or all of a terminal by software, hardware, or a combination of both.
[0154] The device includes:
[0155] Display module 701 is used to display a virtual character image on a user interface. The user interface includes a color adjustment control for a first independent coloring area. The first independent coloring area is an independent coloring area among at least one independent coloring area on the appearance component of the virtual character image. The color adjustment control is used to adjust the color parameter value on the first independent coloring area.
[0156] Display module 701 is used to display the virtual character image after color adjustment in the first independent coloring area in response to the adjustment operation of the color parameter value on the color adjustment control.
[0157] Application module 702 is used to respond to the application operation of the color-adjusted virtual character image and apply the color-adjusted virtual character image when performing virtual tasks.
[0158] In some embodiments, the display module 701 is configured to:
[0159] In response to a touch start event on the color adjustment control, the user interface displays the color parameter type and the corresponding color parameter value.
[0160] In response to touch movement events on the color adjustment controls, update the color parameter values displayed on the user interface;
[0161] In response to the touch end event on the color adjustment control, the virtual character image with the adjusted color is displayed.
[0162] In some embodiments, the display module 701 is configured to cancel the display of the color parameter type and the color parameter value corresponding to the color parameter type in response to a touch end event on the color adjustment control;
[0163] The color parameter values include at least one of the following: hue, lightness, saturation, and transparency.
[0164] In some embodiments, the user interface includes a region selection control for at least two independently colored regions;
[0165] Display module 701 is used to display color adjustment controls for the first independent coloring region on the user interface in response to a first selection operation on the region selection control of the first independent coloring region.
[0166] Among them, at least two independent dyed areas include at least two of the color bright areas, color dark areas, and metallic areas on the appearance parts.
[0167] In some embodiments, the color adjustment control includes a first type of color adjustment control and a second type of color adjustment control; the display module 701 is used for:
[0168] In response to a first selection operation on the region selection control of the first independent coloring region, a first type of color adjustment control for the first independent coloring region and a selection control for the second type of color adjustment control are displayed on the user interface.
[0169] In response to a second selection operation on the selection control of the second type of color adjustment control, the system switches from the first type of color adjustment control to the second type of color adjustment control; wherein the first type of color adjustment control includes one of a color wheel control and a slider control, and the second type of color adjustment control includes the other of a color wheel control and a slider control.
[0170] In some embodiments, the user interface includes a first selection control for at least two color demarcation schemes, where a color demarcation scheme refers to a scheme that divides the appearance component into areas and sets a mask.
[0171] Display module 701 is used to respond to a third selection operation on the first selection control of the first color demarcation scheme and display the color adjustment control of the first independent coloring area under the first color demarcation scheme.
[0172] In some embodiments, the user interface includes a second selection control with at least two preset dyeing schemes, wherein the preset dyeing schemes refer to pre-designed dyeing combinations for appearance components; the display module 701 is used for:
[0173] In response to the fourth selection operation on the second selection control of the first preset dyeing scheme, the virtual character image after the appearance parts are dyed using the first preset dyeing scheme is displayed. The user interface also includes an entry control for adjusting the color parameter values.
[0174] In response to the entry color adjustment operation on the entry control, a color adjustment control is displayed. The color adjustment control is used to adjust the color parameter value within a first parameter value range, which is the parameter value range corresponding to the color parameter value indicated by the first preset color scheme.
[0175] In some embodiments, the user interface further includes a first selection control for at least two color boundary schemes; the display module 701 is used for:
[0176] In response to a third selection operation on a first selection control of a first color demarcation scheme, at least one independent coloring region under the first color demarcation scheme is determined;
[0177] In response to the entry color adjustment operation on the entry control, the color adjustment control of the first independent color area in at least one independent color area is displayed.
[0178] In some embodiments, the user interface includes a cache control and a load control; the device also includes a cache module 703.
[0179] The caching module 703 is used to respond to caching operations on the caching control and cache the virtual character image after color adjustment;
[0180] Display module 701 is used to display the virtual character image after the second color adjustment in the first independent color area in response to the second adjustment operation of the color parameter value on the color adjustment control;
[0181] Display module 701 is used to switch from the virtual character image after color adjustment to the virtual character image after color adjustment in response to the loading operation on the loading control.
[0182] In some embodiments, the user interface includes a reset control;
[0183] Display module 701 is used to switch from the color-adjusted virtual character image to the original virtual character image in response to a reset operation on the reset control.
[0184] In some embodiments, the user interface includes an undo control; the display module 701 is configured to:
[0185] In response to a further adjustment of the color parameter value on the color adjustment control, the virtual character image after the further color adjustment of the first independent color area is displayed;
[0186] In response to the undo operation on the undo control, the virtual character image switches from the one with the color adjusted again to the one with the color adjusted.
[0187] In some embodiments, the user interface includes a recovery control;
[0188] Display module 701 is used to switch from the adjusted virtual character image to the virtual character image after color adjustment in response to the restore operation on the restore control.
[0189] In summary, the virtual character image processing device provided in this embodiment divides the appearance components of the virtual character image into independent coloring areas, defining at least one independent coloring area. Then, the color parameter values of each independent coloring area are customized. This customization allows for fine-tuning of the color parameter values of the component appearance, customizing the component appearance to meet user needs. Ultimately, this results in a unique virtual character image that meets user requirements, improving the user's experience in adjusting the appearance of the 3D virtual character. It also enriches the image of the 3D virtual character, allowing each character to have a unique appearance, making it easier to distinguish from other 3D virtual characters. When multiple 3D virtual characters are in the same virtual scene, the identity of each 3D virtual character can be more intuitively determined. Furthermore, the unique virtual character image also possesses collectible value in its design.
[0190] Figure 18A schematic diagram of a computer device provided in an exemplary embodiment of this application is shown. This computer device can be a device that executes the virtual character image processing method provided in this application, and the computer device can be a terminal. Specifically:
[0191] Computer device 800 includes a central processing unit (CPU) 801, a system memory 804 including random access memory (RAM) 802 and read-only memory (ROM) 803, and a system bus 805 connecting the system memory 804 and the CPU 801. Computer device 800 also includes a basic input / output system (I / O system) 806 that facilitates information transfer between various devices within the computer, and a mass storage device 807 for storing the operating system 813, application programs 814, and other program modules 815.
[0192] The basic input / output system 806 includes a display 808 for displaying information and an input device 809 for user input, such as a mouse or keyboard. Both the display 808 and the input device 809 are connected to the central processing unit 801 via an input / output controller 810 connected to the system bus 805. The basic input / output system 806 may also include the input / output controller 810 for receiving and processing input from multiple other devices such as a keyboard, mouse, or electronic stylus. Similarly, the input / output controller 810 also provides output to a display screen, printer, or other types of output devices.
[0193] Mass storage device 807 is connected to central processing unit 801 via a mass storage controller (not shown) connected to system bus 805. Mass storage device 807 and its associated computer-readable media provide non-volatile storage for computer device 800. That is, mass storage device 807 may include computer-readable media (not shown) such as hard disk or compact disc read-only memory (CD-ROM) drive.
[0194] Computer-readable media can include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented using any method or technology for storing information such as computer-readable instructions, data structures, program modules, or other data. Computer storage media include RAM, ROM, erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other solid-state storage technologies, CD-ROM, digital versatile optical disc (DVD), or solid-state drives (SSD), other optical storage, magnetic tape cassettes, magnetic tape, disk storage, or other magnetic storage devices. Random access memory can include resistive random access memory (ReRAM) and dynamic random access memory (DRAM). Of course, those skilled in the art will recognize that computer storage media are not limited to the above-mentioned types. The system memory 804 and the mass storage device 807 mentioned above can be collectively referred to as memory.
[0195] According to various embodiments of this application, the computer device 800 can also be connected to a remote computer on a network, such as the Internet, for operation. That is, the computer device 800 can be connected to a network 812 via a network interface unit 811 connected to the system bus 805, or the network interface unit 811 can be used to connect to other types of networks or remote computer systems (not shown).
[0196] The aforementioned memory also includes one or more programs, which are stored in the memory and configured to be executed by the CPU.
[0197] In an optional embodiment, a computer device is provided, the computer device including a processor and a memory, the memory storing at least one instruction, at least one program, code set or instruction set, the at least one instruction, at least one program, code set or instruction set being loaded and executed by the processor to implement the virtual character image processing method as described above.
[0198] Optionally, the computer-readable storage medium may include: read-only memory (ROM), random access memory (RAM), solid-state drives (SSDs), or optical discs, etc. The random access memory may include resistive random access memory (ReRAM) and dynamic random access memory (DRAM). The sequence numbers of the embodiments in this application are merely descriptive and do not represent the superiority or inferiority of the embodiments.
[0199] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.
[0200] This application also provides a computer-readable storage medium storing at least one instruction, at least one program, code set, or instruction set, wherein the at least one instruction, at least one program, code set, or instruction set is loaded and executed by a processor to implement the virtual character image processing method provided in the above-described method embodiments.
[0201] This application also provides a computer program product including computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the virtual character image processing method described above.
[0202] It should be understood that "multiple" as used in this article refers to two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone. The character " / " generally indicates that the preceding and following related objects have an "or" relationship.
[0203] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.
[0204] The above description is merely an optional embodiment of this application and is not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.
Claims
1. A method for processing virtual character images, characterized in that, The method includes: A virtual character image is displayed on a user interface, which includes a first selection control with at least two color boundary schemes and a second selection control with at least two preset color schemes. The color boundary scheme refers to a scheme that divides the appearance components into D regions and sets masks. The preset color scheme refers to a pre-designed color matching scheme for the appearance components of the virtual character image. The preset color scheme is used to set the color parameter values of the appearance components. For N independent color areas of the appearance components, selecting different masks will form different color boundaries. Wherein, D is an integer greater than or equal to 1, and N is an integer greater than 1. In response to the fourth selection operation on the second selection control of the first preset dyeing scheme, the virtual character image after dyeing the appearance component using the first preset dyeing scheme is displayed; The color adjustment control displays a first independent dyeing area, which is one of at least one independent dyeing areas on the appearance component. The color adjustment control is used to adjust the color parameter value of the first independent dyeing area within a first parameter value range, which is a parameter value range corresponding to the color parameter value indicated by the first preset dyeing scheme. In response to a third selection operation on the first selection control of the first color demarcation scheme, the color adjustment control of the first independent coloring region under the first color demarcation scheme is displayed; In response to the adjustment operation of the color parameter value on the color adjustment control, the virtual character image after color adjustment of the first independent coloring area is displayed; In response to the application operation of the color-adjusted virtual character image, the color-adjusted virtual character image is applied when performing virtual tasks.
2. The method according to claim 1, characterized in that, The user interface includes an access control for adjusting color parameter values; The color adjustment controls for displaying the first independent tinted area include: In response to the entry color adjustment operation on the entry control, the color adjustment control of the first independent color area is displayed.
3. The method according to claim 2, characterized in that, The user interface also includes a first selection control for at least two color separation schemes; the color separation scheme refers to a scheme that divides the appearance component into areas and sets a mask; The color adjustment control for displaying the first independent coloring area in response to an entry color adjustment operation on the entry control includes: In response to a third selection operation on a first selection control of a first color demarcation scheme, at least one independent coloring region under the first color demarcation scheme is determined; In response to the entry color adjustment operation on the entry control, the color adjustment control of the first independent color area in the at least one independent color area is displayed.
4. The method according to claim 1, characterized in that, The user interface includes a region selection control for at least two independent coloring regions; The color adjustment controls for displaying the first independent tinted area include: In response to a first selection operation on the region selection control of the first independent coloring region, the color adjustment control of the first independent coloring region is displayed on the user interface; The at least two independent dyed areas include at least two of the bright color area, dark color area, and metallic area on the appearance component.
5. The method according to claim 4, characterized in that, The color adjustment controls include a first type of color adjustment controls and a second type of color adjustment controls; The first selection operation on the region selection control of the first independent coloring region in response to the first selection operation on the user interface, including displaying the color adjustment control of the first independent coloring region, includes: In response to the first selection operation on the region selection control of the first independent coloring region, the first type of color adjustment control of the first independent coloring region and the selection control of the second type of color adjustment control are displayed on the user interface; In response to a second selection operation on the selection control of the second type of color adjustment control, the user switches from the first type of color adjustment control to the second type of color adjustment control; wherein the first type of color adjustment control includes one of a color wheel control and a slider control, and the second type of color adjustment control includes the other of the color wheel control and the slider control.
6. The method according to any one of claims 1 to 5, characterized in that, The process of responding to the adjustment operation of the color parameter value on the color adjustment control, and displaying the virtual character image after color adjustment in the first independently colored area, includes: In response to a touch start event on the color adjustment control, the user interface displays the color parameter type and the color parameter value corresponding to the color parameter type; In response to a touch movement event on the color adjustment control, update the color parameter value displayed on the user interface; In response to a touch end event on the color adjustment control, the virtual character image with the adjusted color is displayed; The color parameter type includes at least one of hue, lightness, saturation, and transparency, and the color parameter value includes at least one of hue, lightness, saturation, and transparency.
7. The method according to claim 6, characterized in that, The method further includes: In response to the touch end event on the color adjustment control, the display of the color parameter type and the color parameter value corresponding to the color parameter type is cancelled.
8. The method according to any one of claims 1 to 7, characterized in that, The user interface includes cache controls and loading controls; After displaying the virtual character image with adjusted color in the first independently colored area in response to the color parameter value adjustment operation on the color adjustment control, the process includes: In response to a caching operation on the caching control, the color-adjusted virtual character image is cached; In response to a further adjustment of the color parameter value on the color adjustment control, the virtual character image after the further color adjustment of the first independent coloring area is displayed; In response to a loading operation on the loading control, the virtual character image is switched from the recolored virtual character image to the recolored virtual character image.
9. The method according to any one of claims 1 to 7, characterized in that, The user interface includes a reset control; After displaying the virtual character image with adjusted color in the first independently colored area in response to the color parameter value adjustment operation on the color adjustment control, the process includes: In response to a reset operation on the reset control, the virtual character image is switched from the color-adjusted virtual character image to the original virtual character image.
10. The method according to any one of claims 1 to 7, characterized in that, The user interface includes an undo control; After displaying the virtual character image with adjusted color in the first independently colored area in response to the color parameter value adjustment operation on the color adjustment control, the process includes: In response to a further adjustment of the color parameter value on the color adjustment control, the virtual character image after the further color adjustment of the first independent coloring area is displayed; In response to the undo operation on the undo control, the virtual character image is switched from the recolored virtual character image to the color-adjusted virtual character image.
11. The method according to claim 10, characterized in that, The user interface includes a recovery control; The response to the undo operation on the undo control, after switching from the recolored virtual character image to the recolored virtual character image, includes: In response to the restore operation on the restore control, the virtual character image is switched from the adjusted virtual character image to the virtual character image with the color adjusted again.
12. A processing device for virtual character images, characterized in that, The device includes: The display module is used to display a virtual character image on a user interface. The user interface includes a first selection control with at least two color boundary schemes and a second selection control with at least two preset color schemes. The color boundary scheme refers to a scheme that divides the appearance components into D regions and sets masks. The preset color scheme refers to a pre-designed color matching scheme for the appearance components of the virtual character image. The preset color scheme is used to set the color parameter values of the appearance components. For the N independent color areas of the appearance components, selecting different masks will form different color boundaries. Wherein, D is an integer greater than or equal to 1, and N is an integer greater than 1. The display module is used to respond to a fourth selection operation on the second selection control of the first preset dyeing scheme and display the virtual character image after the appearance component is dyed using the first preset dyeing scheme. The display module is used to display a color adjustment control for a first independent dyeing area. The first independent dyeing area is one of at least one independent dyeing areas on the appearance component. The color adjustment control is used to adjust the color parameter value of the first independent dyeing area within a first parameter value range. The first parameter value range is the parameter value range corresponding to the color parameter value indicated by the first preset dyeing scheme. The display module is configured to respond to a third selection operation on a first selection control of a first color boundary scheme and display the color adjustment control of the first independent coloring area under the first color boundary scheme. The display module is used to display the virtual character image after color adjustment in the first independent coloring area in response to the adjustment operation of the color parameter value on the color adjustment control; An application module is used to respond to the application operation of the color-adjusted virtual character image and apply the color-adjusted virtual character image when performing virtual tasks.
13. A terminal, characterized in that, The terminal includes a processor and a memory, the memory storing a computer program, which is loaded and executed by the processor to implement the virtual character image processing method as described in any one of claims 1 to 11.
14. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program, which is loaded and executed by a processor to implement the virtual character image processing method as described in any one of claims 1 to 11.