Virtual element interaction control method and device, electronic equipment, medium and product

Abstract

The invention discloses a virtual element interaction control method and device, electronic equipment, a medium and a product, and is applied to the technical field of games. The method comprises the steps that a virtual element interface is displayed, multiple virtual elements and target objects are provided in the virtual element interface, and the virtual elements are used for modifying the appearance of the target objects during wearing; in response to a first operation acting on the target object, determining an object part corresponding to the first operation, and associating the object part to display a color selection control; receiving color parameters input through the color selection control; determining at least one candidate virtual element from a plurality of virtual elements according to the color parameter and the object part; in response to the element selection operation, determining a target candidate virtual element from the at least one candidate virtual element; and controlling the display object part to wear a virtual picture of the target candidate virtual element. Therefore, the tedious operation of manual checking one by one can be avoided, the screening process is simplified, the interaction efficiency is enhanced, and the convenience of reloading is improved.

Description

Technical Field

[0001] This application belongs to the field of game technology, specifically relating to an interactive control method for virtual elements, an interactive control device for virtual elements, an electronic device, a computer-readable storage medium, and a computer program product. Background Technology

[0002] Character customization is a core feature of games, widely used in various game scenarios such as role-playing, competitive, and social games, and is an interactive form that players highly value. Players can create unique character images through different clothing combinations, enhancing their sense of identity and immersion. Players can also showcase their personality and build interactions through customized outfits, further strengthening the game's social attributes and user engagement.

[0003] In traditional dress-up methods, players need to browse through each virtual element (i.e., virtual clothing) in a warehouse to select clothing in their desired color. With a large number of virtual elements, players need to manually check each one to see if its actual color matches their desired color, which is time-consuming and energy-intensive, severely reducing the game's fun and the player's dress-up experience. Summary of the Invention

[0004] This application aims to address at least one of the technical problems existing in the prior art. To this end, this application proposes an interactive control method for virtual elements, an interactive control device for virtual elements, an electronic device, a computer-readable storage medium, and a computer program product. By displaying a color selection control, players can accurately select the desired target color, and virtual elements matching the target color are displayed for the player to choose from. This avoids the tedious operation of manually checking each element, simplifies the process of filtering virtual elements, enhances interactive efficiency, and improves the convenience and fun of dressing up.

[0005] Firstly, this application provides an interactive control method for virtual elements, comprising: The virtual element interface displays a variety of virtual elements and target objects, and the virtual elements are used to modify the appearance of the target object when worn. In response to a first operation applied to the target object, the object part corresponding to the first operation is determined, and a color selection control is associated with the object part. Receive color parameters input via the color selection control; Based on the color parameters and the object location, at least one candidate virtual element is determined from the plurality of virtual elements; In response to the element selection operation, a target candidate virtual element is determined from the at least one candidate virtual element; Control the display of a virtual screen showing the target candidate virtual element worn on the object part.

[0006] Secondly, this application provides an interactive control device for virtual elements, comprising: The first display module is used to display a virtual element interface, which provides a variety of virtual elements and target objects. The virtual elements are used to modify the appearance of the target object when it is worn. The second display module is used to respond to a first operation applied to the target object, determine the object part corresponding to the first operation, and associate the object part with a color selection control for display. The selection module is used to receive color parameters input through the color selection control; The first determining module is used to determine at least one candidate virtual element from the plurality of virtual elements based on the color parameters and the object part. The second determining module is configured to determine a target candidate virtual element from the at least one candidate virtual element in response to the element selection operation; The third display module is used to control and display a virtual image of the object wearing the target candidate virtual element.

[0007] Thirdly, this application provides an electronic device including a memory, a processor, and a display; the memory stores a computer program, and the processor executes the above-mentioned interactive control method for virtual elements by calling the computer program stored in the memory; the display is used to display a graphical user interface.

[0008] Fourthly, this application provides a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the above-described interactive control method for virtual elements.

[0009] Fifthly, this application provides a computer program product including computer instructions, which, when executed by a processor, implement the above-described interactive control method for virtual elements.

[0010] The virtual element interaction control method, virtual element interaction control device, electronic device, computer-readable storage medium, and computer program product provided in this application embodiment, by displaying a virtual element interface and triggering a first operation on the target object to be dressed up, determines the object part (i.e., the object part) that needs to be dressed up and displays a color selection control, so that the player can input the desired color parameters through the color selection control to accurately obtain the target color desired by the player; then, it determines the candidate virtual element that can be worn on the object part and corresponds to and matches the target color from a variety of virtual elements; finally, through the element selection operation, it selects the target candidate virtual element to be worn on the object part and displays the virtual screen after wearing.

[0011] This avoids the tedious process of manually checking each item, simplifies the process of players selecting virtual elements, and improves the convenience and efficiency of the dress-up operation. At the same time, the color selection control provides rich color selection flexibility, enabling players to quickly realize their personalized color matching needs, enhancing the fun and immersion of the dress-up process, and improving the overall game experience.

[0012] Additional aspects and advantages of embodiments of this application will be set forth in part in the description which follows, and in part will be obvious from the description, or may be learned by practice of embodiments of this application. Attached Figure Description

[0013] 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 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. Wherein: Figure 1 This is an application scenario diagram of the interactive control method for virtual elements provided in the embodiments of this application; Figure 2 This is a first flowchart illustrating the interactive control method for virtual elements provided in this application embodiment; Figure 3 This is an initial schematic diagram of the virtual element interface of the virtual element interaction control method provided in the embodiments of this application; Figure 4 This is a schematic diagram of the interactive control method for virtual elements provided in this application, which uses a circular color wheel for color selection. Figure 5 This is a schematic diagram of the circular color wheel of the virtual element interaction control method provided in the embodiments of this application; Figure 6 This is a schematic diagram illustrating the interactive control method for virtual elements provided in this application, where color selection is achieved through an adjustment bar. Figure 7This is a second flowchart illustrating the interactive control method for virtual elements provided in this application embodiment; Figure 8 This is a third flowchart illustrating the interactive control method for virtual elements provided in this application embodiment; Figure 9 This is a fourth flowchart illustrating the interactive control method for virtual elements provided in this application embodiment; Figure 10 This is a schematic diagram of the module of the interactive control device for virtual elements provided in the embodiments of this application; Figure 11 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application; Figure 12 This is a schematic diagram of the hardware structure of the electronic device provided in the embodiments of this application. Detailed Implementation

[0014] The embodiments of this application are described in detail below. Examples of the embodiments of this application are shown in the accompanying drawings, wherein the same or similar reference numerals denote the same or similar elements or elements having the same or similar functions throughout. The embodiments described below with reference to the accompanying drawings are exemplary and are only used to explain this application, and should not be construed as limiting this application.

[0015] In the description of this application, it should be understood that the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Therefore, features defined as "first" or "second" may explicitly or implicitly include one or more features. In the description of this application, "multiple" means two or more, unless otherwise explicitly specified.

[0016] In view of the problems existing in the background art, the embodiments of this application provide a method for interactive control of virtual elements, a device for interactive control of virtual elements, an electronic device, a computer-readable storage medium, and a computer program product.

[0017] Specifically, the virtual element interaction control method in this application embodiment can be executed by an electronic device, which can be a terminal or a server. The terminal can be a smartphone, tablet, laptop, smart TV, wearable smart device, smart vehicle terminal, etc.; the terminal can also include a client, which can be a game client, browser client, instant messaging client, or mini-program, etc. The server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms.

