Object editing method and device, electronic equipment and storage medium

Abstract

The invention provides an object editing method and device, electronic equipment and a storage medium, and the method comprises the steps: providing a user interface in an editor for displaying an editing background and introducing at least one virtual object in the editing background; and in response to any one of a selection operation, a movement operation, a rotation operation and a zooming operation executed by a user on the virtual object, displaying an editing module on the virtual object in an overlapping manner, the editing module being used for interacting with the user to edit the virtual object. By means of the object editing method, a user can conveniently edit and adjust the virtual object, and the editing experience and operation flexibility of the user are enhanced.

Description

Technical Field

[0001] The present application relates to the field of augmented reality technology, and in particular to an object editing method, device, electronic device and storage medium. Background Art

[0002] With the rapid development of augmented reality (AR) and virtual reality (VR) technologies, users are increasingly demanding the ability to interact with virtual objects in real scenes. In order to achieve better user experience and interactive effects, in these application scenarios, editing virtual objects becomes crucial to adjust their position and posture in real scenes. By editing, virtual objects can be better integrated into the real environment, interact with real objects, or display better effects.

[0003] However, since editing virtual objects usually requires the use of professional design and modeling software (such as CAD software or 3Dmax 3D modeling software), it may be too complicated for non-professionals and take a lot of time and effort. Therefore, it is necessary to provide an intuitive, reliable and efficient object editing method so that ordinary people can also easily edit virtual objects, thereby improving user experience and interaction effects. Summary of the invention

[0004] The present application provides an object editing method, device, electronic device and storage medium to solve the problems existing in the existing editing of virtual objects.

[0005] In a first aspect, the present application provides an object editing method, which is applied to an editor on a web page, and the object editing method includes:

[0006] Providing a user interface in the editor for displaying an editing background and introducing at least one virtual object in the editing background;

[0007] In response to the user performing any one of a selection operation, a movement operation, a rotation operation and a scaling operation on the virtual object, an editing module is superimposed and displayed on the virtual object, and the editing module is used to interact with the user to edit the virtual object.

[0008] In one embodiment of the present application, the editing module includes a first editing tool, which includes a center point, a plurality of single axes extending from the center point, and an arc between every two adjacent single axes.

[0009] In an embodiment of the present application, the editing module further includes a second editing tool, and the second editing tool includes a positioning box and at least one zoom point for performing a zoom operation.

[0010] In one embodiment of the present application, the editing module further includes a third editing tool, and the third editing tool includes a zoom box for performing zoom operations.

[0011] In an embodiment of the present application, in response to the user performing the selection operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0012] Displaying at least one virtual object on a first area of ​​the user interface, and displaying a virtual object identifier of the at least one virtual object on a second area of ​​the user interface;

[0013] In response to a user clicking on any virtual object in the first area or clicking on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the second editing tool superimposed on any virtual object are displayed so that the virtual object is in a selected state.

[0014] In an embodiment of the present application, in response to the user performing the move operation on the virtual object, the step of superimposing an editing module on the virtual object includes:

[0015] In response to a user clicking an operation of a single axis of the first editing tool, highlighting the single axis so that the virtual object can move along the direction of the single axis;

[0016] In response to a user clicking on a center point of the first editing tool, the center point is highlighted so that the virtual object can be moved in any direction.

[0017] In an embodiment of the present application, in response to the user performing the move operation on the virtual object, the step of superimposing an editing module on the virtual object further includes:

[0018] In response to the user selecting the virtual object for a long time, the user is allowed to move the virtual object in any direction, and the first editing tool and the second editing tool are hidden.

[0019] In an embodiment of the present application, in response to the user performing the rotation operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0020] In response to a user clicking an arc of the first editing tool, highlighting the arc so that the virtual object can rotate along the arc;

[0021] In response to the user performing a rotation operation on the virtual object, the arc is replaced with a rotation axis style, the rotation axis style is highlighted, and the current rotation degree is displayed in the rotation axis style.

[0022] In an embodiment of the present application, in response to the user performing the zoom operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0023] In response to a user's cursor moving to a zoom point of the second editing tool, replacing the zoom point with a zoom style so that the virtual object can be zoomed;

[0024] In response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

[0025] In an embodiment of the present application, in response to the user performing the selection operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0026] Displaying at least one virtual object on a first area of ​​the user interface, and displaying a virtual object identifier of the at least one virtual object on a second area of ​​the user interface;

[0027] In response to a user clicking on any virtual object in the first area or clicking on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the third editing tool superimposed on any virtual object are displayed so that the virtual object is in a selected state.

[0028] In an embodiment of the present application, in response to the user performing the zoom operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object further includes:

[0029] In response to a user's cursor moving to a zoom box of the third editing tool, a zoom style is displayed in the zoom box to enable the virtual object to be zoomed;

[0030] In response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

[0031] In a second aspect, the present application further provides an object editing device, which is applied to a web page, and the object editing device includes:

[0032] A user interface module, used for providing a user interface for displaying an editing background and introducing at least one virtual object into the editing background;

[0033] The execution module is used to display an editing module superimposed on the virtual object in response to the user performing any one of a selection operation, a movement operation, a rotation operation and a scaling operation on the virtual object, and the editing module is used to interact with the user to edit the virtual object.

[0034] In a third aspect, the present application further provides an electronic device, which is used to execute the object editing method described in any one of the first aspects above.

[0035] In a fourth aspect, the present application further provides a non-transitory computer-readable storage medium having a computer program stored thereon, and when the computer program is executed by a processor, the steps of the object editing method as described in any one of the above-mentioned first aspects are implemented.

