Virtual component editing method and device and electronic equipment

Abstract

The invention provides a virtual component editing method and device and electronic equipment. An editing scene provided by running an application program is displayed on a graphical user interface; the editing scene comprises at least one pre-created virtual component; in response to a touch operation for a first virtual component in the at least one virtual component, displaying an attribute list on the graphical user interface; a plurality of attribute options are displayed in the attribute list; and in response to a selection operation for a target option in the attribute list, updating the attribute of the first virtual component based on the target option. In the mode, each attribute option can be displayed on the graphical user interface by performing the touch operation on the first virtual component, and the user can update the attribute of the first virtual component through the selection operation, so that the operation steps are reduced, the editing efficiency is improved, and the editing experience and creation enthusiasm of the user are further improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a method, device, and electronic device for editing a virtual component. Background Art

[0002] In current application scenarios such as game scene editing, graphic design, and video editing, if users want to change the component material of a virtual component, they usually need to perform multiple click operations to complete the material replacement. For example, they need to click on the item, edit, properties, and property options to complete the material replacement. This increases the user's time cost and the complexity of the operation. Especially when the component materials of multiple virtual components need to be frequently replaced, the user needs to repeatedly perform multiple click operations, resulting in reduced editing efficiency and affecting the user's creative experience and enthusiasm. Summary of the Invention

[0003] In view of this, the purpose of the present disclosure is to provide a method, device and electronic device for editing virtual components, which can display various property options on a graphical user interface by performing touch operations on a first virtual component. Users can update the properties of the first virtual component through selection operations, so as to reduce the number of operation steps and improve editing efficiency, thereby improving the user's editing experience and creative enthusiasm.

[0004] In a first aspect, an embodiment of the present disclosure provides a method for editing a virtual component, the method comprising: displaying an editing scene provided by running an application on a graphical user interface; the editing scene includes at least one pre-created virtual component; in response to a touch operation on a first virtual component in the at least one virtual component, displaying a property list on the graphical user interface; displaying a plurality of property options in the property list; and in response to a selection operation on a target option in the property list, updating the properties of the first virtual component based on the target option.

[0005] In a second aspect, an embodiment of the present disclosure provides an editing device for a virtual component, the device comprising: a scene display module for displaying an editing scene provided by running an application on a graphical user interface; the editing scene includes at least one pre-created virtual component; a list display module for displaying a property list on a graphical user interface in response to a touch operation on a first virtual component in at least one virtual component; a plurality of property options are displayed in the property list; and a property update module for updating the properties of the first virtual component based on the target option in response to a selection operation on a target option in the property list.

[0006] In a third aspect, an embodiment of the present disclosure provides an electronic device comprising a processor and a memory, wherein the memory stores computer-executable instructions that can be executed by the processor, and the processor executes the computer-executable instructions to implement the virtual component editing method of any one of the first aspects.

[0007] In a fourth aspect, an embodiment of the present disclosure provides a computer-readable storage medium storing computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the virtual component editing method of any one of the first aspects.

[0008] The embodiments of the present disclosure bring the following beneficial effects:

[0009] The present disclosure provides a method, device, and electronic device for editing a virtual component. The method comprises displaying an editing scene provided by running an application on a graphical user interface; the editing scene includes at least one pre-created virtual component; in response to a touch operation on a first virtual component of the at least one virtual component, displaying a property list on the graphical user interface; displaying multiple property options in the property list; and in response to a selection operation on a target option in the property list, updating the properties of the first virtual component based on the target option. In this method, by performing a touch operation on the first virtual component, the various property options can be displayed on the graphical user interface, and the user can update the properties of the first virtual component by selecting the option. This reduces the number of operation steps and improves editing efficiency, thereby enhancing the user's editing experience and creative enthusiasm.

[0010] Other features and advantages of the present disclosure will be described in the following description, and in part will become apparent from the description, or understood by practicing the present disclosure. The objectives and other advantages of the present disclosure are realized and obtained by the structures particularly pointed out in the description, claims and drawings.

[0011] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, preferred embodiments are given below and described in detail with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] In order to more clearly illustrate the specific embodiments of the present disclosure or the technical solutions in the prior art, the drawings required for use in the specific embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present disclosure. For those skilled in the art, other drawings can be obtained based on these drawings without paying any creative work.

[0013] Figure 1 A flowchart of a method for editing a virtual component provided by an embodiment of the present disclosure;