[0018] For example, when the interactive control method of the virtual element runs on a terminal device, the terminal device may include a display screen and a processor. The display screen is used to present the game screen and receive commands generated by the player's actions on the game screen. The game screen may include a portion of a virtual game scene, which is a virtual world where virtual characters perform activities (such as changing clothes). The processor is used to store the game application, run the game, generate game screens, respond to commands, and control the display of the game screens on the display screen. When the player operates the game screen through the display screen, the game screen can control the local content of the terminal device in response to the received operation commands. The terminal device can provide the graphical user interface to the player in various ways, such as rendering the display on the terminal device's screen or presenting the graphical user interface through holographic projection.

[0019] For example, when the interactive control method of the virtual element runs on a server, this method can be implemented and executed based on a cloud gaming system. A cloud gaming system refers to a gaming method based on cloud computing. A cloud gaming system includes servers and client devices. The main body running the game application and the main body presenting the game screen are separate. The storage and execution of the interactive control method of the virtual element are completed on the server. The presentation of the game screen is completed on the client, which is mainly used for receiving and sending game data and presenting the game screen. For example, the client can be a display device with data transmission capabilities close to the player, such as a mobile terminal, television, computer, PDA, personal digital assistant, head-mounted display device, etc. However, the terminal device for processing game data is the server in the cloud. When playing the game, the player operates the client to send commands to the server. The server controls the game to run according to the commands, encodes and compresses the game screen and other data, returns it to the client through the network, and finally, the client decodes and outputs the game screen.

[0020] It should be noted that, in this embodiment, the executing entity of the virtual element interaction control method can be a terminal device or a server. The terminal device can be a local terminal device or a client device in the aforementioned cloud gaming. This embodiment does not limit the type of executing entity.

[0021] It is understood that in the specific implementation of this application, user object data, context data and other related data are involved. When the embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0022] For example, in conjunction with the above description, Figure 1 This application illustrates a game system 100 for implementing an interactive control method for virtual elements, as provided in an embodiment of this application. The game system 100 may include at least one terminal 10, at least one server 20, at least one database 30, and a network. The user-held terminal 10 can connect to different servers 20 via the network. The terminal 10 can be any device with computing hardware capable of supporting and executing software applications corresponding to the game.

[0023] In the aforementioned game system 100, terminal 10 is used to install and run the game application. In some cases, the game application may not need to be pre-installed on terminal 10, and players can directly access the game through a browser or other client. Players log in to the game application using their registered game account to control the virtual character corresponding to that account and participate in the game. When a player logs in to the game application, terminal 10 sends a login request to server 20. Server 20 verifies the game account used by the player and determines the game mechanics corresponding to the game account based on the login request. If the verification is successful, a login success notification is returned to terminal 10. During the player's participation in the game through the game application, terminal 10 and server 20 exchange data. Terminal 10 sends various information to server 20, and server 20 determines the display data for terminal 10 based on the stored game mechanics and the received information, and sends the display data back to terminal 10 so that terminal 10 can display the data sent by server 20 to the player.

[0024] In possible application scenarios, different terminals 10 may be served by different servers 20. Therefore, in order to distinguish the servers 20 corresponding to different game terminals 10, the embodiments of this application will use the terms "first" and "second" to describe them. In fact, the servers 20 corresponding to different game terminals 10 can be the same server 20. Therefore, without distinguishing between "first" and "second", it can be understood that the terminals 10 corresponding to virtual characters in the same game scene are served by the same server 20.

[0025] Furthermore, when the game system 100 includes multiple terminals, multiple servers, and multiple networks, different terminals can connect to each other through different networks and servers. The network can be a wireless network or a wired network; for example, wireless networks include Wi-Fi, LAN, cellular networks, 2G networks, 3G networks, 4G networks, and 5G networks. Additionally, different terminals can also connect to other terminals or servers using their own Bluetooth networks or hotspot networks. Moreover, the system 100 can include multiple databases coupled to different servers, and can continuously store game-related information in the databases while different users are playing multiplayer games online.

[0026] It should be noted that in this embodiment, multiple terminal devices are running the same virtual game. Therefore, data interaction between the multiple terminal devices can be achieved through the virtual game's server. Thus, sending data from terminal device 1 to terminal device 2 can be understood as: terminal device 1 sends data to the virtual game's server, and the server sends the data to terminal device 2. Receiving data from terminal device 2 can be understood as: terminal device 1 receives data sent by the virtual game's server, which is the data sent by terminal device 2 to the server. Alternatively, there may be no game server, and terminal device 1 directly sends game data to terminal device 2.

[0027] It should be noted that, Figure 1 The game system diagram shown is merely an example. The game system 100 described in this application embodiment is intended to more clearly illustrate the technical solutions of this application embodiment and does not constitute a limitation on the technical solutions provided in this application embodiment. As those skilled in the art will know, with the evolution of game systems and the emergence of new business scenarios, the technical solutions provided in this application embodiment are also applicable to similar technical problems.

[0028] It should be noted that the triggering operations mentioned in the subsequent detailed description of the interactive control method for virtual elements provided in the embodiments of this application can all be regarded as triggering operations performed by the player through a finger or by controlling a medium such as a mouse, keyboard, or stylus. The specific medium used can be determined according to the type of electronic device. For example, when the electronic device is a touchscreen device such as a mobile phone, tablet, or game console, the player can operate on the touchscreen using any suitable object or accessory such as a finger or stylus. When the terminal device is a non-touchscreen terminal device such as a desktop computer or laptop, the player can operate using an external device such as a mouse or keyboard.

[0029] The technical solution of this application will be described in detail below through specific embodiments. It should be noted that the following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described again in some embodiments.

[0030] In this embodiment, a graphical user interface (GUI) is provided through a terminal device. The GUI includes at least a portion of a virtual scene and at least one virtual character. The virtual scene can be a game scene, which can be understood as a simulation of the real world within a game; it can also be a semi-simulated, semi-fictional virtual environment; or it can be a purely fictional virtual environment. The game scene can be any of a two-dimensional, 2.5-dimensional, or three-dimensional virtual scene. A virtual scene typically includes multiple scene elements, which refer to the various elements required to constitute the virtual scene. For example, these may include, but are not limited to, at least one of the following: virtual character elements, virtual item elements, virtual building elements, virtual terrain elements, etc.

[0031] As can be understood, a virtual character is a game character controlled by the player in a game. The player manipulates this virtual character to perform various game activities within the game environment, such as changing clothes, picking up items, engaging in combat, exploring, or solving puzzles. This virtual character can represent the player's image, and each virtual character can be implemented using a 3D or 2D virtual model; this embodiment does not specifically limit this. Virtual characters can include, but are not limited to, at least one of: virtual human figures, virtual animals, and virtual machines.

[0032] Based on the above description of the relevant scenarios, this application provides an interactive control method for virtual elements. The interactive control method for virtual elements will be described in detail below: Please see Figure 2 The interactive control method for virtual elements provided in this application embodiment is implemented by steps 011, 012, 013, 014, 015 and 016, which are described in detail below.