[0036] The present application provides an object editing method, device, electronic device and storage medium, which provides an intuitive user interface, displays the editing background and virtual objects on the web page, and provides users with a visual editing environment. In addition, the editing module is displayed in response to user operations and superimposed on the selected virtual object, so that the user can directly edit the virtual object. The editing module interacts with the user and can provide various editing tools and operation methods, allowing the user to select, move, rotate and scale virtual objects. Through the object editing method described in the present application, users can easily edit and adjust virtual objects, enhancing the user's editing experience and operational flexibility. BRIEF DESCRIPTION OF THE DRAWINGS

[0037] In order to more clearly illustrate the technical solutions in the present application or the prior art, a brief introduction will be given below to the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0038] Figure 1A is a flow chart of the object editing method provided by the present application;

[0039] Figure 1B is a schematic diagram of a first editing tool provided by the present application;

[0040] Figure 1C is a schematic diagram of a second editing tool provided by the present application;

[0041] Figure 1D is a schematic diagram of a third editing tool provided by the present application;

[0042] Figure 2A This is one of the schematic diagrams of the selection operation provided in the first embodiment of the present application;

[0043] Figure 2B This is the second schematic diagram of the selection operation provided in the first embodiment of the present application;

[0044] Figure 2C This is the third schematic diagram of the selection operation provided in the first embodiment of the present application;

[0045] Figure 3A This is one of the schematic diagrams of the mobile operation provided in the second embodiment of the present application;

[0046] Figure 3B This is the second schematic diagram of the mobile operation provided in the second embodiment of the present application;

[0047] Figure 4A This is one of the schematic diagrams of the rotation operation provided in the third embodiment of the present application;

[0048] Figure 4B This is the second schematic diagram of the rotation operation provided in the third embodiment of the present application;

[0049] Figure 5A This is one of the schematic diagrams of the zoom operation provided in the fourth embodiment of the present application;

[0050] Figure 5B This is the second schematic diagram of the zoom operation provided in the fourth embodiment of the present application;

[0051] Fig. 6A is a schematic diagram of a selection operation provided in Embodiment 5 of the present application;

[0052] Figure 6B This is one of the schematic diagrams of the zoom operation provided in Embodiment 5 of the present application;

[0053] Figure 6C This is the second schematic diagram of the zoom operation provided in the fifth embodiment of the present application;

[0054] Figure 7 is a schematic diagram of an object editing device provided by the present application;

[0055] Figure 8 It is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0056] In order to make the purpose, technical solutions and advantages of this application clearer, the technical solutions in this application will be clearly and completely described below in conjunction with the drawings in this application. Obviously, the described embodiments are part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0057] The terms "first", "second", etc. in the specification and claims of this application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the terms used in this way can be interchanged where appropriate, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein.

[0058] In order to solve the problems existing in the existing editing of virtual objects, the present invention provides an object editing method, device and object editing device, which provides an intuitive user interface, displays the editing background and virtual objects on the web page, and provides users with a visual editing environment. In addition, in response to user operations, an editing module is superimposed and displayed on the selected virtual object, so that the user can directly edit the virtual object. The editing module interacts with the user and can provide various editing tools and operating methods, so that the user can select, move, rotate and scale virtual objects. Through the object editing method described in this application, users can easily edit and adjust virtual objects, enhancing the user's editing experience and operational flexibility.

[0059] Combine the following Figure 1A-Figure 8 The object editing method, device and object editing device of the present invention are described.

[0060] Please refer to Figure 1A , Figure 1A : is a flow chart of an object editing method provided by the present application. An object editing method is applied to an editor on a web page, and the method comprises:

[0061] Step 101: providing a user interface in the editor for displaying an editing background and introducing at least one virtual object into the editing background.

[0062] This step can be achieved by providing a user interface, displaying the editing background and introducing virtual objects. The editor can realize the function of presenting virtual objects in the editing background. Users can preview and adjust the position of virtual objects in the editor to better understand and make decisions, and combine virtual objects with actual scenes to achieve augmented reality effects.

[0063] Specifically, the editing background represents a three-dimensional space, such as a virtual canvas or window, or an actual environment in the real world, etc., wherein a two-dimensional identification map, picture, photo or digital twin model can also be added to the editing background, so as to align the virtual object with the real scene and realize the function of presenting the virtual object in the real scene. The digital twin model is a digital processing of the real scene to create a virtual simulation environment corresponding to the real scene.

[0064] In some embodiments, a web page user interface is created to provide interactive elements and a toolbar so that users can operate and edit. In addition, an area can be created in the user interface to display the editing background.

[0065] In some embodiments, the user can use the tools on the user interface provided by the editor to introduce virtual objects into the editing background. Virtual objects can be in the form of two-dimensional / three-dimensional models, images, text, graffiti, geometric shapes, videos, audios, hyperlinks, applets, forms, PDF files, office documents, sensor information, etc. The user can select, move, and adjust the position and size of the virtual object in the editor. The editor will render and present the virtual objects edited by the user in real time, and the user can observe the effect of the virtual objects in the user interface of the editor in the real scene, and provide feedback and adjustments as needed, for example, the position, angle, size and other parameters of the virtual object can be changed to make it better adapt to the real scene and meet the needs. After the editing is completed and published, other user devices use computer graphics and visual enhancement technology to superimpose the virtual object on the real scene according to the editing results in the editor, so that it looks integrated with the actual object.

[0066] Step 102, in response to the user performing any one of a selection operation, a move operation, a rotation operation and a scaling operation on the virtual object, an editing module is superimposed and displayed on the virtual object, and the editing module is used to interact with the user to edit the virtual object.