[0014] Figure 2 A schematic diagram of a graphical user interface provided in an embodiment of the present disclosure;

[0015] Figure 3 A schematic diagram of another graphical user interface provided by an embodiment of the present disclosure;

[0016] Figure 4 A schematic diagram of another graphical user interface provided by an embodiment of the present disclosure;

[0017] Figure 5 A schematic structural diagram of a virtual component editing device provided by an embodiment of the present disclosure;

[0018] Figure 6 A schematic structural diagram of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0019] To make the purpose, technical solutions, and advantages of the embodiments of the present disclosure more clear, the technical solutions of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings. Obviously, the embodiments described are only part of the embodiments of the present disclosure, not all of them. Based on the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without making any creative efforts shall fall within the scope of protection of the present disclosure.

[0020] In current application scenarios such as game scene editing, graphic design, and video editing, if users want to change the component material of a virtual component, they usually need to go through multiple click operations to complete the material change, such as clicking on items, editing, properties, and property options to complete the material change, which increases the user's time cost and the complexity of the operation. Especially when it is necessary to frequently change the component materials of multiple virtual components, the user needs to repeatedly perform multiple click operations, resulting in reduced editing efficiency. The complex operation process makes the user prone to fatigue and frustration during the creative process, affecting the user's creative experience and creative enthusiasm, and is not conducive to stimulating the user's creative enthusiasm and creativity. Moreover, this operation method cannot meet the user's demand for efficient and flexible operation during the editing process, limiting the user's creative freedom and flexibility. Based on this, the embodiments of the present disclosure provide a method, device, and electronic device for editing virtual components. This technology can be applied to mobile phones, notebooks, computers, tablet computers, and other devices.

[0021] In one embodiment of the present disclosure, the virtual component editing method can be run on a local terminal device or a server. When the virtual component editing method is run on a server, the method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.

[0022] In an optional embodiment, various cloud applications can be run under the cloud interaction system, such as cloud games. Taking cloud games as an example, cloud games refer to a gaming method based on cloud computing. In the cloud game operation mode, the operating body of the game program and the main body of the game screen presentation are separated. The storage and operation of the editing method of the virtual component are completed on the cloud game server. The role of the client device is to receive and send data and present the game screen. For example, the client device can be a display device with data transmission function close to the user side, such as a mobile terminal, TV, computer, PDA, etc.; but the cloud game server in the cloud is responsible for information processing. When playing the game, the user operates the client device to send operation instructions to the cloud game server. The cloud game server runs the game according to the operation instructions, encodes and compresses the game screen and other data, and returns it to the client device through the network. Finally, the client device decodes and outputs the game screen.

[0023] In an optional embodiment, taking a game as an example, the local terminal device stores the game program and is used to present the game screen. The local terminal device is used to interact with the user through a graphical user interface, that is, the game program is downloaded and installed and run by the conventional electronic device. The local terminal device can provide the graphical user interface to the user in a variety of ways, for example, it can be rendered and displayed on the terminal display, or provided to the user through holographic projection. For example, the local terminal device may include a display screen and a processor, the display screen is used to present the graphical user interface, the graphical user interface includes the game screen, and the processor is used to run the game, generate the graphical user interface, and control the display of the graphical user interface on the display screen.

[0024] In one possible implementation, an embodiment of the present invention provides a method for editing a virtual component, providing a graphical user interface through a terminal device, wherein the terminal device can be the local terminal device mentioned above, or the client device in the cloud interaction system mentioned above.

[0025] To facilitate understanding of this embodiment, a method for editing a virtual component disclosed in the embodiment of the present disclosure is first described in detail. Figure 1 As shown, the method includes the following steps:

[0026] Step S102: displaying an editing scene provided by running the application on a graphical user interface; the editing scene includes at least one pre-created virtual component;

[0027] The following explanation is made using game scene editing as an example. The above-mentioned editing scene refers to a game scene created by a user. The editing scene may be a game scene including some initial virtual components, or a game scene that the user has previously created and saved (the game scene may be a published scene or an unpublished scene).

[0028] For example, you can create an empty editing scene where you can edit various virtual components, including prop components and mechanism components. Alternatively, you can open an editing scene that already has some virtual components and then create additional virtual components as needed. In other words, you can save a previously edited scene and then edit it again. Specifically, you can create various virtual components at the target location in the editing scene.