[0033] Step 011: Display the virtual element interface. The virtual element interface provides a variety of virtual elements and target objects. Virtual elements are used to modify the appearance of the target object when it is worn. Step 012: Respond to the first operation applied to the target object, determine the object part corresponding to the first operation, and associate the object part with a color selection control; Step 013: Receive the color parameters input via the color selection control; Step 014: Based on the color parameters and the object location, determine at least one candidate virtual element from a variety of virtual elements; Step 015: In response to the element selection operation, determine the target candidate virtual element from at least one candidate virtual element; Step 016: Control the display of the virtual screen showing the target candidate virtual element being worn on the object part.

[0034] The virtual element interface refers to the interactive interface displayed on the graphical user interface for players to browse and select virtual elements for customization, such as... Figure 3 , Figure 4 or Figure 5 As shown. The target object is a virtual character (such as a virtual person, virtual animal, virtual machine, etc.). The first operation is to trigger the interactive behavior of displaying the color selection control. Optionally, the first operation can be a click operation, long press operation, etc., triggered by a medium such as a finger, stylus, or mouse, which is not limited here.

[0035] The target body part refers to the part of the virtual element that the player wants to change. Examples include the head, face, torso, legs, feet, hands, back (with a cloak), waist (with a belt), and shoulders (with shoulder pads). When the target is a virtual animal, the target body part can also be the tail, wings, etc.

[0036] Candidate virtual elements are those that match both the color parameter and the object part. For example, if the object part is the feet and the color parameter is red, the candidate virtual element would be red virtual shoes. The target candidate virtual element is the selected virtual element that will be worn on the object part. The object part can also be the whole body, in which case the corresponding virtual element would be a suit.

[0037] The element selection operation involves choosing the virtual element to be worn; for example, clicking or double-clicking. The target virtual element is the selected clothing to be worn by the target object.

[0038] The color selection control is an interactive component that supports color selection. It includes multiple selectable areas, each with different color parameter types. For example, the color parameters of each selectable area in the color selection control can all belong to the HSB (Hue-Saturation-Lightness) color space, or the RGB (Red-Green-Blue) color space, or the HSL (Hue-Saturation-Lightness) color space, etc.

[0039] Optionally, please refer to Figure 4 and Figure 5 The color selection control is styled as a circular color wheel. This circular color wheel includes three non-overlapping selection areas, each of which is a ring with a selection control (S1, S2, S3). Each selection area has corresponding color parameters. By moving the position of the selection control on the ring, the value of the corresponding color parameter can be changed, thereby supporting the precise selection of the desired value of the color parameter, determining the target color, and displaying it in S4.

[0040] Optionally, please refer to Figure 6 Each selectable area in the color selection control is an adjustment bar with selection controls (S1, S2, S3). The two ends of the adjustment bar represent the maximum and minimum values ​​of the corresponding color parameters, respectively. By moving the selection controls (S1, S2, S3) on the adjustment bars, the corresponding color parameter values ​​change, allowing players to accurately select the desired color value, determine the target color, and display it in S4.

[0041] Optionally, a portion of the selectable area in the color selection control is a circular ring with a selection control, while the remaining selectable area is an adjustment bar with a selection control. By changing the position of the selection control on the circular ring and the position of the selection control on the adjustment bar, the target color can be selected. The selectable areas of the color selection control can also be other shapes (such as color blocks) or combinations of multiple shapes, which are not limited here.

[0042] Specifically, by displaying a virtual element interface and triggering the first operation on the target object to be dressed up, the body part to be dressed up (i.e. the target part) is determined and a color selection control is displayed, allowing the player to input the desired color parameters through the color selection control and accurately obtain the target color desired by the player.

[0043] For example, please see Figure 3 The virtual element interface displays the target object and controls for the wearable parts corresponding to the target object. The first operation can be a long press of the finger on the wearable clothing part of the target object. Figure 3 (The example in the text is a leg), and then a color selection control is displayed at a preset position in the virtual element interface. Please refer to [link / reference]. Figure 4Following the first action, a circular color selection control in the shape of a color wheel is displayed in the center of the area where the target object is shown; please refer to [link to relevant documentation]. Figure 6 At the bottom of the area displaying the target object, a color selection control in the style of an adjustment bar is displayed for each selectable area.

[0044] Please see Figure 4 and Figure 6 The virtual element interface also includes a virtual element display area. After the target color is determined, each virtual element that matches the target color is displayed in the virtual element display area.

[0045] Specifically, after displaying candidate virtual elements matching color parameters and target body parts on the virtual element interface, the player selects any candidate virtual element through an element selection operation (such as clicking) as the target candidate virtual element. The virtual element interface then displays the appearance of the target object wearing that target candidate virtual element. This makes the operation intuitive and easy to use, improving dressing-up efficiency. Providing instant feedback on the wearing effect enhances the player's interest in styling and strengthens the game's interactivity.

[0046] Optionally, when displaying the target object after the candidate virtual element for wearing the outfit, the color selection control can be turned off so that the player can see the complete outfit effect; alternatively, when displaying the target object after the candidate virtual element for wearing the outfit, the color selection control can still be displayed (e.g., ...). Figure 4 and Figure 6 (as shown), so that players can readjust and select new color parameters.

[0047] Optionally, the target object includes multiple body parts, and after the target body parts are determined, in response to the element selection operation of the virtual element, the target virtual element is determined and displayed on the target object after the target virtual element is worn on the target body parts.

[0048] This avoids the tedious manual process of checking each element, simplifies the process of players selecting virtual elements, and improves the convenience and efficiency of the dress-up operation. At the same time, the color selection control provides rich flexibility in color selection, enabling players to quickly realize their personalized color matching needs, enhancing the fun and immersion of the dress-up process, and improving the overall gaming experience.

[0049] In one alternative embodiment, please refer to Figure 7 Step 013 includes: Step 0131: In response to a first selection operation on at least one candidate area, determine the values ​​of a first color parameter, a second color parameter, and a third color parameter, wherein the first color parameter corresponds to a first candidate area, the second color parameter corresponds to a second candidate area, and the third color parameter corresponds to a third candidate area; The color selection control includes a first selectable area, a second selectable area, and a third selectable area; the first selection operation is an interactive behavior used to determine the target color. For example, the first selection operation is a complete drag-and-drop action, or a combination of multiple click-triggered actions.

[0050] Specifically, the color selection control is used to determine the values ​​of each color parameter: by adjusting the values ​​of the color parameters corresponding to the three candidate areas through the first selection operation (such as clicking, sliding, etc.), in response to the first selection operation, the three candidate areas each have a uniquely determined value of the color parameter. The values ​​of the first color parameter, the second color parameter, and the third color parameter are combined and calculated according to the corresponding color space rules to generate a uniquely determined target color.

[0051] This ensures a rigorous color selection logic, reduces operational errors, and improves the accuracy of the target color.

[0052] In one optional embodiment, the first color parameter is a hue parameter, the second color parameter is a saturation parameter, and the third color parameter is a brightness parameter; or, the first color parameter is a red channel, the second color parameter is a green channel, and the third color parameter is a blue channel.

[0053] Specifically, with the color parameters of the three selectable areas in the color selection control all adapted to the HSB color space, the first color parameter is the hue parameter, with a value range of 0°-360°; the second color parameter is the saturation parameter, with a value range of 0%-100%; and the third color parameter is the brightness parameter, with a value range of 0%-100%. Adjusting the hue, saturation, and brightness in the HSB color space separately aligns with the human eye's intuitive perception of color, lowers the operational threshold for players, and ensures the accuracy of the selected target color.