[0067] Specifically, the selection operation means that the user can select the virtual object by clicking, touching, pressing, speaking, or gesturing. The move operation means that the user can move the position of the selected virtual object by using the tools in the editing module. The rotation operation means that the user can rotate the selected virtual object by using the tools in the editing module to change its direction or angle. The scaling operation means that the user can adjust the size of the selected virtual object by using the tools in the editing module.

[0068] Specifically, the editor provides a user interface that displays virtual objects and editing modules. Users can interact with virtual objects through mouse, touch, key, voice or gesture, and operate through the editing module.

[0069] For example, when a user selects a virtual object, the editor will add a visual identifier (such as a border, a mark, etc.) to the virtual object to prompt the user that the object has been selected.

[0070] For example, the user can select the move tool in the editing module, and then directly drag the move tool on the editor interface to change the position of the selected virtual object. The position can also be precisely adjusted through the keyboard or numerical input.

[0071] For example, the user can select a rotation tool in the editing module and then slide along the rotation tool on the editor interface to change the direction or angle of the selected virtual object.

[0072] For example, the user can select a zoom tool in the editing module, and then drag the zoom tool on the editor interface to adjust the size of the selected virtual object.

[0073] For example, please refer to Figure 1B , Figure 1B is a schematic diagram of the first editing tool provided by the present application. The editing module includes the first editing tool, and the first editing tool includes a center point, multiple single axes extending from the center point, and an arc between every two adjacent single axes. The first editing tool can provide a user with an intuitive way to perform editing operations on virtual objects.

[0074] Among them, the multiple single axes can be three mutually perpendicular single axes, each single axis represents the direction of a specific axis (for example, representing the up and down, left and right, front and back directions respectively), which can be used to indicate the moving direction of the virtual object. The user can edit the position of the virtual object by moving the single axis, thereby providing a more flexible and free editing method. Specifically, by selecting a single axis or selecting a center point, the user can move the virtual object in the corresponding axis or in any direction to change its position; by selecting or moving and hovering on an arc, the user can rotate the virtual object on the corresponding arc to change its direction or angle. Therefore, the single axis provides the direction of movement, the center point can provide movement in any direction, and the arc between adjacent single axes provides a rotation function, so that the user can perform editing operations more flexibly to meet different needs and positioning of virtual objects.

[0075] For example, please refer to Figure 1C , Figure 1C is a schematic diagram of a second editing tool provided by the present application. The editing module also includes a second editing tool, and the second editing tool includes a positioning box and at least one zoom point for performing a zoom operation. The positioning box can help the user confirm the virtual object that has been selected, and the zoom point provides the location and interaction method of the zoom operation.

[0076] Specifically, the positioning box can be a visual border or frame used to identify and surround virtual objects, helping users to more accurately locate and adjust virtual objects. The style of the positioning box is not limited, and can be a fixed shape, such as a fixed rectangle, sphere, etc., or it can change with the shape of the virtual object. For example, when the virtual object is spherical, the shape of the positioning box is also spherical. The positioning box can fit the virtual object or be separated from the virtual object by a certain distance. There is no limitation here. The zoom point can be one or more special points on the positioning box, such as vertices, etc., used to indicate the area where zoom operations can be performed. Users can adjust the size of the virtual object in the positioning box to perform zoom operations by operating the zoom point. The zoom point will change visually according to the user's interaction state to reflect the style of the zoom operation, such as changes in shape or color, thereby indicating that the user can currently perform a zoom operation.

[0077] For example, please refer to Figure 1D , Figure 1D is a schematic diagram of the third editing tool provided by the present application. As another way to implement zooming, the editing module also includes a third editing tool, which includes a zoom box for performing zooming operations. The third editing tool displays the area where zooming operations can be performed to the user, thereby helping the user to accurately locate and adjust the zoom of the virtual object. The user can interact with the zoom box, for example, by moving the cursor to the zoom box with a mouse, pressing and dragging, to achieve precise adjustment of the size of the virtual object. In this way, the user can more conveniently perform zooming operations to meet the needs of the virtual object.

[0078] Specifically, the zoom box can be a special area or border, which is used to indicate the area where the zoom operation can be performed. It can be a rectangular, circular or other shaped graphics, and can be placed around the object being edited.

[0079] In summary, the above steps 101 and 102 solve the problem of how to allow the user to introduce a virtual object into the editing background through the editor, and to intuitively perform editing operations such as selecting, moving, rotating and scaling the virtual object. In addition, an editing module is superimposed on the virtual object so that the user can interact with it and edit the virtual object.

[0080] The above steps 101 to 102 are described below in conjunction with specific embodiments.

[0081] Example 1: Select Operation

[0082] Exemplarily, in the above step 102, in response to the user performing the selection operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0083] Step 1021: display at least one virtual object in a first area of ​​the user interface, and display a virtual object identifier of the at least one virtual object in a second area of ​​the user interface.

[0084] For some examples, please refer to Figure 2A , Figure 2A This is one of the schematic diagrams of the selection operation provided in the first embodiment of the present application. Two areas can be set in the user interface, namely the first area and the second area. Figure 2A The following operation effects are shown:

[0085] First area: at least one virtual object is displayed in this area. The virtual object can be a virtual element (including but not limited to 3D models, videos, audios, images, texts, documents, forms, sensor information, etc.) introduced through the editor and displayed in the real scene. Displaying the virtual object in the first area allows users to directly observe, operate and interact with it.

[0086] Second area (not shown in this application): a virtual object identifier of at least one virtual object is displayed on this area. The identifier of a virtual object is usually a small icon, symbol, virtual object name, virtual object name, ID number or other visual representation, which is used to represent a specific virtual object. It can be a reference mark for identifying and selecting a virtual object.