[0029] Optionally, the aforementioned editing scene may be accessed through multiple channels, i.e., the graphical user interface may display multiple modes of operation for editing scenes provided by the running application. For example, the game lobby may display a first entrance to the game battle / competitive scene and a second entrance to the editing scene. Through the second entrance, the graphical user interface will display the editing scene provided by the running application, and the user may edit the editing scene. After completing the editing, the user may choose to save or publish the scene, allowing the current user or other users to enter the edited game scene and play the game.

[0030] The aforementioned virtual components are usually composed of three-dimensional virtual models and have various shapes and materials.

[0031] Step S104, in response to a touch operation on a first virtual component of the at least one virtual component, displaying a property list on a graphical user interface; the property list displays a plurality of property options;

[0032] The touch operation can be a click, long press, double-click, etc. The displayed property options include the option name and option pattern. The property list can include at least one or more of the following: a material list, a style list, a texture list, a physical property list, a color list, a shape list, etc.

[0033] For example, the material list displays multiple material options, such as Stone Brick 1, Stone Brick 2, Stone Brick 3, Stone Brick 4, Stone Brick 5, Asphalt, Metal, Mesh, etc. The style list displays multiple style options, such as Cube, Cylinder, Slope, Half Cylinder, etc.

[0034] Step S106 : in response to a selection operation on a target option in the attribute list, updating the attributes of the first virtual component based on the target option.

[0035] The above-mentioned selection operation and touch operation can be continuous operations or discontinuous operations. The above-mentioned selection operation can be a click operation, a slide operation, a double-click operation, etc.

[0036] Optionally, if the selection operation and the touch operation are continuous operations, the touch operation is a double-click operation or a long press operation, and the selection operation is a sliding operation, the property option corresponding to the position of the sliding end point of the sliding operation is determined as the target option, and the properties of the first virtual component are updated based on the target option.

[0037] Optionally, the selection operation and the touch operation are non-continuous operations, and the touch operation is a click operation, a long press operation, or a double-click operation. The selection operation is a click operation, a long press operation, or a double-click operation. In response to the click operation on the target option in the attribute list, the attributes of the first virtual component are updated based on the target option.

[0038] If the target option is target material, the component material of the first virtual component is updated to the target material; if the target option is target style (such as cube), the style of the first virtual component is updated to the target style.

[0039] Optionally, in response to a sliding operation on the property list, control the scrolling of property options displayed in the property list.

[0040] The disclosed embodiments provide a method, device, and electronic device for editing a virtual component, wherein an editing scene provided by running an application is displayed on a graphical user interface; the editing scene includes at least one pre-created virtual component; in response to a touch operation on a first virtual component in the at least one virtual component, a property list is displayed on the graphical user interface; a plurality of property options are displayed in the property list; and in response to a selection operation on a target option in the property list, the properties of the first virtual component are updated based on the target option. In this method, various property options can be displayed on the graphical user interface by performing a touch operation on the first virtual component, and the user can update the properties of the first virtual component by selecting the option, thereby reducing the number of operation steps and improving editing efficiency, thereby enhancing the user's editing experience and creative enthusiasm.

[0041] After the step of responding to a touch operation on a first virtual component among at least one virtual component, the above method also includes: displaying a preset logo in a designated area of the graphical user interface and issuing a vibration reminder through the terminal device; the designated area is the touch position of the touch operation or the preset position of the first virtual component.

[0042] The above-mentioned preset logo can be a text logo, a pattern logo, etc.

[0043] Optionally, if the preset marker is a movable marker, that is, the preset marker can be moved following the drag operation, the designated area is the touch position of the touch operation.

[0044] Optionally, if the preset mark is an immovable mark, the designated area is a preset position of the first virtual component, such as the upper left corner, upper right corner, center position, lower left corner, or lower right corner of the first virtual component.

[0045] The terminal device is a device that displays a graphical user interface (GUI), meaning it provides a graphical user interface. The user enters property editing mode by double-clicking or long-pressing the first virtual component. The terminal device (e.g., a mobile phone) vibrates, indicating successful activation. This simple and intuitive activation method allows the user to quickly enter material change mode without complex operations. Vibration feedback from the phone allows the user to clearly sense the activation of property editing mode, enhancing the intuitiveness and feedback of the operation.