[0054] For example, please see Figure 4 When the color selection control is a circular color wheel and all three selectable areas are circular, for the selectable area corresponding to the hue parameter (i.e., the circular ring 1 where S1 is located), the circular ring 1 can be divided into 360 equal parts. The angle between the center of each part and the center of the circle corresponds to an integer angle value in the range of 0°-360° (including the endpoints). (The hue parameter values ​​are 0° and 360°, which correspond to one part, and the hue of both is the same, both corresponding to pure red.) Each part corresponds to a value of the hue parameter. The circular ring 1 can also be divided into fewer or more parts to achieve different precision values ​​of the hue parameter.

[0055] For the candidate area corresponding to the saturation parameter (i.e., the ring 2 where S2 is located), the ring 2 can be divided into 200 equal parts. The saturation corresponding to the bottom of the ring 2 is 0%, and the saturation corresponding to the top is 100%. From the bottom to the top on the left or from the bottom to the top on the right, the angle between the center of each part and the center of the circle corresponds to an integer percentage value of saturation from 1% to 99% (inclusive of the endpoints), which corresponds to the value of a saturation parameter. The ring 2 can also be divided into fewer or more parts to achieve the selection of saturation parameter values ​​with different precision.

[0056] For the candidate area corresponding to the brightness parameter (i.e., the ring 3 where S3 is located), the ring 3 can be divided into 200 equal parts. The brightness corresponding to the bottom of the ring 3 is 0%, and the brightness corresponding to the top is 100%. From the bottom to the top on the left or from the bottom to the top on the right, the angle between the center of each part and the center of the circle corresponds to an integer percentage value of brightness from 1% to 99% (inclusive of the endpoint), which corresponds to the value of a brightness parameter. The ring 3 can also be divided into fewer or more parts to achieve the selection of brightness parameter values ​​with different precision.

[0057] Please see Figure 5 The centers of the three selectable areas (i.e., the rings) are the same. The surface of ring 1, where S1 is located, displays a continuous gradient of hue values ​​from 0° to 360° to present various basic hues (red, orange, yellow, green, cyan, blue, and purple), and they are arranged in a closed loop according to the linear order of the visible spectrum, so that players can quickly and accurately select the hue of the target color.

[0058] Within ring 2, where S2 is located, a continuous gradient of hue saturation from 0% to 100% of ring 1 is displayed from the first end to the second end (symmetrical on the left and right sides). This allows players to quickly and accurately select the saturation level of the target color. The line connecting the first and second ends passes through the center of ring 2, with the first end corresponding to 0% saturation and the second end corresponding to 100% saturation. Optionally, the first end corresponds to 100% saturation, and the second end corresponds to 0% saturation.

[0059] Within the circular ring 3 containing S3, a gradual change in brightness occurs from the third to the fourth end (symmetrical on the left and right sides), allowing players to quickly and accurately select the saturation level of the target color. The line connecting the third and fourth ends passes through the center of ring 3; the brightness at the third end is 0% (pure black), and the brightness at the fourth end is 100%. Optionally, the brightness at the third end can be 100%, and the brightness at the fourth end can be 0% (pure black).

[0060] Optionally, please refer to Figure 6When all three selectable areas in the color selection control are adjustment bars, the two ends of the adjustment bars represent the maximum and minimum values ​​of the corresponding color parameters, respectively. For example, for the selectable area corresponding to the hue parameter (i.e., adjustment bar 1 where S1 is located), the left end of adjustment bar 1 corresponds to a hue parameter value of 0°, and the right end corresponds to a hue parameter value of 360°. Adjustment bar 1 can be divided into 359 equal parts, with the center of each part (including both ends) corresponding to an integer angle value between 1° and 359° (including the endpoints). Adjustment bar 1 can also be divided into fewer or more equal parts to achieve different precision in selecting hue parameter values. For the selectable areas corresponding to the saturation and brightness parameters (i.e., adjustment bar 2 where S2 is located and adjustment bar 3 where S3 is located), the value division and the correspondence between the corresponding color parameter values ​​are basically similar to those for the selectable area corresponding to the hue parameter (i.e., adjustment bar 1 where S1 is located), and will not be elaborated here to avoid repetition.

[0061] Specifically, with the color parameters of the three selectable areas in the color selection control all adapted to the 8-bit RGB color space, the first color parameter is the red channel, with a value range of 0-255; the second color parameter is the green channel, with a value range of 0-255; and the third color parameter is the blue channel, with a value range of 0-255. Due to the wide compatibility of the RGB color space, adjusting the values ​​of the three color channels in the RGB color space separately can reduce the impact on game performance, allowing players to select precise target colors.

[0062] It is understandable that when the color parameters of the three candidate areas of the color selection control are all adapted to the 8-bit RGB color space, the numerical division of the candidate areas (such as the ring or adjustment bar) and the corresponding color parameter values ​​are basically similar to the case where the color parameters of the three candidate areas of the color selection control are adapted to the HSB color space. To avoid repetition, it will not be elaborated here.

[0063] In one alternative embodiment, please refer to Figure 4 , Figure 5 and Figure 6 The first candidate area includes a first selection control, the second candidate area includes a second selection control, and the third candidate area includes a third selection control; the first selection operation includes adjusting the position of at least one of the first selection control, the second selection control, and the third selection control.

[0064] Specifically, the location of a control within any selectable area corresponds to a different color parameter value. By performing a selection operation (such as dragging or clicking once or multiple times), the position of one or more selection controls can be changed. The specific position of the selected control can be mapped to the corresponding color parameter value, thus enabling simultaneous adjustment of one or more color parameters. This improves player efficiency while meeting the needs for both precise color adjustment and rapid color selection.

[0065] In one alternative embodiment, please refer to Figure 7 Step 014 includes: Step 0141: Determine the target color based on the values ​​of the first color parameter, the second color parameter, and the third color parameter.

[0066] Step 0142: Identify and display at least one candidate virtual element from a variety of virtual elements that matches both the target color and the object part.

[0067] The target color refers to the color that meets the player's expectations.

[0068] Specifically, through the first operation, the object part of the virtual element that needs to be replaced can be determined while displaying the color selection control; after determining the desired target color based on the values ​​of the first color parameter, the second color parameter, and the third color parameter, candidate virtual elements that can be worn on the object part and match the target color are identified and displayed. The specific processes of displaying the color selection control in response to the first operation and displaying the virtual element that matches the target color and object part after determining the target color have been described in detail in the above embodiments, and will not be repeated here to avoid repetition.

[0069] For example, please see Figure 3 and Figure 4 In response to a player's long-press action on the target object's leg (i.e., the first action), the system identifies the target body part as the leg and, after determining the target color, displays virtual pants that match both the leg and the target color. This reduces player input time, satisfies players' personalized color preferences for body parts, enhances character uniqueness, and improves operational efficiency and the overall gaming experience.

[0070] Optionally, each body part of the target object corresponds to a slot. By responding to a long press or click on any slot of the target object (i.e., the first operation), the object part is determined to be the body part corresponding to that slot. After determining the target color, a virtual element that matches both the object part and the target color is displayed. After determining the target color, the slot can be switched at any time to change the object part of the target object, and the displayed virtual element that matches both the updated object part and the target color will be updated accordingly.

