Component editing method and device and electronic equipment
By displaying the rotation axis and rotation steering wheel in the graphical user interface of the UGC editor, the problem that players cannot intuitively edit the rotation motion angle is solved, achieving an intuitive and efficient editing experience.
Patent Information
- Application Number
- CN202411905994.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-20
- Publication Date
- 2025-05-06
AI Technical Summary
In the UGC editor, players cannot intuitively edit the rotational motion angle of the rotational motion component, which is expensive and not intuitive.
Intuitive and direct editing is achieved by displaying the rotation axis and rotation steering wheel of the target scene component in the graphical user interface, and in response to editing operations to adjust the rotation motion angle.
Users can intuitively edit the rotation motion angle, improving editing efficiency and experience.
Smart Images
Figure CN119938009A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the technical field of scene editing, and in particular to a component editing method, device and electronic device. Background Art
[0002] In a UGC (User Generated Content) editor, players can edit the rotation motion component in the editing scene. In related technologies, the rotation motion angle of the rotation motion component is determined by inputting the motion speed and motion time in the editing interface. However, this method has high operating costs and is not intuitive, and players cannot edit the rotation motion angle of the rotation motion component intuitively. Summary of the invention
[0003] The purpose of the present disclosure is to provide a component editing method, device and electronic device, so as to intuitively and directly edit the rotation angle of a scene component during UGC editing.
[0004] In a first aspect, the present disclosure provides a component editing method, the method comprising: displaying a graphical user interface through a terminal device, the graphical user interface including a virtual editing scene; wherein the virtual editing scene includes at least one scene component; at least one scene component includes a rotating target scene component; in response to a first editing operation on the target scene component, controlling the display of a rotation axis and a rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; in response to a second editing operation on the rotation steering wheel, determining a first rotation angle currently corresponding to the target scene component, and controlling the rotation of the rotation steering wheel based on the second editing operation, and determining a second rotation angle corresponding to the target scene component according to the first rotation angle and the rotation angle of the rotation steering wheel.
[0005] In a second aspect, the present disclosure provides a component editing device, which includes: an interface display module, used to display a graphical user interface through a terminal device, the graphical user interface including a virtual editing scene; wherein the virtual editing scene includes at least one scene component; at least one scene component includes a rotating target scene component; an identification display module, used to respond to a first editing operation on the target scene component, and control the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; an angle adjustment module, used to respond to a second editing operation on the rotation steering wheel, determine the first rotation angle currently corresponding to the target scene component, and control the rotation of the rotation steering wheel based on the second editing operation, and determine the second rotation angle corresponding to the target scene component according to the first rotation angle and the rotation angle of the rotation steering wheel.
[0006] In a third aspect, the present disclosure provides an electronic device, which includes 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 component editing method.
[0007] In a fourth aspect, 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 above-mentioned component editing method.
[0008] The embodiments of the present disclosure bring the following beneficial effects:
[0009] The present disclosure provides a component editing method, device and electronic device, which first displays a graphical user interface through a terminal device, wherein the graphical user interface includes a virtual editing scene; wherein the virtual editing scene includes at least one scene component; and the at least one scene component includes a rotating target scene component; and then, in response to a first editing operation on the target scene component, controls the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; and then, in response to a second editing operation on the rotation steering wheel, determines the first rotation angle currently corresponding to the target scene component, controls the rotation of the rotation steering wheel based on the second editing operation, and determines the corresponding adjusted second rotation angle of the target scene component according to the first rotation angle and the rotation angle of the rotation steering wheel. In this method, when editing a target scene component of rotation, the rotation axis and the rotation steering wheel corresponding to the target scene component can be displayed, and the rotation steering wheel can be rotated in real time in the graphical user interface by editing the rotation steering wheel to directly adjust the rotation movement angle indicated by the rotation steering wheel, so that the user can edit the rotation movement angle intuitively and directly.
[0010] Other features and advantages of the present disclosure will be set forth in the following description, or some features and advantages may be inferred or unambiguously determined from the description, or may be learned by implementing the above-mentioned technology of the present disclosure.
[0011] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, the following specifically cites preferred implementation modes and describes them in detail with reference to the attached 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 ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.
[0013] Figure 1 A flowchart of a component editing method provided by an embodiment of the present disclosure;
[0014] Figure 2 A schematic diagram showing a rotating shaft and a rotating steering wheel provided in an embodiment of the present disclosure;
[0015] Figure 3 A display schematic diagram of editing a rotating steering wheel provided by an embodiment of the present disclosure;
[0016] Figure 4A schematic diagram showing a self-rotating steering wheel provided in an embodiment of the present disclosure;
[0017] Figure 5 A schematic diagram of the structure of a component editing device provided by an embodiment of the present disclosure;
[0018] Figure 6 A schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION
[0019] In order to make the purpose, technical solutions and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are part of the embodiments of the present disclosure, rather than all the embodiments. The components of the embodiments of the present disclosure described and shown in the drawings here can be arranged and designed in various different configurations.
[0020] Therefore, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the present disclosure claimed for protection, but merely represents selected embodiments of the present disclosure. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in the field without creative work are within the scope of protection of the present disclosure.
[0021] In existing mobile game UGC editors, the rotation angle of a component can only be indirectly controlled by inputting the movement speed and movement time. The operation cost is high and not intuitive, and players cannot edit the rotation angle of a component intuitively.
[0022] Based on the above problems, the embodiments of the present disclosure provide a component editing method, device and electronic device. The technology can be applied to UGC editing scenarios, especially to game editing scenarios or editing scenarios of the rotation angle of the rotation motion component in the UGC editor.
[0023] The component editing method in one embodiment of the present disclosure can be run on a local terminal device or a server. When the 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.
[0024] In an optional implementation, 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 game mode based on cloud computing. In the operation mode of cloud games, the running body of the game program and the game canvas presentation body are separated, the storage and operation of the component editing method are completed on the cloud game server, and the role of the client device is used for receiving and sending data and presenting the game canvas. For example, the client device can be a display device with a data transmission method close to the user side, such as a mobile terminal, a TV, a computer, a handheld computer, etc.; but the cloud game server in the cloud is used for information processing. When playing the game, the player operates the client device to send an operation instruction to the cloud game server. The cloud game server runs the game according to the operation instruction, encodes and compresses the game canvas and other data, and returns it to the client device through the network. Finally, the client device decodes and outputs the game canvas.
[0025] In an optional embodiment, taking a game as an example, a local terminal device stores a game program and is used to present a game canvas. The local terminal device is used to interact with the player through a graphical user interface, that is, the game program is downloaded and installed and run by an electronic device in a conventional manner. The local terminal device may provide the graphical user interface to the player in a variety of ways, for example, it may be rendered and displayed on a display screen of the terminal, or provided to the player through a holographic projection. For example, the local terminal device may include a display screen and a processor, the display screen is used to present a graphical user interface, the graphical user interface includes a game canvas, and the processor is used to run the game, generate a graphical user interface, and control the display of the graphical user interface on the display screen.
[0026] In a possible implementation, the present disclosure provides a component editing method, such as Figure 1 As shown, the method comprises the following specific steps:
[0027] Step S102, displaying a graphical user interface through a terminal device, wherein the graphical user interface includes a virtual editing scene; wherein the virtual editing scene includes at least one scene component; and the at least one scene component includes a rotating target scene component.
[0028] In a specific implementation, the above-mentioned graphical user interface is displayed when a game program is running on a terminal device or when a UGC editor application is running; wherein the game program can be an application for any game, and the terminal device can be the local terminal device mentioned above, or it can be a client device in the cloud interaction system mentioned above. For example, the terminal device can be a mobile phone, a tablet computer, or a personal computer. The above-mentioned virtual editing scene is a scene provided by running a game program or a UGC editor application, and can also be understood as a scene in the game editing stage provided by a game editor. The virtual editing scene can include one or more scene components, and the scene components can be edited in the virtual editing scene. In actual applications, when a user triggers an editing instruction in the UGC editor, the virtual editing scene can be displayed in the graphical user interface. For example, the editing instruction can be an operation to enter a game editor; it can also be an operation to select a scene map for editing, etc.
[0029] In a specific embodiment, after the virtual editing scene is displayed in the graphical user interface, the scene component can be set in the virtual editing scene in the following manner: displaying a component editing window in the graphical user interface; wherein the component editing window includes a plurality of scene component controls; in response to a selection operation on a first scene component control in the component editing window, controlling the generation of a scene component corresponding to the first scene component control in the virtual editing scene. The above-mentioned first scene component control can be any scene component control included in the component editing window. The specific operation of the above-mentioned selection operation on the first scene component control can be determined according to R&D requirements, and can also be determined according to the user's setting operation. For example, the selection operation can be an operation of dragging the first scene component control into the virtual editing scene, or an operation of clicking or long pressing the first scene component control in the component editing window, etc.
[0030] Specifically, the component type and component form of the scene component control included in the above-mentioned component editing window can be set according to the research and development needs. For example, the component editing window may include multiple different types of scene component controls, including: terrain component controls, mechanism component controls, decoration component controls, rotation components and combination component controls, etc. Each type of scene component control also contains multiple scene component controls. For example, the mechanism component control also includes motion mechanism component controls, mode mechanism component controls, logic component controls, object component controls and floor component controls, among which the motion mechanism component control also includes cylinders, gears, cross gears, clockwise turntables, etc. Among them, the rotation component includes rotation component controls of multiple shapes, and the target scene component corresponding to the rotation component control can rotate in the virtual editing scene.
[0031] Step S104, in response to the first editing operation on the target scene component, controls the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis direction of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component.
[0032] In specific implementation, the specific operation corresponding to the above-mentioned first editing operation can be determined according to R&D requirements or user operations. For example, the first editing operation can be a click operation, a double-click operation, or a long press operation on the target scene component. When the player performs the first editing operation on the target scene component, the rotation axis and the rotation steering wheel of the target scene component will be displayed at a specified position in the graphical user interface. The specified position can be on the target scene component, or it can be a fixed position in the graphical user interface. Among them, the target scene component can rotate clockwise or counterclockwise around the rotation axis, that is, the rotation axis is the rotation axis of the target scene component for rotation; the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component.
[0033] Specifically, the display styles of the above-mentioned rotation axis and rotation steering wheel in the graphical user interface can be determined according to research and development requirements. For example, the rotation axis can be represented by a dotted line or solid line with an arrow; the rotation steering wheel can be represented by a disk or a ring with an arrow; wherein the arrow direction of the rotation steering wheel is used to indicate the rotation direction of the target scene component, and the progress bar corresponding to the arrow direction is used to indicate the rotation angle of the target scene component.
[0034] Step S106, in response to the second editing operation on the self-rotating steering wheel, determines the first rotation movement angle currently corresponding to the target scene component, and controls the rotation of the self-rotating steering wheel based on the second editing operation, and determines the second rotation movement angle corresponding to the target scene component according to the first rotation movement angle and the rotation angle of the self-rotating steering wheel.
[0035] In specific implementation, the specific operation corresponding to the above-mentioned second editing operation can be determined according to research and development needs. For example, the second editing operation can be a drag operation on the self-rotating steering wheel, or a rotation operation on the self-rotating steering wheel, etc. When the user performs the second editing operation on the self-rotating steering wheel, the self-rotating steering wheel displayed in the virtual editing scene will rotate following the second editing operation. The rotation angle of the self-rotating steering wheel is also the adjustment angle corresponding to the target scene component. The adjustment angle can be a positive number or a negative number. Then, the adjustment angle is added to the initial rotation angle corresponding to the target scene component before the self-rotating steering wheel rotates (equivalent to the above-mentioned first rotation angle), and the final rotation angle of the target scene component (equivalent to the above-mentioned second rotation angle) can be obtained. In this way, the user can intuitively edit and see the changes in the rotation angle indicated by the self-rotating steering wheel, which helps to improve the efficiency of user component parameter adjustment.
[0036] In a specific embodiment, the specific process of determining the second rotational motion angle corresponding to the target scene component according to the first rotational motion angle and the rotation angle of the rotational steering wheel may include: determining the sum of the first rotational motion angle and the rotational angle of the rotational steering wheel as the second rotational motion angle corresponding to the target scene component. That is, during the rotation of the rotational steering wheel, the rotational motion angle corresponding to the target scene component will be increased or decreased on the basis of the initial first rotational motion angle. Usually, the positive and negative rotation angles of the obtained rotational steering wheel are different for different rotation directions of the rotational motion angle. If the rotation angle is a positive number, the rotational motion angle corresponding to the target scene component will be increased; if the rotation angle is a negative number, the rotational motion angle corresponding to the target scene component will be decreased.
[0037] According to the above-mentioned component editing method, when the user is editing the rotation target scene component, the rotation axis and the rotation steering wheel corresponding to the target scene component can be displayed, and the rotation steering wheel can be rotated in real time in the graphical user interface by editing the rotation steering wheel to directly adjust the rotation movement angle indicated by the rotation steering wheel, so that the user can edit the rotation movement angle intuitively and directly.
[0038] The following embodiments are used to describe the manner of displaying the rotation axis and the rotation steering wheel.
[0039] Specifically, the above-mentioned specific process of responding to the first editing operation on the target scene component and controlling the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface may include: responding to the first editing operation on the target scene component, controlling the display of the rotation axis at the center position of the target scene component, and displaying the rotation steering wheel in a first display mode at a position near the rotation axis.
[0040] In specific implementation, since rotation refers to the movement of automatic rotation of the target scene component, the target scene component will rotate along an axis that passes through the target scene component itself, and this axis is called the rotation axis. Therefore, when the user performs the first editing operation on the target scene component, the rotation axis will be displayed at the center of the target scene component to indicate that the target scene component rotates along the rotation axis; a rotation steering wheel will also be displayed near the rotation axis, and the rotation steering wheel is displayed in a first display mode. The specific display mode corresponding to the first display mode can be determined according to research and development needs. For example, the first display mode can be to display the rotation direction in a first color, or to display the rotation steering wheel in a first shape, etc. Among them, the first color can be blue or green, etc., and the first shape can be an arc or a circular ring, etc.
[0041] Furthermore, since the rotation axis is usually an axis, the rotation axis can indicate along which axis the target scene component rotates, but may not accurately indicate whether it rotates clockwise or counterclockwise along the axis. Therefore, displaying the rotation steering wheel near the rotation axis can more intuitively view the rotation direction and rotation angle of the target scene component. The specific position corresponding to the position near the rotation axis can be determined according to research and development needs. For example, the nearby position can be around the rotation axis, on the left side or on the right side of the rotation axis, etc.
[0042] like Figure 2 FIG. 1 is a schematic diagram showing a rotating shaft and a rotating steering wheel provided in an embodiment of the present disclosure. Figure 2 The rectangular object in the figure is the target scene component. The position corresponding to the spherical shape on the target scene component is the center position of the target scene component. The line segment with an arrow passing through the center position is the rotation axis, and the direction of the arrow is the direction of the rotation axis. The circular mark with an arrow pointed to by the finger is the rotation axis steering wheel of the target scene component. The rotation steering wheel is displayed around the rotation axis, and the arrow in the circular mark is used to indicate the rotation direction of the target scene component. The dark gray area on the rotation steering wheel is used to indicate the size of the rotation angle.
[0043] In an optional embodiment, after the rotation axis and the rotation steering wheel corresponding to the target scene component are displayed, the visual level of the rotation axis and the rotation steering wheel is above the target scene component, thereby facilitating user observation.
[0044] Further, in response to the second editing operation for the self-rotating steering wheel, the rotation axis is hidden and displayed, and the display mode of the self-rotating steering wheel is switched to the second display mode; wherein the first display mode is different from the second display mode, so that the user can understand whether the self-rotating steering wheel is currently being edited through the display mode. The specific display mode corresponding to the second display mode can be determined according to the research and development needs. For example, the second display mode can be to display the self-rotating steering wheel in a second color, or to display the self-rotating steering wheel in a second shape, or to display the self-rotating steering wheel in a larger size. Among them, the second color can be red or yellow, etc., and the second shape can be a ring or a circle, etc. For example, when the user does not edit the self-rotating steering wheel, the rotation direction is displayed in green, and when the user edits the self-rotating steering wheel, the self-rotating steering wheel is displayed in yellow. Specifically, hiding the display of the rotation axis when editing the self-rotating steering wheel can facilitate the user to observe the state of the target scene component after movement in real time, and the rotation change of the self-rotating steering wheel.
[0045] like Figure 3 The figure shows a display schematic diagram of editing a rotating steering wheel provided by an embodiment of the present disclosure. After the rotating axis and the rotating steering wheel corresponding to the target scene component are displayed in the graphical user interface, the user performs a second editing operation on the rotating steering wheel, which will hide the displayed rotating axis, enlarge the display size of the rotating steering wheel, and display the rotating steering wheel in a different display color from that before editing. Figure 3 The rotation axis is not displayed, and the display color and display size of the rotation steering wheel are the same as Figure 2 The rotating steering wheel in is different.
[0046] The following embodiment is used to describe the interface display changes when editing the rotating steering wheel.
[0047] In an optional embodiment, in response to a second editing operation on the self-rotating steering wheel, the first self-rotation angle currently corresponding to the target scene component is controlled to be displayed in the graphical user interface; in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, the self-rotation angle corresponding to the target scene component displayed in the graphical user interface is controlled to change with the rotation of the self-rotating steering wheel. This method can display the change of the self-rotation angle corresponding to the target scene component in the graphical user interface in real time when editing the self-rotating steering wheel, so that the user can check in real time whether the self-rotation angle displayed in the graphical user interface is what he needs, thereby improving the user's experience of angle editing.
[0048] In a specific implementation, the above-mentioned second editing operation can be a drag operation on the self-rotating steering wheel, and the self-rotating steering wheel will rotate following the dragging direction and dragging length of the dragging operation. During the rotation of the self-rotating steering wheel, the current corresponding rotation angle of the target scene component will be displayed in real time in the graphical user interface, wherein the display position of the rotation angle in the graphical user interface can be determined according to the research and development requirements, for example, the rotation angle can be displayed at the top of the graphical user interface or above the target scene component, etc. The rotation angle is determined according to the initial rotation angle corresponding to the target scene component when the self-rotating steering wheel is not rotated and the rotation angle corresponding to the self-rotating steering wheel. For example, when the user performs the second editing operation on the self-rotating steering wheel, the initial rotation angle corresponding to the target scene component displayed in the graphical user interface (equivalent to the above-mentioned first rotation angle) is 90 degrees, and the rotation angle when the self-rotating steering wheel rotates following the second editing operation is 30 degrees, then the rotation angle corresponding to the target scene component displayed in the graphical user interface is adjusted to 120 degrees.
[0049] Further, in the process of controlling the rotation of the steering wheel based on the second editing operation, the target scene component is controlled to rotate following the rotation of the steering wheel.
[0050] In the specific implementation, in order to enable the user to observe the state of the rotation of the target scene component in real time, when the user drags the rotating steering wheel to rotate through the second editing operation, the target scene component will rotate with the rotating steering wheel. It can also be understood that there is a binding relationship between the rotating steering wheel and the target scene component, and the target scene component will move with the movement of the rotating steering wheel.
[0051] In an optional embodiment, in response to the second editing operation on the self-rotating steering wheel, the rotation starting point of the self-rotating steering wheel is determined, and a virtual logo of the target scene component is displayed at the rotation starting point. Specifically, the display form of the virtual logo can be determined according to research and development requirements. For example, the virtual logo can be a component model of the target scene component displayed with a preset transparency, or a logo of a specified shape, etc.
[0052] For example, Figure 2 The location of the target scene component shown is the starting point of rotation. When the user drags the steering wheel to rotate, a virtual logo will be displayed at the starting point of rotation. The virtual logo is also Figure 3 In addition, during the rotation of the automatic steering wheel, the entity model of the target scene component's movement endpoint is displayed in real time. The entity model is also the component model of the target scene component that rotates with the self-rotating steering wheel.
[0053] In a specific implementation, the virtual logo only appears when the user drags the automatic steering wheel to turn. The virtual logo disappears when the dragging is not completed or the dragging is completed.
[0054] In an optional embodiment, the above-mentioned self-rotating steering wheel is displayed with a direction indicator and an angle range indicator; wherein the direction indicator is used to indicate the self-rotation direction of the target scene component, and the angle range corresponding to the angle range indicator is used to indicate the self-rotation angle of the target scene component. Specifically, the display styles of the direction indicator and the angle range indicator can be determined according to research and development needs. For example, the direction indicator can be an arrow indicator or a triangle indicator, etc.; the angle range indicator can be a bar indicator or an arc indicator, etc. Figure 3 The arrow mark on the middle rotation steering wheel is the direction mark, and the arc mark behind the arrow mark is the angle range mark. The longer the angle range mark is, the larger the rotation angle of the target scene component is.
[0055] Furthermore, in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, the angle range corresponding to the control angle range indicator changes with the rotation of the self-rotating steering wheel. If the self-rotating steering wheel rotates in the direction in which the self-rotating motion angle of the target scene component increases, the length of the angle range indicator on the self-rotating steering wheel increases, so that the angle range indicated by the angle range indicator also increases; if the self-rotating steering wheel rotates in the direction in which the self-rotating motion angle of the target scene component decreases, the length of the angle range indicator on the self-rotating steering wheel decreases, so that the angle range indicated by the angle range indicator also decreases.
[0056] In an optional embodiment, the angle range indicator includes a circular ring base and a progress indicator displayed on the circular ring base; the length of the progress indicator is used to indicate the angle range within a preset angle threshold; the circular ring base indicates whether the rotation angle of the target scene component exceeds the preset angle threshold through different colors. Among them, when the circular ring base is the first display color, it indicates that the rotation angle of the target scene component does not exceed the preset angle threshold, and when the circular ring base is the second display color, it indicates that the rotation angle of the target scene component exceeds the preset angle threshold. The specific value corresponding to the preset angle threshold can be determined according to research and development needs. For example, the preset angle threshold can be 180 degrees or 360 degrees, etc.
[0057] like Figure 4 FIG. 1 is a schematic diagram showing a self-rotating steering wheel provided by an embodiment of the present disclosure. Figure 4 The circular mark in the middle is the circular base plate, and the arc line with arrows on the circular base plate is the progress mark. Figure 4 The first figure in the figure shows the display style of the rotating steering wheel when the rotation angle of the target scene component does not exceed the preset angle threshold. Figure 5The second graphic in FIG. 1 shows the display style of the rotating steering wheel when the rotation angle of the target scene component exceeds the preset angle threshold. Figure 4 The self-rotating steering wheel is in the shape of a ring, so the preset angle threshold is 360 degrees, so that the present disclosure can continue to superimpose angles after the self-rotating steering wheel rotates more than 360 degrees. If the angle exceeds 360 degrees, the ring bottom plate of the self-rotating steering wheel changes, so that the progress mark displayed on the ring bottom plate only indicates the angle range within the preset angle threshold. For example, assuming that the current target scene component corresponds to a self-rotating motion angle of 1090 degrees, the ring bottom plate can change from white to gray, and indicate an angle range of 10 degrees through the progress mark.
[0058] In the above method, the user can intuitively and directly edit the angle of the rotation movement on the mobile game UGC editor or the terminal game UGC editor, thereby improving the editing efficiency and editing experience of the rotation movement.
[0059] Based on the above method embodiment, the present disclosure also provides a component editing device, such as Figure 5 As shown, the device comprises:
[0060] The interface display module 50 is used to display a graphical user interface through a terminal device, wherein the graphical user interface includes a virtual editing scene; wherein the virtual editing scene includes at least one scene component; and the at least one scene component includes a rotating target scene component.
[0061] The identification display module 51 is used to respond to the first editing operation on the target scene component and control the display of the rotation axis and rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component.
[0062] The angle adjustment module 52 is used to respond to the second editing operation on the self-rotating steering wheel, determine the first self-rotation movement angle currently corresponding to the target scene component, and control the rotation of the self-rotating steering wheel based on the second editing operation, and determine the second self-rotation movement angle corresponding to the target scene component according to the first self-rotation movement angle and the rotation angle of the self-rotating steering wheel.
[0063] The above-mentioned component editing device can display the rotation axis and rotation steering wheel corresponding to the target scene component when editing the rotating target scene component, and rotate the rotation steering wheel in real time in the graphical user interface by editing the rotation steering wheel to directly adjust the rotation movement angle indicated by the rotation steering wheel, so that the user can edit the rotation movement angle intuitively and directly.
[0064] Furthermore, the above-mentioned device also includes an angle display module, which is used to: respond to the second editing operation on the self-rotating steering wheel, control the display of the first rotation movement angle currently corresponding to the target scene component in the graphical user interface; in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, control the rotation movement angle corresponding to the target scene component displayed in the graphical user interface to change with the rotation of the self-rotating steering wheel.
[0065] Furthermore, the above-mentioned device also includes a component rotation module, which is used to: in the process of controlling the rotation of the steering wheel based on the second editing operation, control the target scene component to rotate following the rotation of the steering wheel.
[0066] Furthermore, the above-mentioned device also includes a phantom display module, which is used to: respond to the second editing operation on the self-rotating steering wheel, determine the rotation starting point of the self-rotating steering wheel, and display the phantom mark of the target scene component at the rotation starting point.
[0067] In a specific implementation, a direction indicator and an angle range indicator are displayed on the above-mentioned rotating steering wheel; wherein the direction indicator is used to indicate the rotation direction of the target scene component, and the angle range corresponding to the angle range indicator is used to indicate the rotation angle of the target scene component.
[0068] Furthermore, the above-mentioned device also includes an identification change module, which is used to: in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, control the angle range corresponding to the angle range indication identification to change following the rotation of the self-rotating steering wheel.
[0069] Furthermore, the above-mentioned angle range indicator includes a circular base and a progress indicator displayed on the circular base; the length of the progress indicator is used to indicate the angle range within a preset angle threshold; the circular base indicates whether the rotation angle of the target scene component exceeds the preset angle threshold through different colors.
[0070] Furthermore, the angle adjustment module 52 is used to determine the sum of the first rotation movement angle and the rotation angle of the rotation steering wheel as the second rotation movement angle adjusted correspondingly to the target scene component.
[0071] Furthermore, the identification display module 51 is used to: respond to a first editing operation on the target scene component, control the display of the rotation axis at the center position of the target scene component, and display the rotating steering wheel in a first display mode near the rotation axis.
[0072] Furthermore, the above-mentioned device also includes a display switching module, which is used to: respond to a second editing operation on the rotating steering wheel, hide the display of the rotating axis, and switch the display mode of the rotating steering wheel to a second display mode; wherein the first display mode is different from the second display mode.
[0073] The component editing device provided in the embodiment of the present disclosure has the same implementation principle and technical effects as those of the aforementioned method embodiment. For the sake of brief description, for matters not mentioned in the device embodiment, reference may be made to the corresponding contents in the aforementioned method embodiment.
[0074] The present disclosure also provides an electronic device, such as Figure 6 As shown, the electronic device includes a processor and a memory, 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 component editing method.
[0075] Specifically, the above-mentioned component editing method includes: displaying a graphical user interface through a terminal device, the graphical user interface including a virtual editing scene; wherein the virtual editing scene includes at least one scene component; at least one scene component includes a rotating target scene component; in response to a first editing operation on the target scene component, controlling the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; in response to a second editing operation on the rotation steering wheel, determining the first rotation angle currently corresponding to the target scene component, and controlling the rotation of the rotation steering wheel based on the second editing operation, and determining the corresponding adjusted second rotation angle of the target scene component according to the first rotation angle and the rotation angle of the rotation steering wheel.
[0076] The above-mentioned component editing method can display the rotation axis and rotation steering wheel corresponding to the target scene component when editing the rotation target scene component, and rotate the rotation steering wheel in real time in the graphical user interface by editing the rotation steering wheel to directly adjust the rotation movement angle indicated by the rotation steering wheel, so that the user can edit the rotation movement angle intuitively and directly.
[0077] In an optional embodiment, the above method also includes: responding to a second editing operation on the self-rotating steering wheel, controlling the first rotation movement angle currently corresponding to the target scene component to be displayed in the graphical user interface; in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, controlling the rotation movement angle corresponding to the target scene component displayed in the graphical user interface to change with the rotation of the self-rotating steering wheel.
[0078] In an optional embodiment, the method further includes: in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, controlling the target scene component to rotate following the rotation of the self-rotating steering wheel.
[0079] In an optional embodiment, the method further includes: in response to a second editing operation on the self-rotating steering wheel, determining a rotation starting point of the self-rotating steering wheel, and displaying a phantom mark of the target scene component at the rotation starting point.
[0080] In an optional embodiment, a direction indicator and an angle range indicator are displayed on the above-mentioned rotating steering wheel; wherein the direction indicator is used to indicate the rotation direction of the target scene component, and the angle range corresponding to the angle range indicator is used to indicate the rotation angle of the target scene component.
[0081] In an optional embodiment, the method further includes: in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, controlling the angle range corresponding to the angle range indicator to change following the rotation of the self-rotating steering wheel.
[0082] In an optional embodiment, the angle range indicator includes a circular base and a progress indicator displayed on the circular base; the length of the progress indicator is used to indicate the angle range within a preset angle threshold; the circular base indicates whether the rotation angle of the target scene component exceeds the preset angle threshold by different colors.
[0083] In an optional embodiment, the step of determining the second rotation movement angle corresponding to the adjustment of the target scene component based on the first rotation movement angle and the rotation angle of the rotation steering wheel includes: adding the first rotation movement angle and the rotation angle of the rotation steering wheel to determine the second rotation movement angle corresponding to the adjustment of the target scene component.
[0084] In an optional embodiment, the above-mentioned step of responding to the first editing operation on the target scene component and controlling the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface includes: responding to the first editing operation on the target scene component, controlling the display of the rotation axis at the center position of the target scene component, and displaying the rotation steering wheel in a first display mode at a position near the rotation axis.
[0085] In an optional embodiment, the method further includes: in response to a second editing operation on the rotating steering wheel, hiding the display of the rotating axis, and switching the display mode of the rotating steering wheel to a second display mode; wherein the first display mode is different from the second display mode.
[0086] Further, Figure 6 The electronic device shown further includes a bus 102 and a communication interface 103 , and the processor 101 , the communication interface 103 and the memory 100 are connected via the bus 102 .
[0087] The memory 100 may include a high-speed random access memory (RAM), and may also include a 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 may be wired or wireless), and the Internet, wide area network, local area network, metropolitan area network, etc. may be used. The bus 102 may be an ISA bus, a PCI bus, or an EISA bus, etc. The bus may 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 only one type of bus.
[0088] The processor 101 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by the hardware integrated logic circuit or software instructions in the processor 101. The above processor 101 can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can 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 disclosed methods, steps and logic block diagrams in the embodiments of the present disclosure can be implemented or executed. The general-purpose processor can be a microprocessor or the processor can 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 a hardware decoding processor for execution, or a combination of hardware and software modules in the decoding processor for execution. The software module may be located in a storage medium mature in the art, such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, or an electrically erasable programmable memory, a register, etc. The storage medium is located in the memory 100, and the processor 101 reads the information in the memory 100 and completes the steps of the method of the above embodiment in combination with its hardware.
[0089] The embodiments of the present disclosure also provide a computer-readable storage medium, which 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 above-mentioned component editing method. The specific implementation can be found in the method embodiment, which will not be repeated here.
[0090] Specifically, the above-mentioned component editing method includes: displaying a graphical user interface through a terminal device, the graphical user interface including a virtual editing scene; wherein the virtual editing scene includes at least one scene component; at least one scene component includes a rotating target scene component; in response to a first editing operation on the target scene component, controlling the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; in response to a second editing operation on the rotation steering wheel, determining the first rotation angle currently corresponding to the target scene component, and controlling the rotation of the rotation steering wheel based on the second editing operation, and determining the corresponding adjusted second rotation angle of the target scene component according to the first rotation angle and the rotation angle of the rotation steering wheel.
[0091] The above-mentioned component editing method can display the rotation axis and rotation steering wheel corresponding to the target scene component when editing the rotation target scene component, and rotate the rotation steering wheel in real time in the graphical user interface by editing the rotation steering wheel to directly adjust the rotation movement angle indicated by the rotation steering wheel, so that the user can edit the rotation movement angle intuitively and directly.
[0092] In an optional embodiment, the above method also includes: responding to a second editing operation on the self-rotating steering wheel, controlling the first rotation movement angle currently corresponding to the target scene component to be displayed in the graphical user interface; in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, controlling the rotation movement angle corresponding to the target scene component displayed in the graphical user interface to change with the rotation of the self-rotating steering wheel.
[0093] In an optional embodiment, the method further includes: in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, controlling the target scene component to rotate following the rotation of the self-rotating steering wheel.
[0094] In an optional embodiment, the method further includes: in response to a second editing operation on the self-rotating steering wheel, determining a rotation starting point of the self-rotating steering wheel, and displaying a phantom mark of the target scene component at the rotation starting point.
[0095] In an optional embodiment, a direction indicator and an angle range indicator are displayed on the above-mentioned rotating steering wheel; wherein the direction indicator is used to indicate the rotation direction of the target scene component, and the angle range corresponding to the angle range indicator is used to indicate the rotation angle of the target scene component.
[0096] In an optional embodiment, the method further includes: in the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, controlling the angle range corresponding to the angle range indicator to change following the rotation of the self-rotating steering wheel.
[0097] In an optional embodiment, the angle range indicator includes a circular base and a progress indicator displayed on the circular base; the length of the progress indicator is used to indicate the angle range within a preset angle threshold; the circular base indicates whether the rotation angle of the target scene component exceeds the preset angle threshold by different colors.
[0098] In an optional embodiment, the step of determining the second rotation movement angle corresponding to the adjustment of the target scene component based on the first rotation movement angle and the rotation angle of the rotation steering wheel includes: adding the first rotation movement angle and the rotation angle of the rotation steering wheel to determine the second rotation movement angle corresponding to the adjustment of the target scene component.
[0099] In an optional embodiment, the above-mentioned step of responding to the first editing operation on the target scene component and controlling the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface includes: responding to the first editing operation on the target scene component, controlling the display of the rotation axis at the center position of the target scene component, and displaying the rotation steering wheel in a first display mode at a position near the rotation axis.
[0100] In an optional embodiment, the method further includes: in response to a second editing operation on the rotating steering wheel, hiding the display of the rotating axis, and switching the display mode of the rotating steering wheel to a second display mode; wherein the first display mode is different from the second display mode.
[0101] If the method is implemented in the form of a software unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of 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 a computer device (which can be a personal computer, a terminal device, or a network device, etc.) to perform 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.
[0102] In the description of the present disclosure, it should be noted that the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc., indicating the orientation or positional relationship, are based on the orientation or positional relationship shown in the drawings, and are only for the convenience of describing the present disclosure and simplifying the description, rather than indicating or implying that the device or element referred to must have a specific orientation, be constructed and operated in a specific orientation, and therefore cannot be understood as a limitation of the present disclosure. In addition, the terms "first", "second", and "third" are used for descriptive purposes only, and cannot be understood as indicating or implying relative importance.
[0103] Finally, it should be noted that the above-described 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 protection scope of the present disclosure is not limited thereto. Although the present disclosure is described in detail with reference to the above-described embodiments, ordinary technicians in the field should understand that any technician familiar with the technical field can still modify the technical solutions recorded in the above-described embodiments within the technical scope disclosed in the present disclosure, or can easily think of changes, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be included in the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be based on the protection scope of the claims.
Claims
1. A component editing method, characterized in that: The method comprises: Displaying a graphical user interface through a terminal device, wherein the graphical user interface includes a virtual editing scene; wherein the virtual editing scene includes at least one scene component; and the at least one scene component includes a rotating target scene component; In response to a first editing operation on the target scene component, controlling the display of a rotation axis and a rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis direction of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; In response to a second editing operation on the autorotating steering wheel, the first autorotation movement angle currently corresponding to the target scene component is determined, and the rotation of the autorotating steering wheel is controlled based on the second editing operation, and the second autorotation movement angle corresponding to the target scene component is determined according to the first autorotation movement angle and the rotation angle of the autorotating steering wheel.
2. The method according to claim 1, characterized in that The method further comprises: In response to a second editing operation on the self-rotating steering wheel, controlling the display of a first self-rotating motion angle currently corresponding to the target scene component in the graphical user interface; In the process of controlling the rotation of the autorotating steering wheel based on the second editing operation, the autorotating motion angle corresponding to the target scene component displayed in the graphical user interface is controlled to change following the rotation of the autorotating steering wheel.
3. The method according to claim 1, characterized in that The method further comprises: In the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, the target scene component is controlled to rotate following the rotation of the self-rotating steering wheel.
4. The method according to claim 3, characterized in that The method further comprises: In response to a second editing operation on the self-rotating steering wheel, a rotation starting point of the self-rotating steering wheel is determined, and a phantom mark of the target scene component is displayed at the rotation starting point.
5. The method according to claim 1, characterized in that The rotation steering wheel displays a direction indicator and an angle range indicator; wherein the direction indicator is used to indicate the rotation direction of the target scene component, and the angle range corresponding to the angle range indicator is used to indicate the rotation angle of the target scene component.
6. The method according to claim 5, characterized in that The method further comprises: In the process of controlling the rotation of the self-rotating steering wheel based on the second editing operation, the angle range corresponding to the angle range indicator is controlled to change following the rotation of the self-rotating steering wheel.
7. The method according to claim 5, characterized in that The angle range indicator includes a circular base and a progress indicator displayed on the circular base; the length of the progress indicator is used to indicate the angle range within a preset angle threshold; the circular base indicates whether the rotation angle of the target scene component exceeds the preset angle threshold through different colors.
8. The method according to claim 1, characterized in that The step of determining the second rotational movement angle corresponding to the target scene component according to the first rotational movement angle and the rotation angle of the rotational steering wheel comprises: The sum of the first rotation movement angle and the rotation angle of the rotation steering wheel is determined as the second rotation movement angle correspondingly adjusted to the target scene component.
9. The method according to claim 1, characterized in that: The step of controlling the display of the rotation axis and the rotation steering wheel of the target scene component in the graphical user interface in response to the first editing operation on the target scene component comprises: In response to a first editing operation on the target scene component, the rotation axis is controlled to be displayed at the center position of the target scene component, and the rotating steering wheel is displayed in a first display mode at a position near the rotation axis.
10. The method according to claim 9, characterized in that The method further comprises: In response to a second editing operation on the rotating steering wheel, the rotating axis is hidden and displayed, and the display mode of the rotating steering wheel is switched to a second display mode; wherein the first display mode is different from the second display mode.
11. A component editing device, characterized in that: The device comprises: An interface display module, used for displaying a graphical user interface through a terminal device, wherein the graphical user interface includes a virtual editing scene; wherein the virtual editing scene includes at least one scene component; wherein the at least one scene component includes a rotating target scene component; an identification display module, configured to respond to a first editing operation on the target scene component and control the display of a rotation axis and a rotation steering wheel of the target scene component in the graphical user interface; wherein the rotation axis is used to indicate the rotation axis direction of the target scene component, and the rotation steering wheel is used to indicate the rotation direction and rotation angle of the target scene component; An angle adjustment module is used to respond to a second editing operation on the autorotation steering wheel, determine the first autorotation movement angle currently corresponding to the target scene component, and control the rotation of the autorotation steering wheel based on the second editing operation, and determine the second autorotation movement angle corresponding to the target scene component according to the first autorotation movement angle and the rotation angle of the autorotation steering wheel.
12. An electronic device, characterized in that: The electronic device includes 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 component editing method according to any one of claims 1 to 10.
13. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the component editing method according to any one of claims 1 to 10.