[0087] Through this design, by displaying virtual objects and their identifiers in different areas, users can intuitively observe and operate virtual objects in the first area and quickly find the identifier of the corresponding virtual object in the second area. This layout design can provide a clearer and more intuitive user experience, making it easier for users to manage and process virtual objects in the editor.

[0088] Optionally, in step 1022, in response to the user's operation of moving the cursor to any virtual object identifier in the second area, a positioning box of the second editing tool is superimposed and displayed on the periphery of the virtual object corresponding to any virtual object identifier in the first area, or, in response to the user's operation of moving the cursor to any virtual object in the first area, a positioning box of the second editing tool is superimposed and displayed on the periphery of any virtual object in the first area.

[0089] For some examples, please refer to Figure 2B , Figure 2B This is the second schematic diagram of the selection operation provided in Example 1 of the present application. Figure 2B The following operation effects are shown:

[0090] The first type: when the user moves the cursor to any virtual object identifier in the second area, a positioning frame of the second editing tool will be superimposed and displayed around the virtual object corresponding to the virtual object identifier in the first area. That is, when the user hovers the cursor over any virtual object identifier in the second area, the editor will add a positioning frame effect around the virtual object corresponding to the virtual object identifier in the first area. This superimposed display allows the user to locate the virtual object and further select or operate the virtual object.

[0091] The second type: When the user moves the cursor to any virtual object in the first area, a positioning frame of the second editing tool will be superimposed and displayed around the virtual object. That is, when the user hovers the cursor over any virtual object in the first area, the editor will add an effect of displaying a positioning frame for the virtual object. Through the positioning frame, the user can see the boundary and position of the virtual object more clearly, so as to locate and adjust the virtual object.

[0092] It should be noted that Figure 2B The zoom point for the secondary editing tool is not displayed.

[0093] Through this design, when the user performs corresponding operations (such as hovering) on ​​the first area or the second area, the system will help the user to more accurately locate the hovered virtual object by displaying the positioning frame of the second editing tool. Such a design can provide a more intuitive and convenient interface interaction, allowing users to edit and operate virtual objects more accurately.

[0094] Step 1023, in response to the user clicking on any virtual object in the first area or clicking on a virtual object identifier corresponding to any virtual object in the second area, displaying a first editing tool and a second editing tool superimposed on any virtual object so that the virtual object is in a selected state.

[0095] For some examples, please refer to Figure 2C , Figure 2C This is the third schematic diagram of the selection operation provided in Example 1 of the present application. Figure 2C The following operation effects are shown:

[0096] When the user clicks on any virtual object in the first area or clicks on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the second editing tool superimposed on the clicked virtual object will be displayed. Such display superposition will make the clicked virtual object in a selected state. In the selected state, it means that the user can edit the virtual object or perform other related interactive operations.

[0097] It should be noted that Figure 2C The positioning box and zoom point for the secondary editing tool appear.

[0098] Through this design, when a user clicks on a virtual object or clicks on a virtual object logo, the editor will overlay the corresponding first editing tool and second editing tool on the virtual object. These tools provide editing options and operation functions for the virtual object, allowing the user to more conveniently perform operations such as moving, rotating, and scaling. At the same time, placing the virtual object in a selected state enables the editor to accurately respond to the user's subsequent operations and provide a relevant editing interface.

[0099] The following embodiments 2 to 4 are based on Figure 2C The moving operation, rotating operation and scaling operation performed in the selected state are shown.

[0100] Example 2: Mobile Operation

[0101] Exemplarily, in the above step 102, in response to the user performing the move operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0102] Step 1031, in response to the user clicking on a single axis of the first editing tool, highlighting the single axis so that the virtual object can move along the direction of the single axis.

[0103] For some examples, please refer to Figure 3A , Figure 3A This is one of the schematic diagrams of the mobile operation provided in Example 2 of the present application. Figure 3A The following operation effects are shown:

[0104] When the user clicks on a single axis in the first editing tool, the single axis will be highlighted so that the virtual object can be moved along the direction of the single axis.

[0105] Specifically, the single axis in the first editing tool is a tool for performing axial (e.g., up and down, left and right, front and back) movement operations to determine the position of the virtual object in three-dimensional space. It can be a straight line or an axis that provides movement in two opposite directions, such as up and down, left and right, or front and back, etc. When the user clicks on a single axis in the first editing tool, the single axis will be highlighted with special visual effects (such as color changes, thickness changes, etc.) to prompt the user of the currently selected single axis. The highlighted single axis indicates that the user can move the virtual object along the axial direction of the single axis. After clicking the single axis with the mouse, the user can hold down the mouse and drag the single axis along the axial direction to achieve the movement of the virtual object in the corresponding direction.

[0106] With this design, users can intuitively use a single axis in the first editing tool to move virtual objects. The highlighted single axis provides a direction indicator, allowing users to accurately move the virtual object in the corresponding direction and adjust its position to achieve the desired effect.

[0107] Step 1032, in response to the user clicking the center point of the first editing tool, highlighting the center point so that the virtual object can be moved in any direction.

[0108] For some examples, please refer to Figure 3B , Figure 3B This is the second schematic diagram of the mobile operation provided in Example 2 of the present application. Figure 3B The following operation effects are shown:

[0109] When the user clicks the center point of the first editing tool, the center point will be highlighted so that the user can move the virtual object in any direction.

[0110] Specifically, the first editing tool includes a center point, which can be used to represent the overall position of the virtual object. When the user clicks the center point of the first editing tool, the editor will give the user a visual prompt by highlighting the center point. The highlighted center point indicates that the user can move the virtual object in any direction through the center point. After the mouse clicks the center point, the user can hold down the mouse and drag the center point to move the virtual object in any direction. By moving the center point, the user can change the position of the virtual object in the scene.