[0071] For example, please see Figure 6 The virtual element interface includes a body part frame, which contains controls for multiple body parts. In response to a click on the hand control within the body part frame (the first operation), the target body part is determined to be the hand, and after determining the target color, a virtual glove matching both the hand and the target color is displayed. In response to a click on the full-body control within the body part frame (the first operation), the target body part is determined to be the entire body, and after determining the target color, an outfit matching both the full body and the target color is displayed. This allows for simultaneous changing of multiple virtual body parts, improving the convenience of changing outfits.

[0072] Optionally, please refer to Figure 4 and Figure 6 The color selection control also includes a target color display control (S4), which is used to display the selected color in real time. By triggering (e.g., clicking) the target color display control (S4), the currently selected color can be determined as the target color, and the selection of a target color will not continue.

[0073] Optionally, if the player abandons the selection of a target color, the color selection control can be collapsed in response to a trigger operation on the blank space outside the color selection control (such as a circular color wheel), so as not to obscure other information in the virtual element interface, so that the player can observe the current clothing of the game character or perform other subsequent operations.

[0074] Optionally, if the time elapsed since the color selection control has not received the first selection operation again reaches a preset time (a time set based on experience), the currently selected color is automatically determined as the target color, and each virtual element that matches the target color is displayed.

[0075] In one alternative embodiment, the first operation and / or the first selection operation can be implemented through voice interaction. For example, the player performs the first operation by uttering the voice command "Open color selection control," and the game system displays the color selection control on the virtual element interface by recognizing the voice command. Alternatively, the player performs the first selection operation by uttering the voice commands "Select red," "Saturation 60%," "Brightness 75%," and "Red channel value 100," and the game system determines the target color by recognizing the player's voice commands as they adjust the values ​​of the color parameters corresponding to at least one selectable area in the color selection control.

[0076] In this way, players who can adapt to their voice preferences can quickly bring up the color selection control or select a color without manually clicking, improving the flexibility and convenience of the interaction.

[0077] In an optional embodiment, before displaying the color selection control, the interactive control method for the virtual element further includes: identifying the style type of the target object (such as ancient style, technological style, cartoon style, etc.). In response to a first operation on the virtual element interface, while displaying the color selection control, the range of color parameters for each selectable area in the color selection control is adjusted according to the style type of the target object; or the range of color parameters for each selectable area matching the style type is highlighted; or the currently selected color is chosen by default to match the style type.

[0078] This reduces the difficulty of the initial selection process, improves convenience and color selection efficiency, ensures that the selected color matches the style and type of the target object, and avoids color incongruity.

[0079] In one alternative embodiment, please refer to Figure 7 After determining the target color in step 0141, the interactive control method for virtual elements also includes step 017, which is explained in detail below.

[0080] Step 017: Output tactile feedback information and / or visual feedback information.

[0081] Tactile feedback refers to the signal that determines the target color through physical stimulation; for example, vibration. Visual feedback refers to the signal that determines the target color through visual elements; for example, highlighting, flashing, and dynamic effects.

[0082] For example, during the process of selecting a target color in response to the first selection operation, the selected color is displayed in real time in the target color control (i.e., S4). By triggering (e.g., clicking) to display the target color control, it can be determined that the currently selected color is the target color, thereby determining the target color and highlighting the border of the target color control, and / or triggering a single vibration.

[0083] In this way, the immersive real-time feedback mechanism can enhance players' trust and enjoyment of the dress-up command.

[0084] Optionally, after the target color is determined, auditory feedback can also be output. For example, a fixed sound effect (such as a "ding") can be output to help the player confirm that the target color has been selected, enhancing the interactive experience.

[0085] Optionally, the game system can also automatically record the player's past actions in selecting target colors, extract the corresponding historical target colors and / or color parameters (such as frequently selected hues, saturation, and brightness), and analyze them using algorithms to determine the player's preferred colors. In response to the first action, these preferred color parameters are highlighted or marked in the displayed color selection control, making it easier for the player to quickly select their preferred color as the target color. This helps players quickly locate their preferred colors, improves color selection efficiency, and enhances the interactive experience.

[0086] In one alternative embodiment, please refer to Figure 8 Step 0142 includes: Step 01421: Calculate the difference between the main color parameter of each virtual element and the target color among multiple virtual elements; Step 01422: Based on the degree of difference, determine at least one candidate virtual element from a variety of virtual elements; Step 01423: Arrange and display each candidate virtual element in at least one candidate virtual element according to the degree of difference.

[0087] The primary color parameter refers to the color that best reflects the overall color tendency within the visual proportion of the virtual element. The primary color parameter for each virtual element can be pre-calculated (the method of calculation is not limited) and stored in a configuration table; each virtual element has a corresponding primary color parameter. The difference refers to the color difference between the primary color parameter and the target color.

[0088] Specifically, since the target color and the dominant color parameters of each virtual element are known, the difference (i.e., the degree of difference) between the dominant color parameter of any virtual element and the target color is fixed, and therefore the corresponding degree of difference is also fixed. The smaller the degree of difference for a virtual element, the more closely it matches the target color; conversely, the larger the degree of difference, the less closely it matches the target color. By comparing the degree of difference of each virtual element in the target area with a preset degree of difference threshold (based on empirical presets or user-defined values), virtual elements with a degree of difference less than (or equal to) the preset degree of difference threshold are identified as candidate virtual elements. These candidate virtual elements are then displayed in ascending or descending order of their degree of difference.

[0089] The calculation of the difference degree for any virtual element can be performed in several ways: First, by unifying the primary hue parameter and the target color to values ​​in the RGB color space, the difference degree is obtained by calculating the weighted Euclidean distance between the two values; the weighted Euclidean distance is positively correlated with the difference degree. Second, by unifying the primary hue parameter and the target color to values ​​in the RGB color space, the difference degree is obtained by calculating the Manhattan distance between the two values. Third, by using the hue angle difference method, unifying the primary hue parameter and the target color to values ​​in the HSB color space, calculating the difference in hue angle, saturation, and brightness between the two values, and combining these with pre-set hue weights, saturation weights, and brightness weights, a weighted calculation is performed to obtain the difference degree. Other algorithms for calculating the difference between two colors can also be used to calculate the difference degree; this application does not limit the specific algorithms used in this embodiment.

[0090] For example, please see Figure 3 In the clothing display window of the virtual element interface, the icons and names of each piece of clothing (1-9) corresponding to the target object are displayed. Clothing 1 to clothing 9 are displayed in order according to the selected rules (such as acquisition time, grade, etc.), and there is no fixed color relationship between clothing 1 to clothing 9. Please refer to [link / reference]. Figure 4 After determining the object part and target color, in the clothing display window of the virtual element interface, the icons and names of each virtual pair of pants (1-9) are displayed in order of the degree of difference from the target color; among them, the virtual pairs of pants (1-9) are in the order of the degree of difference from the smallest to the largest: pants 7, pants 8, pants 9, pants 1, pants 2, pants 3, pants 4, pants 5, pants 6.

[0091] In this way, by sorting according to the degree of difference, candidate virtual elements with small differences are displayed first, so that players do not need to search for candidate virtual elements that match the target color one by one, they can quickly locate their favorite style, greatly reducing the time spent selecting candidate virtual elements and optimizing the interactive experience of the game's dress-up process.

[0092] Optionally, candidate virtual elements can be displayed sequentially in ascending order of difference. This allows for precise filtering of highly matching candidate virtual elements, eliminating invalid results, reducing interface redundancy, and improving the efficiency of finding target candidate virtual elements.