[0046] The above-mentioned step of updating the properties of the first virtual component based on the target option in response to the selection operation of the target option in the attribute list may be implemented as follows: in response to the drag operation on the preset identifier, the preset identifier is controlled to move following the drag operation; in response to the preset identifier being dragged to the target area corresponding to the target option, the properties of the first virtual component are updated based on the target option.

[0047] The above drag operation and touch operation are continuous operations. Figure 2 As shown, the user double-clicks or long presses the first virtual component, and a preset logo is displayed at the touch position. Figure 3 As shown, the preset mark is dragged without releasing the finger from the screen, and the preset mark is moved to the target area corresponding to the target material (metal 1), and the component material of the first virtual component is updated to metal.

[0048] The user directly drags the preset mark to point to the property list. When the preset mark touches an option, the property of the first virtual component changes immediately. This real-time interactive feedback mechanism enables users to intuitively see the effect of property change, and the operation process is simple and smooth.

[0049] The above method also includes: in response to the end of the drag operation, and when the drag operation ends, the preset identifier is located in the target area corresponding to the target option, determining that the properties of the first virtual component are updated to the properties corresponding to the target option, and canceling the display of the preset identifier and property list.

[0050] After the finger moves to the target area and is lifted, the material of the first virtual component is updated to metal, and the preset logo and property list are canceled, and the property editing mode is exited.

[0051] If the user wants to edit the properties of other virtual components, they can double-click or long-press other virtual components to enter the property editing mode and edit the properties of other virtual components.

[0052] The above-mentioned step of updating the properties of the first virtual component based on the target option in response to the selection operation of the target option in the attribute list, another possible implementation method is: responding to the click operation of the target option in the attribute list, determining that the properties of the first virtual component are updated to the properties corresponding to the target option.

[0053] For example, Figure 2 As shown, the user double-clicks or long presses the first virtual component, and a preset logo is displayed at the touch position. Figure 4 As shown, the finger leaves the screen and then directly clicks the target material (metal 1) to update the component material of the first virtual component to metal.

[0054] The above two interaction methods provide users with flexible choices, meet the operating habits and scenario requirements of different users, and improve the user experience and satisfaction during the scene editing process.

[0055] The above method further includes: in response to a click operation on a close control corresponding to the preset identifier, canceling the display of the preset identifier and the attribute list.

[0056] The above method further includes: in response to creating a second virtual component in the editing scene, canceling the display of the preset identifier and the property list.

[0057] For example, Figure 4 As shown, click the close control in the upper left corner of the preset logo to exit the property editing mode for the first virtual component.

[0058] Alternatively, dragging another component from the component list into the editing scene will automatically close the property editing mode. This flexible and diverse mode exit method provides users with a convenient operation experience.

[0059] Users can automatically exit the property editing mode by lifting their finger, or click the close control to exit the property editing mode. They can also directly drag in other style items to have the system automatically close the property editing mode. This flexible and diverse mode exit method provides users with a convenient operating experience.

[0060] Corresponding to the above method embodiment, the present disclosure provides an editing device for a virtual component, such as Figure 5 As shown, the device includes:

[0061] The scene display module 501 is used to display the editing scene provided by running the application on the graphical user interface; the editing scene includes at least one pre-created virtual component;

[0062] A list display module 502 is configured to display a property list on a graphical user interface in response to a touch operation on a first virtual component of the at least one virtual component; the property list displays a plurality of property options;

[0063] The property updating module 503 is configured to respond to a selection operation on a target option in the property list and update the properties of the first virtual component based on the target option.

[0064] An embodiment of the present disclosure provides an editing device for a virtual component, which displays an editing scene provided by running an application on a graphical user interface; the editing scene includes at least one pre-created virtual component; in response to a touch operation on a first virtual component of the at least one virtual component, a property list is displayed on the graphical user interface; a plurality of property options are displayed in the property list; and in response to a selection operation on a target option in the property list, the properties of the first virtual component are updated based on the target option. In this method, various property options can be displayed on the graphical user interface by performing a touch operation on the first virtual component, and the user can update the properties of the first virtual component by selecting the option, thereby reducing the number of operation steps and improving editing efficiency, thereby enhancing the user's editing experience and creative enthusiasm.

[0065] The above-mentioned device includes a preset logo display module, which is used to: display a preset logo in a specified area of the graphical user interface and issue a vibration reminder through the terminal device; the specified area is the touch position of the touch operation or the preset position of the first virtual component.