[0111] This design enables users to move virtual objects to the desired location in any direction as needed. The highlighting of the center point helps users accurately select and control the movement operation and provides an intuitive way to edit the position of virtual objects.

[0112] Exemplarily, in the above step 102, in response to the user performing the move operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object further includes:

[0113] Step 1033, in response to the user selecting the virtual object for a long time, allowing the user to move the virtual object in any direction, and hiding the first editing tool and the second editing tool.

[0114] As an alternative Figure 3B Another way to implement this is

[0115] When the user selects the virtual object for a long time, the system allows the user to move the virtual object in any direction and hides the first editing tool and the second editing tool.

[0116] Specifically, when the user selects a virtual object for a long time, it means that the user wants to move the virtual object. In this case, the system allows the user to move the virtual object in any direction. The user can use a mouse or other input device to long press the selected virtual object and drag it to achieve the moving operation. At the same time, in order to provide a better editing experience and visual neatness, the first editing tool and the second editing tool will be hidden. In this way, the user can focus on moving the virtual object without being disturbed or blocked by the editing tools.

[0117] Through this design, the system allows users to select virtual objects for a long time and move virtual objects in a more free manner. At the same time, hiding the first editing tool and the second editing tool can provide a clearer and highly focused editing interface, allowing users to better operate virtual objects and improve editing efficiency and operating experience.

[0118] Example 3: Rotation Operation

[0119] Exemplarily, in the above step 102, in response to the user performing a rotation operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0120] Step 1041, in response to the user's cursor moving to an arc of the first editing tool, highlighting the arc so that the virtual object can rotate along the arc.

[0121] For some examples, please refer to Figure 4A , Figure 4A This is one of the schematic diagrams of the rotation operation provided in Example 3 of the present application. Figure 4A The following operation effects are shown:

[0122] When the user's cursor moves to an arc in the first editing tool, the arc will be highlighted so that the user can rotate the virtual object along the arc.

[0123] Specifically, the first editing tool includes an arc for rotation operation, and the virtual object can be rotated along the rotation axis of the arc, so different arcs correspond to different rotation directions, and the arc can be an arc or a partial arc. When the user's cursor moves to an arc in the first editing tool, the arc will be highlighted to provide a visual prompt. The highlighted arc indicates that the user can rotate the virtual object by pressing and dragging the mouse - rotating along the rotation axis of the arc. The user can adjust the rotation angle of the virtual object along the rotation axis of the arc. In some embodiments, optionally, as Figure 4A As shown, three arcs are displayed, indicating that the virtual object can be rotated in three directions.

[0124] This design allows users to control the rotation of virtual objects through intuitive interface elements (such as arcs). The highlighted arc helps users accurately select the arc and provides an intuitive way to edit the rotation angle of the virtual object. Users can hold down the mouse and drag to rotate the virtual object.

[0125] Step 1042, in response to the user performing a rotation operation on the virtual object, the arc is replaced with a rotation axis style, and the current rotation degree is displayed in the rotation axis style.

[0126] For some examples, please refer to Figure 4B , Figure 4B This is the second schematic diagram of the rotation operation provided in Example 3 of the present application. Figure 4B The following operation effects are shown:

[0127] When the user performs a rotation operation on the virtual object, the system replaces the arc with a rotation axis style and displays the current rotation degree in the rotation axis style. Optionally, after the system replaces the arc with the rotation axis style, the rotation axis style is highlighted.

[0128] Specifically, when the user performs a rotation operation on a virtual object, the system uses the rotation axis style instead of the previously selected arc style. The rotation axis can be a straight line or an axis line that indicates the direction of rotation. Optionally, if the rotation axis style is highlighted, the highlighted rotation axis style indicates that the user is currently performing a rotation operation, providing visual feedback. In the rotation axis style, the current rotation degree is displayed, for example Figure 4B The rotation degree shown is 30°, so that the user can intuitively know the degree of rotation of the virtual object. Optionally, in order to provide a clearer, simpler interface and focus, the first editing tool and the second editing tool will be hidden so that the user can better focus on the rotation operation.

[0129] With this design, when the user performs a rotation operation, the interface will more intuitively display the rotation axis style and the current rotation degree to provide a better editing experience and operational convenience. In this way, the user can more accurately control the rotation of the virtual object and quickly obtain the current rotation information.

[0130] Example 4: Zoom operation

[0131] Exemplarily, in the above step 102, in response to the user performing a zoom operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object includes:

[0132] Step 1051, in response to the user's cursor moving to a zoom point of the second editing tool, the cursor is replaced with a zoom style to enable the virtual object to be zoomed.

[0133] For some examples, please refer to Figure 5A , Figure 5A This is one of the schematic diagrams of the zoom operation provided in Example 4 of the present application. Figure 5A The following operation effects are shown:

[0134] When the user moves the cursor to a zoom point in the second editing tool, the system replaces the cursor with a zoom style so that the user can zoom in and out on the virtual object.

[0135] Specifically, the second editing tool includes a zoom point for performing a zoom operation. The zoom point represents the zoom control point of the virtual object in different directions. When the user moves the cursor to a zoom point in the second editing tool, the system replaces the cursor with a specific zoom style. Optionally, at this time, the zoom point is highlighted. The zoom style can be an icon or symbol used to indicate that a zoom operation can be performed. The zoom style can increase the user's perception and intuitive understanding of the zoom operation, and the user can make precise zoom adjustments to meet the size requirements of the virtual object. Displaying the zoom style provides a visual way to show that a zoom operation can be performed, so that the user knows that the current tool is used for zooming, and provides an intuitive interactive interface.