[0093] In one optional embodiment, the graphical user interface is divided into multiple virtual element interfaces. Each virtual element interface displays a target object, its corresponding color selection control, and a list of virtual elements. These multiple virtual element interfaces are independent of each other, and the dress-up process for the target objects within each interface is also independent. The interactive control method for virtual elements further includes: responding to trigger operations on target objects in the multiple virtual element interfaces by displaying corresponding color selection controls in their respective interfaces; and responding to selection operations on each color selection control by determining the target color for each target object and displaying candidate virtual elements matching the corresponding target color in different virtual element interfaces. Thus, by supporting parallel dress-up and independent color matching for multiple target objects without interference, the personalized matching process for multiple target objects can be simplified, meeting the needs of players to customize the appearance of multiple target objects simultaneously and enriching the dress-up gameplay.

[0094] In one optional embodiment, different target objects and their corresponding color selection controls are simultaneously displayed in the same virtual element interface, and / or, candidate virtual elements that can be worn by different target objects are integrated and displayed in the same clothing list. Each candidate virtual element is assigned a corresponding character identifier, and the target object can only wear candidate virtual elements with the corresponding character identifier. Thus, by integrating the clothing changes for multiple target objects, the operation process can be simplified, the filtering time cost reduced, the efficiency of clothing matching for multiple target objects improved, and the practicality of the clothing change function enhanced.

[0095] For example, the two target objects are a virtual character and a virtual animal, identified by a character identifier and an animal identifier, respectively. In response to trigger operations on the virtual character and virtual animal within the same virtual element interface, color selection controls corresponding to the virtual character and virtual animal are displayed in the virtual element interface, respectively. In response to selection operations on the two color selection controls, a first target color and a second target color are determined for each virtual character and virtual animal. Candidate virtual elements matching the first target color and marked with a character identifier are displayed in the same clothing list, while candidate virtual elements matching the second target color and marked with an animal identifier are displayed.

[0096] In one optional embodiment, for multiple target objects belonging to the same preset affiliation (such as squad, team, faction, etc.), they can be simultaneously displayed and collaboratively dressed up in the virtual element interface. The collaborative dressing up process includes: in response to a first operation on any target object in the virtual element interface, displaying a color selection control, determining the object part, and entering the collaborative dressing up mode; in the collaborative dressing up mode, in response to a first selection operation on at least one candidate area in the color selection control, determining the target color; in the collaborative dressing up mode, for all target objects belonging to the same preset affiliation, candidate virtual elements that match both the object part and the target color are displayed synchronously.

[0097] This greatly simplifies the team's costume change process, ensures that the color scheme of the target objects within the same team is consistent, enhances the team's visual recognition, and improves costume change efficiency and gaming experience.

[0098] In one alternative embodiment, please refer to Figure 9 Step 01421 includes: Step 01424: Convert the main color parameters and target colors of each virtual element into a unified color space; Step 01425: Calculate the weighted Euclidean distance between the primary color parameter and the target color of each virtual element after conversion, and use them as the difference of each virtual element.

[0099] Weighted Euclidean distance assigns different weights to each dimension of multidimensional data and quantifies the distance between data points by using the square root of the sum of weighted squared differences. It's understandable that because different color spaces (such as HSB and RGB) have completely different dimensional definitions, numerical ranges, and physical meanings (e.g., RGB describes the mixing of the three primary colors of light, while CIE Labs describes human visual perception), directly calculating the weighted Euclidean distance of parameters belonging to different color spaces would lead to problems such as dimensional incompatibility, incomparable numerical values, and excessively distorted difference results.

[0100] Specifically, when the primary color parameters and target colors of various virtual elements belong to different color spaces, the primary color parameters and target colors of all virtual elements are first converted to parameters in the same color space (such as RGB or HSB) to eliminate calculation deviations caused by differences in color spaces. When the primary color parameters and target colors of all virtual elements belong to the same color space, no conversion is needed. After unifying the primary color parameters and target colors of all virtual elements, the difference between any two converted colors is calculated using a weighted Euclidean distance formula, based on the preset weight values ​​of each parameter (such as weights adapted to human eye sensitivity). The resulting weighted Euclidean distance is used as the degree of difference between the two colors. The weighted Euclidean distance between two colors is positively correlated with the degree of difference.

[0101] For example, when the primary hue parameter of each virtual element belongs to the RGB color space and the target color belongs to the HSB color space, a normalization algorithm that maps the HSB 3D parameters to RGB channel values ​​is used to convert the target color into a value belonging to the RGB color space. For calculating the difference between the primary hue parameter and the target color of a virtual element, if both the primary hue parameter and the target color belong to the RGB color space and have a unified string format (e.g., both are the complete "#RRGGBB", the abbreviated "#RGB", or a (r, g, b) tuple), taking the (r, g, b) tuple as an example, the primary hue parameter is (r1, g1, b1), and the target color is (r2, g2, b2).

[0102] First, calculate the average value of the red channel of the primary hue parameter and the target color, red_mean = (r1 + r2) / 2. Use this value as a weighting parameter to reflect the dynamic adjustment of red sensitivity, thus better aligning with the color perception patterns of the human eye. Then, calculate the differences between the red, green, and blue channels: the difference in the red channel dt_r = (r1 - r2), the difference in the green channel dt_g = (g1 - g2), and the difference in the blue channel dt_b = (b1 - b2).

[0103] The weighted Euclidean distance between two colors is then calculated using a simplified weighted formula adapted to the CIEDE2000 color difference formula for the RGB color space. The weight of the red channel is set to (2 + red_mean / 256), the green channel to 4 (because the human eye is most sensitive to green), and the blue channel to (2 + (255 - red_mean) / 256). The squared differences of each weighted channel are then summed, and the square root is taken to obtain the weighted Euclidean distance between the two colors. The result (weighted Euclidean distance) is then rounded to two decimal places to obtain the return value. Theoretically, the return value ranges from 0 to 764.75, and it is positively correlated with the degree of difference; the larger the return value, the greater the difference between the two colors. Thus, by using a unified color space to ensure consistent calculation standards and employing a weighted design that aligns with human eye perception, the accuracy of difference measurement can be effectively improved.

[0104] In one alternative embodiment, please continue to refer to Figure 9 The interactive control method for virtual elements also includes steps 018 and 019, which are explained in detail below.

[0105] Step 018: Calculate the RGB channel values ​​of the valid pixels in the icon of each virtual element; Step 019: Calculate the average RGB channel values ​​of the valid pixels in the icon of each virtual element to serve as the main color parameter for each virtual element.

[0106] Among them, effective pixels refer to non-fully transparent pixels in the image, which are the visible pixels in the icon of the virtual element that exclude the fully transparent parts (i.e., the alpha channel value is not greater than 0) and can realistically present the color of the virtual element.

[0107] Specifically, for each virtual element's icon, the effective pixels are first selected to eliminate interference from irrelevant pixels such as transparent pixels and background pixels. Then, the specific values ​​of the red (R), green (G), and blue (B) color channels of these effective pixels are extracted one by one. Next, the average value of each color channel is calculated (i.e., the average value of the R, G, and B values ​​of all effective pixels of the virtual element). These three average values ​​are combined into a set of standardized parameters, which are the main color parameters of the virtual element.