[0066] The above-mentioned property update module is also used to: respond to the drag operation on the preset mark, control the preset mark to move following the drag operation; respond to the preset mark being dragged to the target area corresponding to the target option, update the properties of the first virtual component based on the target option.

[0067] The above-mentioned device also includes a first cancellation module, which is used to: in response to the end of the drag operation, and when the drag operation ends, the preset identifier is located in the target area corresponding to the target option, determine that the properties of the first virtual component are updated to the properties corresponding to the target option, and cancel the display of the preset identifier and property list.

[0068] The above-mentioned property updating module is further used for: responding to a click operation on a target option in the property list, and determining that the property of the first virtual component is updated to the property corresponding to the target option.

[0069] The above device further includes a second canceling module, configured to: respond to a click operation on a close control corresponding to the preset identifier, and cancel the display of the preset identifier and the attribute list.

[0070] The above-mentioned device also includes a third cancellation module, which is used to cancel the display of the preset logo and attribute list in response to the creation of the second virtual component in the editing scene.

[0071] The above touch operation is a double-click operation or a long press operation. The above touch operation and drag operation are continuous operations.

[0072] The virtual component editing device provided in the embodiment of the present disclosure has the same technical features as the virtual component editing method provided in the above embodiment, and therefore can also solve the same technical problems and achieve the same technical effects.

[0073] This embodiment further provides an electronic device including a processor and a memory, wherein the memory stores machine-executable instructions that can be executed by the processor, and the processor executes the machine-executable instructions to implement the above-mentioned virtual component editing method. The electronic device can be a server or a terminal device.

[0074] See also Figure 6 As shown, the electronic device includes a processor 100 and a memory 101. The memory 101 stores machine executable instructions that can be executed by the processor 100. The processor 100 executes the machine executable instructions to implement the above-mentioned virtual component editing method.

[0075] Furthermore, Figure 6 The electronic device shown further includes a bus 102 and a communication interface 103 , and the processor 100 , the communication interface 103 and the memory 101 are connected via the bus 102 .

[0076] Among them, the memory 101 may include a high-speed random access memory (RAM), and may also include a non-volatile memory (non-volatile memory), such as at least one disk storage. The communication connection between the system network element and at least one other network element is realized through at least one communication interface 103 (which can be wired or wireless), and the Internet, wide area network, local area network, metropolitan area network, etc. can be used. The bus 102 can be an ISA (Industry Standard Architecture, Industrial Standard Architecture) bus, PCI (Peripheral Component Interconnect, Peripheral Component Interconnect Standard) bus or EISA (Extended Industry Standard Architecture, Extended Industry Standard Architecture) bus, etc. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 6 Only one bidirectional arrow is used in the diagram, but this does not mean that there is only one bus or one type of bus.

[0077] The processor 100 may be an integrated circuit chip with signal processing capabilities. During implementation, each step of the above method can be completed by an integrated logic circuit of hardware in the processor 100 or by instructions in the form of software. The above-mentioned processor 100 may be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it may also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The various methods, steps, and logic block diagrams disclosed in the embodiments of the present disclosure can be implemented or executed. The general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc. The steps of the method disclosed in conjunction with the embodiments of the present disclosure can be directly embodied as being executed by a hardware decoding processor, or executed by a combination of hardware and software modules in the decoding processor. The software module can be located in a storage medium well-known in the art, such as a random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, or register. The storage medium is located in the memory 101. The processor 100 reads the information in the memory 101 and, in conjunction with its hardware, completes the steps of the method of the aforementioned embodiment.

[0078] The processor in the electronic device may implement the following operations in the virtual component editing method by executing machine-executable instructions:

[0079] An editing scene provided by running an application is displayed on a graphical user interface; the editing scene includes at least one pre-created virtual component; in response to a touch operation on a first virtual component of the at least one virtual component, a property list is displayed on the graphical user interface; a plurality of property options are displayed in the property list; and in response to a selection operation on a target option in the property list, the properties of the first virtual component are updated based on the target option. In this method, by performing a touch operation on the first virtual component, various property options are displayed on the graphical user interface, and the user can update the properties of the first virtual component by selecting the target option. This reduces the number of operation steps and improves editing efficiency, thereby enhancing the user's editing experience and creative enthusiasm.