[0136] By replacing the cursor with a zoom style, users can intuitively know how to perform a zoom operation and can zoom the virtual object.

[0137] This design allows the user to scale the virtual object by moving the cursor and selecting the corresponding scaling point. Through visual feedback, the user can clearly understand the scaling points that can be used for scaling operations and can easily adjust the scale of the object.

[0138] Step 1052, in response to the user pressing and dragging the zoomed style to perform a zoom operation, the first editing tool is hidden.

[0139] For some examples, please refer to Figure 5B , Figure 5B This is the second schematic diagram of the zoom operation provided in Example 4 of the present application. Figure 5B The following operation effects are shown:

[0140] When the user moves the cursor to a zoom point, the system replaces the cursor with the zoom style, and then, when the user presses and drags the zoom style, the system responds and performs the zoom operation and hides the first editing tool at the same time.

[0141] Specifically, when the user moves the mouse to move the cursor to a certain zoom point, the user can perform a zoom operation by pressing and dragging the zoom style (which can be understood as the user pressing and dragging the mouse). When the user presses and drags the zoom style, the system responds to the user's operation and performs the zoom operation in real time. The user can adjust the zoom scale of the virtual object by dragging. For example, dragging toward the virtual object is to zoom out, dragging away from the virtual object is to zoom in, and so on. At the same time, in order to provide a clearer interface and focus on the zoom operation, the first editing tool will be hidden. In this way, the user can handle the zoom operation more centrally without being disturbed by other editing tools.

[0142] Through this design, when the user presses and drags the zoom style, the system will perform real-time zoom operations according to the user's operation to change the size of the virtual object. Hiding the first editing tool can provide a clearer and simpler interface, allowing users to better focus on the zoom operation and improve the accuracy and efficiency of the operation.

[0143] Example 5: Zoom operation

[0144] As another implementation of the zoom operation, illustratively, in the above step 102, in response to the user performing a selection operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object further includes:

[0145] Step 1061: display at least one virtual object in a first area of ​​the user interface, and display a virtual object identifier of the at least one virtual object in a second area of ​​the user interface.

[0146] Step 1062, in response to the user clicking on any virtual object in the first area or clicking on a virtual object identifier corresponding to any virtual object in the second area, displaying the first editing tool and the third editing tool superimposed on any virtual object so that the virtual object is in a selected state.

[0147] Optionally, before step 1062, the method further includes: in response to the user's operation of moving the cursor to any virtual object identifier in the second area, a positioning frame is superimposed and displayed on the periphery of the virtual object corresponding to any virtual object identifier in the first area, or in response to the user's operation of moving the cursor to any virtual object in the first area, a positioning frame is superimposed and displayed on the periphery of any virtual object in the first area. The positioning frame here is the same as or similar to the positioning frame included in the second editing tool above, and will not be described in detail here.

[0148] For some examples, please refer to Fig. 6A , Fig. 6A This is a schematic diagram of the selection operation provided in Example 5 of the present application. Fig. 6AThe following operation effects are shown:

[0149] In the user interface, the first area displays at least one virtual object, and the second area displays virtual object identifiers corresponding to the virtual objects. When the user clicks on any virtual object in the first area or clicks on the virtual object identifier corresponding to the virtual object in the second area, the system displays the first editing tool and the third editing tool superimposed on the selected virtual object, so that the virtual object is in a selected state.

[0150] Specifically, the first area is an area in the user interface for displaying virtual objects, which may be a canvas, a view or a scene. The first area displays at least one virtual object, which may be a 3D model, a graphic, a text, a document, a form, a video, an audio, sensor information, etc. The second area indicates the virtual object identifier of each virtual object in the first area. These identifiers may be outlines, borders, symbols, virtual object names, ID numbers or other marking methods to distinguish each virtual object. When a user clicks on any virtual object in the first area or clicks on the virtual object identifier of the corresponding virtual object in the second area, the system will display the first editing tool and the third editing tool superimposed on the selected virtual object according to the user's operation. Such a display indicates that the user has selected the virtual object and provides related zoom operation tools. The first editing tool and the third editing tool provide the functions of moving, rotating and zooming the virtual object so that the user can edit or manipulate the selected virtual object more accurately. Optionally, when a user clicks on any virtual object in the first area or clicks on the virtual object identifier of the corresponding virtual object in the second area, in addition to displaying the first editing tool and the third editing tool according to the user's operation, the system will also superimpose a positioning frame on the periphery of the selected virtual object.

[0151] Through this design, users can select and edit the desired virtual object by clicking on the virtual object or the corresponding virtual object logo. The superimposed editing tools help users to perform editing operations intuitively on the interface, while keeping the virtual object selected so that the system can accurately respond to the user's subsequent operations and provide the corresponding editing interface and tools.

[0152] The following is based on Fig. 6A The zoom operation performed in the selected state is shown.

[0153] Exemplarily, in the above step 102, in response to the user performing a zoom operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object further includes:

[0154] Step 1063, in response to the user's cursor moving to the zoom box of the third editing tool, the cursor is replaced with a zoom style to enable the virtual object to perform a zoom operation.

[0155] For some examples, please refer to Figure 6B , Figure 6B This is one of the schematic diagrams of the zoom operation provided in Example 5 of the present application. Figure 6B The following operation effects are shown:

[0156] When the user moves the cursor to the zoom box in the third editing tool, the system replaces the cursor with the zoom style, and the zoom box displays the zoom style. Optionally, the zoom style is highlighted.

[0157] Specifically, the third editing tool includes a zoom box for controlling the zoom operation of the virtual object. When the user moves the cursor to the zoom box of the third editing tool, the system replaces the cursor with a zoom style, and the zoom box displays the zoom style so that the user can clearly see that the zoom operation can be performed at this time. Optionally, the zoom style will also be highlighted to provide visual feedback and attention guidance.