[0108] For example, for an icon belonging to a virtual element in the RGB color space, first read the icon of the virtual element, such as by calling the Image.open() function of an image processing tool to load the icon's path parameter image_path, loading the icon file of the virtual element under the corresponding path into the variable img. If the icon has a transparency channel (i.e., the icon's image mode is RGBA format), extract the icon's transparency channel (i.e., alpha channel, transparency) and convert it to a NumPy array alpha; then strip the transparency channel from the icon, convert it to pure RGB mode, and convert each channel of the RGB format to a NumPy array rgb; generate a filter mask based on the alpha array, marking only pixels with transparency greater than 0; finally, use the mask to filter out each valid pixel valid_pixels.

[0109] If the icon does not have an alpha channel (i.e., the icon's image mode is RGB format), each channel is directly converted to a NumPy array RGB. Then, the NumPy array RGB is flattened into an N×3 format (N is the total number of pixels, and each row corresponds to the R, G, and B channel values ​​of one pixel), forming a dataset of effective pixels with a uniform structure. This format is consistent with the filtering results for images containing alpha channels, ensuring compatibility with subsequent steps. For icons with 0 effective pixels (i.e., the icon is completely transparent or has no usable pixels), the icon is returned to its default color (black, i.e., all three RGB channels are 0).

[0110] Next, the NumPy array rgb is averaged for each color channel to obtain a three-dimensional average color vector avg_color. The three average values ​​are then converted into integer RGB values, and further converted into hexadecimal color values ​​(such as #7E59CA). This color value is the main color parameter of the icon of the virtual element.

[0111] Optionally, the processes of steps 016 and 017 can be integrated into an automated script to batch process the icons of all virtual elements, automatically extract the main color parameters corresponding to each icon, and store the obtained main color parameters in the corresponding storage space (such as a configuration table) to realize the one-to-one correspondence between virtual elements, icons and main color parameters.

[0112] In this way, interference from invalid pixels can be eliminated, and the complex multi-pixel colors of the icon can be refined into a single and quantifiable primary color parameter, providing unified and accurate data for subsequent calculations of the difference between the primary color parameter and the target color. This also facilitates game version iteration, data traceability, and maintenance.

[0113] In one alternative embodiment, for stylized game projects, differentiated weights can be assigned to each RGB channel (e.g., strengthening warm color channels and weakening cool color channels). The average RGB channel values ​​of the effective pixels in the icon of each virtual element are then multiplied by the corresponding weight to obtain the primary color parameter for each virtual element. Alternatively, specific redundant colors (such as background color or noise) can be filtered out, and the primary color is calculated based on the adjusted color data. This improves flexibility and meets the extraction requirements of primary color parameters for different scenarios.

[0114] All of the above technical solutions can be combined in any way to form optional embodiments of this application, and will not be described in detail here.

[0115] Based on the method described in the above embodiments, this application also provides an interactive control device for virtual elements, used to execute the steps in the above-described interactive control method for virtual elements. Please refer to... Figure 10 , Figure 10 This is a schematic diagram of a virtual element interaction control device 200 provided in an embodiment of this application. The virtual element interaction control device 200 includes: The first display module 201 is used to display a virtual element interface, which provides a variety of virtual elements and target objects. The virtual elements are used to modify the appearance of the target object when it is worn. The second display module 202 is used to respond to the first operation applied to the target object, determine the object part corresponding to the first operation, and associate the object part with a color selection control for display. The selection module 203 is used to receive color parameters input through the color selection control; The first determining module 204 is used to determine at least one candidate virtual element from a variety of virtual elements based on color parameters and object parts. The second determining module 205 is configured to determine a target candidate virtual element from at least one candidate virtual element in response to an element selection operation; The third display module 206 is used to control the display of virtual images of the target candidate virtual elements worn on the display object parts.

[0116] It should be noted that the specific details of each module unit in the above-mentioned virtual element interaction control device have been described in detail in the embodiments of the above-mentioned virtual element interaction control method, and will not be repeated here.

[0117] In the embodiments of this application, the terms "module" or "unit" refer to a computer program or part of a computer program that has a predetermined function and works with other related parts to achieve a predetermined goal, and can be implemented wholly or partially using software, hardware (such as processing circuitry or memory), or a combination thereof. Similarly, a processor (or multiple processors or memory) can be used to implement one or more modules or units. Furthermore, each module or unit can be part of an overall module or unit that includes the functionality of that module or unit.

[0118] In one optional embodiment, the interactive control device for virtual elements in this application embodiment can be implemented in hardware, such as an electronic device or a component in an electronic device, such as an integrated circuit or a chip; the interactive control device for virtual elements can also be implemented in software, such as as an application installed in an electronic device.

[0119] This application also provides an electronic device, including a memory, a processor, and a display; the memory stores a computer program, and the processor executes various processes of the above-described embodiments of the virtual element interactive control method by calling the computer program stored in the memory, and can achieve the same technical effect, so it will not be described again here to avoid repetition; the display is used to display a graphical user interface.

[0120] Optionally, the display can be used to display a graphical user interface (GUI) and receive operation commands generated by the user interacting with the GUI. The display may include a display panel and a touch panel. The display panel can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces of the electronic device, which can be composed of graphics, text, icons, video, and any combination thereof. The touch panel can be used to collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch panel), generate corresponding operation commands, and execute the corresponding program according to the operation commands.

[0121] Optionally, the touch panel may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch location and the signal generated by the touch operation, transmitting the signal to the touch controller. The touch controller receives touch information from the touch detection device, converts it into touch point coordinates, sends it to the processor, and can receive and execute commands from the processor. The touch panel may cover the display panel. When the touch panel detects a touch operation on or near it, it transmits the information to the processor to determine the type of touch event. Subsequently, the processor provides corresponding visual output on the display panel based on the type of touch event. In this embodiment, the touch panel and display panel can be integrated into the display to achieve input and output functions. However, in some embodiments, the touch panel and display panel can be implemented as two independent components to achieve input and output functions.

[0122] In one alternative embodiment, please refer to Figure 11 , Figure 11 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. The electronic device 300 includes a processor 301, a memory 302, and a display 303. The memory 302 stores a computer program 304 that can run on the processor 301. When the computer program 304 is executed by the processor 301, it implements the various processes of the above-described embodiments of the virtual element interactive control method and achieves the same technical effect. To avoid repetition, it will not be described again here. The display 303 is used to display a graphical user interface.

[0123] Please see Figure 12 , Figure 12This is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application. The electronic device can be a terminal or a server. Exemplarily, the electronic device 400 includes a central processing unit (CPU) 401, a system memory 404 including random access memory (RAM) 402 and read-only memory (ROM) 403, and a system bus 405 connecting the system memory 404 and the central processing unit 401.

[0124] In some embodiments, the electronic device 400 may also include a basic input / output system 406 that helps transmit information between various devices within the computer, and a mass storage device 407 for storing the operating system 413, the client 414, and other program modules 415.

[0125] In some embodiments, the basic input / output system 406 includes a display 408 for displaying information and an input device 409 for user input, such as a touch panel and other input devices. A touch panel is also called a touchscreen. A touch panel may include both a touch device and a touch controller. Other input devices may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, power buttons, etc.), trackballs, mice, and joysticks, which will not be described further here.

[0126] Both the display 408 and the input device 409 are connected to the central processing unit 401 via an input / output controller 410 connected to the system bus 405. The basic input / output system 406 may also include the input / output controller 410 for receiving and processing input from touch panels, other input devices, etc. Optionally, the input / output system 406 may also include output devices, such as displays, printers, or other types of output devices.