[0080] After the above-mentioned step of responding to the touch operation of the first virtual component in at least one virtual component, the method also includes: displaying a preset logo in a designated area of the graphical user interface, and issuing a vibration reminder through the terminal device; the designated area is the touch position of the touch operation or the preset position of the first virtual component.

[0081] The above-mentioned step of responding to the selection operation of the target option in the attribute list and updating the properties of the first virtual component based on the target option includes: responding to the drag operation of the preset identifier and controlling the preset identifier to move following the drag operation; in response to the preset identifier being dragged to the target area corresponding to the target option, updating the properties of the first virtual component based on the target option.

[0082] The above method also includes: in response to the end of the drag operation, and when the drag operation ends, the preset identifier is located in the target area corresponding to the target option, determining that the properties of the first virtual component are updated to the properties corresponding to the target option, and canceling the display of the preset identifier and property list.

[0083] The above-mentioned step of updating the properties of the first virtual component based on the target option in response to the selection operation of the target option in the property list includes: responding to the click operation of the target option in the property list, determining that the properties of the first virtual component are updated to the properties corresponding to the target option.

[0084] The above method further includes: in response to a click operation on a close control corresponding to the preset identifier, canceling the display of the preset identifier and the attribute list.

[0085] The above method further includes: in response to creating a second virtual component in the editing scene, canceling the display of the preset identifier and the property list.

[0086] The above touch operation is a double-click operation or a long press operation. The above touch operation and drag operation are continuous operations.

[0087] This embodiment further provides a machine-readable storage medium storing machine-executable instructions. When the machine-executable instructions are called and executed by a processor, the machine-executable instructions prompt the processor to implement the above-mentioned virtual component editing method.

[0088] The machine-executable instructions stored in the machine-readable storage medium can implement the following operations in the virtual component editing method by executing the machine-executable instructions:

[0089] An editing scene provided by running an application is displayed on a graphical user interface; the editing scene includes at least one pre-created virtual component; in response to a touch operation on a first virtual component of the at least one virtual component, a property list is displayed on the graphical user interface; a plurality of property options are displayed in the property list; and in response to a selection operation on a target option in the property list, the properties of the first virtual component are updated based on the target option. In this method, by performing a touch operation on the first virtual component, various property options are displayed on the graphical user interface, and the user can update the properties of the first virtual component by selecting the target option. This reduces the number of operation steps and improves editing efficiency, thereby enhancing the user's editing experience and creative enthusiasm.

[0090] After the above-mentioned step of responding to the touch operation of the first virtual component in at least one virtual component, the above-mentioned method also includes: displaying a preset logo in a designated area of the graphical user interface, and issuing a vibration reminder through the terminal device; the designated area is the touch position of the touch operation or the preset position of the first virtual component.

[0091] The above-mentioned step of responding to the selection operation of the target option in the attribute list and updating the properties of the first virtual component based on the target option includes: responding to the drag operation of the preset identifier and controlling the preset identifier to move following the drag operation; in response to the preset identifier being dragged to the target area corresponding to the target option, updating the properties of the first virtual component based on the target option.

[0092] The above method also includes: in response to the end of the drag operation, and when the drag operation ends, the preset identifier is located in the target area corresponding to the target option, determining that the properties of the first virtual component are updated to the properties corresponding to the target option, and canceling the display of the preset identifier and property list.

[0093] The above-mentioned step of updating the properties of the first virtual component based on the target option in response to the selection operation of the target option in the property list includes: responding to the click operation of the target option in the property list, determining that the properties of the first virtual component are updated to the properties corresponding to the target option.

[0094] The above method further includes: in response to a click operation on a close control corresponding to the preset identifier, canceling the display of the preset identifier and the attribute list.

[0095] The above method further includes: in response to creating a second virtual component in the editing scene, canceling the display of the preset identifier and the property list.

[0096] The above touch operation is a double-click operation or a long press operation. The above touch operation and drag operation are continuous operations.

[0097] The computer program product of the virtual component editing method, device and system provided in the embodiments of the present disclosure includes a computer-readable storage medium storing program code. The instructions included in the program code can be used to execute the methods described in the previous method embodiments. The specific implementation can be found in the method embodiments and will not be repeated here.