[0158] Through such a design, when the user moves the cursor into the zoom box of the third editing tool, the system will replace the cursor with the zoom style, and then display the zoom style in the zoom box, so that the user can clearly see that the zoom operation can be performed at this time. This allows the user to perform the zoom operation intuitively and accurately adjust the zoom scale of the virtual object. In addition, the highlighted zoom style helps the user better pay attention to and control the zoom operation, improving the efficiency and accuracy of the editing operation.

[0159] Step 1064, in response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

[0160] For some examples, please refer to Figure 6C , Figure 6C This is the second schematic diagram of the zoom operation provided in Example 5 of the present application. Figure 6C The following operation effects are shown:

[0161] When the user moves the cursor into the zoom box of the third editing tool, the system replaces the cursor with the zoom style, and then, when the user presses and drags the zoom style, the system responds and performs the zoom operation and hides the first editing tool at the same time.

[0162] Specifically, when the user moves the mouse to move the cursor into the zoom box, the cursor is replaced with a zoom style, and the user can perform a zoom operation by pressing and dragging the zoom style (which can be understood as the user pressing and dragging the mouse). When the user presses and drags the zoom style, the system responds to the user's operation and performs the zoom operation in real time. The user can adjust the zoom scale of the virtual object by dragging. For example, dragging in the direction of the virtual object is to zoom out, dragging away from the virtual object is to zoom in, and so on. At the same time, in order to provide a clearer interface and focus on the zoom operation, the first editing tool will be hidden. In this way, the user can handle the zoom operation more centrally without being disturbed by other editing tools.

[0163] Through this design, when the user presses and drags the zoom style, the system will perform real-time zoom operations according to the user's operation to change the size of the virtual object. Hiding the first editing tool can provide a clearer and simpler interface, allowing users to better focus on the zoom operation and improve the accuracy and efficiency of the operation.

[0164] The object editing device provided by the present invention is described below. The object editing device described below and the object editing device interaction method described above can be referenced to each other.

[0165] In some embodiments of this application, please refer to Figure 7 , Figure 7 Schematic diagram of the object editing device provided by the present application. The present application also provides an object editing device, which is applied to a web page, and the object editing device 700 includes a user interface module 701 and an execution module 702 .

[0166] Exemplarily, the user interface module 701 is used to provide a user interface for displaying an editing background and introducing at least one virtual object into the editing background.

[0167] Exemplarily, the execution module 702 is used to display an editing module superimposed on the virtual object in response to the user performing any of the selection operation, movement operation, rotation operation and scaling operation on the virtual object, and the editing module is used to interact with the user to edit the virtual object.

[0168] Exemplarily, the editing module includes a first editing tool, which includes a center point, a plurality of single axes extending from the center point, and an arc between every two adjacent single axes.

[0169] Exemplarily, the editing module further includes a second editing tool, wherein the second editing tool includes a positioning box and at least one zoom point for performing a zoom operation.

[0170] Exemplarily, the editing module further includes a third editing tool, and the third editing tool includes a zoom box for performing a zoom operation.

[0171] Exemplarily, the execution module 702 is further used for:

[0172] Displaying at least one virtual object on a first area of ​​the user interface, and displaying a virtual object identifier of the at least one virtual object on a second area of ​​the user interface;

[0173] In response to a user clicking on any virtual object in the first area or clicking on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the second editing tool superimposed on any virtual object are displayed so that the virtual object is in a selected state.

[0174] Exemplarily, the execution module 702 is further used for:

[0175] In response to a user clicking an operation of a single axis of the first editing tool, highlighting the single axis so that the virtual object can move along the direction of the single axis;

[0176] In response to a user clicking on a center point of the first editing tool, the center point is highlighted so that the virtual object can be moved in any direction.

[0177] Exemplarily, the execution module 702 is further used for:

[0178] In response to the user selecting the virtual object for a long time, the user is allowed to move the virtual object in any direction, and the first editing tool and the second editing tool are hidden.

[0179] Exemplarily, the execution module 702 is further used for:

[0180] In response to a user's operation of moving a cursor to an arc of the first editing tool, highlighting the arc so that the virtual object can be rotated along the arc;

[0181] In response to the user performing a rotation operation on the virtual object, the arc is replaced with a rotation axis style, and the current rotation degree is displayed in the rotation axis style.

[0182] Exemplarily, the execution module 702 is further used for:

[0183] In response to a user's operation of moving a cursor to a zoom point of the second editing tool, replacing the cursor with a zoom style so that the virtual object can be zoomed;

[0184] In response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

[0185] Exemplarily, the execution module 702 is further used for:

[0186] Displaying at least one virtual object on a first area of ​​the user interface, and displaying a virtual object identifier of the at least one virtual object on a second area of ​​the user interface;

[0187] In response to a user clicking on any virtual object in the first area or clicking on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the third editing tool superimposed on any virtual object are displayed so that the virtual object is in a selected state.

[0188] Exemplarily, the execution module 702 is further used for:

[0189] In response to a user's operation of moving a cursor to a zoom box of the third editing tool, replacing the cursor with a zoom style so that the virtual object can be zoomed;

[0190] In response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

[0191] It should be noted here that the above-mentioned object editing method provided in the embodiment of the present application can implement all the method steps implemented in the above-mentioned device embodiment, and can achieve the same technical effect. The parts and beneficial effects of this embodiment that are the same as those in the device embodiment will not be described in detail here.