[0127] Mass storage device 407 is connected to central processing unit 401 via a mass storage controller (not shown) connected to system bus 405. Mass storage device 407 and its associated computer-readable media provide non-volatile storage for electronic device 400. That is, mass storage device 407 may include computer-readable media (not shown) such as hard disk or compact disc read-only memory (CD-ROM) drive.

[0128] According to various embodiments of this application, the electronic device 400 can also be connected to a remote computer on a network, such as the Internet. That is, the electronic device 400 can be connected to a network 417 via a network interface unit 416 connected to the system bus 405, or the network interface unit 416 can be used to connect to other types of networks or remote computer systems (not shown).

[0129] This application also provides a computer-readable storage medium storing a computer program. When the computer program is executed by a processor, it implements the various processes of the above-described embodiments of the interactive control method for virtual elements and achieves the same technical effect. To avoid repetition, it will not be described again here.

[0130] The processor can be the processor in the electronic device described in the above embodiments. The computer-readable storage medium can be a computer read-only memory (ROM), random access memory (RAM), magnetic disk, or optical disk, etc.

[0131] This application also provides a computer program product, which includes computer instructions stored in a computer-readable storage medium. The processor of an electronic device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the electronic device to perform the corresponding flow in the virtual element interaction control method of this application embodiment. For simplicity, further details are omitted here.

[0132] This application also provides a computer program comprising computer instructions stored in a computer-readable storage medium. The processor of an electronic device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the electronic device to perform the corresponding flow in the virtual element interaction control method of this application. For simplicity, further details are omitted here.

[0133] It should be understood that the processor in this application may be an integrated circuit chip with signal processing capabilities. In implementation, the steps of the above method embodiments can be completed by integrated logic circuits in the processor's hardware or by instructions in software form. The processor described above can be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. It can implement or execute the methods, steps, and logic block diagrams disclosed in the embodiments of this application. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the methods disclosed in the embodiments of this application can be directly embodied in the execution of a hardware decoding processor, or executed by a combination of hardware and software modules in the decoding processor. The software modules can be located in random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, registers, or other mature storage media in the art. This storage medium is located in memory, and the processor reads information from the memory and, in conjunction with its hardware, completes the steps of the above method.

[0134] It is understood that the memory in the embodiments of this application can be volatile memory or non-volatile memory, or may include both volatile and non-volatile memory. The non-volatile memory can be read-only memory (ROM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), or flash memory. The volatile memory can be random access memory (RAM), which is used as an external cache. By way of example, but not limitation, many forms of RAM are available, such as Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDR SDRAM), Enhanced Synchronous DRAM (ESDRAM), Synchlink DRAM (SLDRAM), and Direct Rambus RAM (DR RAM). It should be noted that the memory used in the systems and methods described herein is intended to include, but is not limited to, these and any other suitable types of memory.

[0135] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0136] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0137] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0138] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0139] In addition, the functional units in this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0140] If a function is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause an electronic device (which may be a personal computer or a server) to execute all or part of the steps of the methods in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, ROM, RAM, magnetic disks, or optical disks.

[0141] Any process or method description in the flowchart or otherwise herein can be understood as representing a module, segment, or portion of code comprising one or more executable instructions for implementing a particular logical function or process, and the scope of the preferred embodiments of this application includes additional implementations in which functions may be performed not in the order shown or discussed, including substantially simultaneously or in reverse order according to the functions involved, as should be understood by those skilled in the art to which embodiments of this application pertain.

[0142] The above are merely specific embodiments of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for controlling interaction with virtual elements, characterized by, The method comprises the following steps: displaying a virtual element interface, wherein a plurality of virtual elements and a target object are provided in the virtual element interface, and the virtual elements are used to modify the appearance of the target object when worn; in response to a first operation acting on the target object, determining an object part corresponding to the first operation, and displaying a color selection control associated with the object part; receiving a color parameter input through the color selection control; determining at least one candidate virtual element from the plurality of virtual elements according to the color parameter and the object part; in response to an element selection operation, determining a target candidate virtual element from the at least one candidate virtual element; controlling to display a virtual picture of the object part wearing the target candidate virtual element. 2.The method of claim 1, wherein, The color parameter comprises a first color parameter, a second color parameter and a third color parameter; and the color selection control is used to respectively determine the value of the first color parameter, the value of the second color parameter and the value of the third color parameter.

3. The method of claim 2, wherein, The first color parameter is a hue parameter, the second color parameter is a saturation parameter, and the third color parameter is a brightness parameter; or the first color parameter is a red channel, the second color parameter is a green channel, and the third color parameter is a blue channel. 4.The method of claim 2, wherein, The step of determining at least one candidate virtual element from the plurality of virtual elements according to the color parameter and the object part comprises: determining a target color based on the value of the first color parameter, the value of the second color parameter and the value of the third color parameter; determining and displaying at least one candidate virtual element from the plurality of virtual elements which matches the target color and the object part.

5. The method of claim 4, wherein, The step of determining and displaying at least one candidate virtual element from the plurality of virtual elements which matches the target color and the object part comprises: calculating the difference degree of the dominant tone parameter of each virtual element in the plurality of virtual elements and the target color; determining at least one candidate virtual element from the plurality of virtual elements based on the difference degree; arranging and displaying each of the at least one candidate virtual element according to the size of the difference degree.

6. The method of claim 5, wherein, The step of calculating the difference degree of the dominant tone parameter of each virtual element in the plurality of virtual elements and the target color comprises: converting the dominant tone parameter of each virtual element and the target color into a unified color space; respectively calculating the weighted Euclidean distance between the converted dominant tone parameter of each virtual element and the target color as the difference degree of each virtual element.

7. The method of claim 5, wherein, The method further comprises the following steps: respectively calculating the RGB channel value of the effective pixels in the icon of each virtual element, wherein the effective pixels refer to the non-transparent pixels in the image; calculating the average value of the RGB channel value of the effective pixels in the icon of each virtual element as the dominant tone parameter of each virtual element.

8. An apparatus for interactive control of virtual elements, characterized by The method comprises the following steps: a first display module is configured to display a virtual element interface, wherein a plurality of virtual elements and a target object are provided in the virtual element interface, and the virtual elements are used to modify the appearance of the target object when worn; The second display module is configured to, in response to a first operation performed on the target object, determine an object part corresponding to the first operation, and display a color selection control in association with the object part; The selection module is configured to receive a color parameter input through the color selection control; The first determination module is configured to determine at least one candidate virtual element from the plurality of virtual elements according to the color parameter and the object part; The second determination module is configured to determine a target candidate virtual element from the at least one candidate virtual element in response to an element selection operation; The third display module is configured to control display of a virtual picture in which the object part wears the target candidate virtual element.

9. An electronic device, comprising: comprising a memory, a processor and a display; the memory has stored therein a computer program, the processor is configured to execute the computer program stored in the memory, and the computer program is configured to perform the method according to any one of claims 1-6 7. The method for controlling interaction of a virtual element according to any one of claims 1-6; the display is configured to display a graphical user interface.

10. A computer-readable storage medium, characterized in that, A computer program is stored, and the computer program is executed by a processor to implement the virtual element interaction control method according to any one of claims 1-7.

11. A computer program product, characterised in that, Computer instructions are included, and the computer instructions are executed by a processor to implement the virtual element interaction control method according to any one of claims 1-7.

Images