[0098] Those skilled in the art will clearly understand that, for the convenience and brevity of description, the specific working processes of the above-described systems and devices can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0099] In addition, in the description of the embodiments of the present disclosure, unless otherwise expressly specified or limited, the terms "installed," "connected," and "connected" should be understood in a broad sense. For example, they can refer to fixed connections, detachable connections, or integral connections; they can refer to mechanical connections or electrical connections; they can refer to direct connections or indirect connections through an intermediate medium; and they can refer to internal connections between two components. Those skilled in the art will understand the specific meanings of the above terms in the present disclosure based on the specific circumstances.

[0100] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present disclosure. The aforementioned storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0101] In the description of this disclosure, it should be noted that the terms "center," "upper," "lower," "left," "right," "vertical," "horizontal," "inner," and "outer," etc., indicating orientations or positional relationships, are based on the orientations or positional relationships shown in the accompanying drawings and are intended solely to facilitate the description of this disclosure and simplify the description. They do not indicate or imply that the devices or components referred to must have a specific orientation, be constructed, or operate in a specific orientation. Therefore, they should not be construed as limitations on this disclosure. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance.

[0102] Finally, it should be noted that the above embodiments are only specific implementation methods of the present disclosure, which are used to illustrate the technical solutions of the present disclosure, rather than to limit them. The scope of protection of the present disclosure is not limited thereto. Although the present disclosure has been described in detail with reference to the above embodiments, those skilled in the art should understand that any person skilled in the art can modify or easily conceive of changes to the technical solutions described in the above embodiments within the technical scope disclosed in the present disclosure, or replace some of the technical features therein with equivalents. Such modifications, changes, or replacements do not deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be included in the scope of protection of the present disclosure. Therefore, the scope of protection of the present disclosure should be based on the scope of protection of the claims.

Claims

1. A method for editing a virtual component, characterized in that: The method comprises: Displaying an editing scene provided by running the application on a graphical user interface; the editing scene includes at least one pre-created virtual component; In response to a touch operation on a first virtual component of the at least one virtual component, displaying a property list on the graphical user interface; the property list displays a plurality of property options; In response to a selection operation on a target option in the property list, the property of the first virtual component is updated based on the target option.

2. The method according to claim 1, characterized in that After the step of responding to a touch operation on a first virtual component among the at least one virtual component, the method further includes: A preset logo is displayed in a designated area of the graphical user interface, and a vibration reminder is issued through the terminal device; the designated area is the touch position of the touch operation or the preset position of the first virtual component.

3. The method according to claim 2, characterized in that In response to a selection operation on a target option in the property list, the step of updating the properties of the first virtual component based on the target option includes: In response to a drag operation on the preset marker, controlling the preset marker to move following the drag operation; In response to the preset identifier being dragged to a target area corresponding to a target option, the properties of the first virtual component are updated based on the target option.

4. The method according to claim 3, characterized in that The method further comprises: In response to the drag operation ending and the preset identifier being located in the target area corresponding to the target option when the drag operation ends, it is determined that the properties of the first virtual component are updated to the properties corresponding to the target option, and the preset identifier and the property list are canceled.

5. The method according to claim 2, characterized in that In response to a selection operation on a target option in the property list, the step of updating the properties of the first virtual component based on the target option includes: In response to a click operation on a target option in the attribute list, it is determined that the attributes of the first virtual component are updated to the attributes corresponding to the target option.

6. The method according to claim 5, characterized in that The method further comprises: In response to a click operation on a close control corresponding to the preset identifier, the preset identifier and the attribute list are canceled from display.

7. The method according to claim 5, characterized in that The method further comprises: In response to creating a second virtual component in the editing scene, the preset identifier and the property list are canceled from being displayed.

8. The method according to claim 1, characterized in that The touch operation is a double-click operation or a long-press operation.

9. The method according to claim 3, characterized in that The touch operation and the drag operation are continuous operations.

10. A virtual component editing device, characterized in that: The device comprises: A scene display module, configured to display an editing scene provided by running an application program on a graphical user interface; the editing scene includes at least one pre-created virtual component; a list display module, configured to display a property list in the graphical user interface in response to a touch operation on a first virtual component in the at least one virtual component; the property list displays a plurality of property options; The property updating module is configured to respond to a selection operation on a target option in the property list and update the property of the first virtual component based on the target option.

11. An electronic device, characterized in that: The method comprises a processor and a memory, wherein the memory stores computer-executable instructions that can be executed by the processor, and the processor executes the computer-executable instructions to implement the virtual component editing method according to any one of claims 1 to 9.

12. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the virtual component editing method according to any one of claims 1 to 9.

Images