[0192] Please refer to Figure 8 , Figure 8 8 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application, and the electronic device may include: a processor (Processor) 810, a communication interface (Communications Interface) 820, a memory (Memory) 830 and a communication bus 840, wherein the processor 810, the communication interface 820, and the memory 830 communicate with each other through the communication bus 840. The processor 810 can call the logic instructions in the memory 830 to execute the object editing method.

[0193] In addition, the logic instructions in the above-mentioned memory 830 can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when it is sold or used as an independent product. Based on this understanding, the technical solution of the present application can be essentially or partly embodied in the form of a software product that contributes to the prior art, and the computer software product is stored in a storage medium, including several instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. 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 disk or an optical disk.

[0194] On the other hand, the present application also provides a computer program product, which includes a computer program stored on a non-transitory computer-readable storage medium, and the computer program includes program instructions. When the program instructions are executed by a computer, the computer can execute the object editing methods provided by the above methods.

[0195] On the other hand, the present application also provides a non-transitory computer-readable storage medium having a computer program stored thereon, which is implemented when the computer program is executed by a processor to execute the above-mentioned object editing methods.

[0196] The embodiments of the present application provide an electronic device, a computer program product, and a processor-readable storage medium, on which the computer program stored enables the processor to implement all the method steps implemented in the above-mentioned method embodiments and to achieve the same technical effects. The parts and beneficial effects of this embodiment that are the same as those in the method embodiments will not be described in detail herein.

[0197] The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. Ordinary technicians in this field can understand and implement it without paying creative labor.

[0198] Through the description of the above implementation methods, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus a necessary general hardware platform, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solution is essentially or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a disk, an optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or some parts of the embodiments.

[0199] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. An object editing method, characterized in that: Applied to the editor of the web page, the object editing method includes: Providing a user interface in the editor for displaying an editing background and introducing at least one virtual object in the editing background; In response to the user performing any one of a selection operation, a movement operation, a rotation operation and a scaling operation on the virtual object, an editing module is superimposed and displayed on the virtual object, and the editing module is used to interact with the user to edit the virtual object.

2. The object editing method according to claim 1, characterized in that: The editing module includes a first editing tool, which includes a center point, a plurality of single axes extending from the center point, and an arc between every two adjacent single axes.

3. The object editing method according to claim 2, characterized in that: The editing module also includes a second editing tool, which includes a positioning box and at least one zoom point for performing a zoom operation.

4. The object editing method according to claim 2, characterized in that: The editing module also includes a third editing tool, and the third editing tool includes a zoom box for performing a zoom operation.

5. The object editing method according to claim 3, characterized in that: In response to the user performing the selection operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object comprises: Displaying at least one virtual object on a first area of ​​the user interface, and displaying a virtual object identifier of the at least one virtual object on a second area of ​​the user interface; In response to a user clicking on any virtual object in the first area or clicking on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the second editing tool superimposed on any virtual object are displayed so that the virtual object is in a selected state.

6. The object editing method according to claim 5, characterized in that: In response to the user performing the moving operation on the virtual object, the step of superimposing an editing module on the virtual object comprises: In response to a user clicking an operation of a single axis of the first editing tool, highlighting the single axis so that the virtual object can move along the direction of the single axis; In response to a user clicking on a center point of the first editing tool, the center point is highlighted so that the virtual object can be moved in any direction.

7. The object editing method according to claim 5, characterized in that: In response to the user performing the moving operation on the virtual object, the step of superimposing an editing module on the virtual object further comprises: In response to the user selecting the virtual object for a long time, the user is allowed to move the virtual object in any direction, and the first editing tool and the second editing tool are hidden.

8. The object editing method according to claim 5, characterized in that: In response to the user performing the rotation operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object comprises: In response to a user's operation of moving a cursor to an arc of the first editing tool, highlighting the arc so that the virtual object can be rotated along the arc; In response to the user performing a rotation operation on the virtual object, the arc is replaced with a rotation axis style, and the current rotation degree is displayed in the rotation axis style.

9. The object editing method according to claim 5, wherein in response to the user performing the zooming operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object comprises: In response to a user's operation of moving a cursor to a zoom point of the second editing tool, replacing the cursor with a zoom style so that the virtual object can be zoomed; In response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

10. The object editing method according to claim 4, characterized in that: In response to the user performing the selection operation on the virtual object, the step of superimposing and displaying an editing module on the virtual object comprises: Displaying at least one virtual object on a first area of ​​the user interface, and displaying a virtual object identifier of the at least one virtual object on a second area of ​​the user interface; In response to a user clicking on any virtual object in the first area or clicking on the virtual object identifier corresponding to any virtual object in the second area, the first editing tool and the third editing tool superimposed on any virtual object are displayed so that the virtual object is in a selected state.

11. The object editing method according to claim 10, characterized in that: In response to the user performing the zooming operation on the virtual object, the step of overlaying and displaying an editing module on the virtual object further comprises: In response to a user's operation of moving a cursor to a zoom box of the third editing tool, replacing the cursor with a zoom style so that the virtual object can be zoomed; In response to the user pressing and dragging the zoom style to perform a zoom operation, the first editing tool is hidden.

12. An object editing device, characterized in that: Applied to a web page, the object editing device comprises: A user interface module, used for providing a user interface for displaying an editing background and introducing at least one virtual object into the editing background; The execution module is used to display an editing module superimposed on the virtual object in response to the user performing any one of a selection operation, a movement operation, a rotation operation and a scaling operation on the virtual object, and the editing module is used to interact with the user to edit the virtual object.

13. An electronic device, characterized in that: The electronic device is used to execute the object editing method described in any one of claims 1 to 11 above.

14. A non-transitory computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the object editing method according to any one of claims 1 to 11 are implemented.

Images