CN112306480A - Visual programming control method, system, device and computer storage medium - Google Patents
Visual programming control method, system, device and computer storage medium Download PDFInfo
- Publication number
- CN112306480A CN112306480A CN202011108811.5A CN202011108811A CN112306480A CN 112306480 A CN112306480 A CN 112306480A CN 202011108811 A CN202011108811 A CN 202011108811A CN 112306480 A CN112306480 A CN 112306480A
- Authority
- CN
- China
- Prior art keywords
- code
- interface
- target
- target code
- editing interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 64
- 230000000007 visual effect Effects 0.000 title claims abstract description 47
- 238000003860 storage Methods 0.000 title claims abstract description 13
- 230000008859 change Effects 0.000 claims description 16
- 230000008569 process Effects 0.000 claims description 8
- 230000006870 function Effects 0.000 description 36
- 238000010586 diagram Methods 0.000 description 7
- 230000004048 modification Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000012937 correction Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000009776 industrial production Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a visual programming control method, a system, a device and a computer storage medium, which are used for improving programming efficiency. The method comprises the following steps: displaying a demonstration interface, wherein the demonstration interface comprises at least one operation object, and the operation object is preconfigured with a corresponding code; acquiring a first operation instruction of a user, wherein the first operation instruction is used for selecting a target operation object from at least one operation object of the demonstration interface; acquiring an editing interface and a target code corresponding to the target operation object according to the first operation instruction, wherein the editing interface is an interface in an editable state; and displaying the object code on the editing interface.
Description
Technical Field
The present application relates to the field of computer programming control technologies, and in particular, to a visual programming control method, system, apparatus, and computer storage medium.
Background
With the continuous development of computer programming control technology, the programming control technology is widely applied, and plays a significant role in the fields of education, medical treatment, industrial production, military and the like.
In the solutions provided in the prior art, for example, in MINECRAFT, various blocks or controls are included, different blocks or controls have different functions, and a user can use these blocks or controls to build a desired object, so as to implement the desired function, however, the method for implementing the functions of the blocks or controls is often already solidified inside the blocks, and for the user, the user only knows that it has such functions, but cannot know which codes the functions of these blocks or controls are implemented through. Therefore, the solutions provided by the prior art are less practical.
Disclosure of Invention
The application provides a visual programming control method in a first aspect, which includes:
displaying a demonstration interface, wherein the demonstration interface comprises at least one operation object, and the operation object is preconfigured with a corresponding code;
acquiring a first operation instruction of a user, wherein the first operation instruction is used for selecting a target operation object from at least one operation object of the demonstration interface;
acquiring an editing interface and a target code corresponding to the target operation object according to the first operation instruction, wherein the editing interface is an interface in an editable state;
and displaying the object code on the editing interface.
Optionally, after the object code is displayed on the editing interface, the method further includes:
starting execution of the object code;
determining a currently executed target code segment in the editing interface;
and demonstrating the change of the operation object corresponding to the target code segment through the demonstration interface and displaying the target code segment in the editing interface in a highlighted mode.
Optionally, after the object code is displayed on the editing interface, the method further includes:
acquiring a second operation instruction of a user, wherein the second operation instruction is used for selecting a target code segment in the editing interface;
determining the target code segment according to the second operation instruction and executing the target code segment;
and controlling the operation object to demonstrate the change corresponding to the target code segment on the demonstration interface.
Optionally, after the object code is displayed on the editing interface, the method further includes:
acquiring a third operation instruction of a user, wherein the third operation instruction is used for editing the target code;
updating the target code according to the third operation instruction;
acquiring an updated target code and executing the updated target code;
and controlling the operation object to demonstrate the change corresponding to the updated target code segment through the demonstration interface.
Optionally, after the updating the object code according to the second operation instruction and before the acquiring the updated object code, the method further includes:
and acquiring a trial run instruction of a user, wherein the trial run instruction is used for starting to execute the updated target code.
Optionally, after the object code is displayed on the editing interface, the method further includes:
starting execution of the object code;
judging whether an error code segment exists in the target code or not in the process of executing the target code;
if so, determining the position of the error code segment in the editing interface;
displaying the error code segment in the editing interface in a highlighted manner;
and generating prompt information according to the error code segment, wherein the prompt information is used for prompting a user to correct the error code segment.
Optionally, the obtaining of the third operation instruction of the user includes:
and acquiring a dragging instruction of a user to a sliding bar in the editing interface, wherein the sliding bar is used for adjusting the variable in the target code.
A second aspect of the present application provides a visual programming control system, comprising:
the display unit is used for displaying a demonstration interface, the demonstration interface comprises at least one operation object, and the operation object is preconfigured with a corresponding code;
the first acquisition unit is used for acquiring a first operation instruction of a user, and the first operation instruction is used for selecting a target operation object from the demonstration interface;
the second obtaining unit is used for obtaining an editing interface and obtaining a target code corresponding to the target operation object according to the first operation instruction, wherein the editing interface is used for displaying the target code;
the display unit is also used for displaying the object code on the editing interface.
A third aspect of the present application provides a visual programming control apparatus, comprising:
the device comprises a processor, a memory, an input and output unit and a bus;
the processor is connected with the memory, the input and output unit and the bus;
the memory holds a program that the processor calls to perform the method as optional for any of the first aspect and the first aspect.
A fourth aspect of the present application provides a computer readable storage medium having a program stored thereon, which when executed on a computer performs the method of any one of the first aspect and the alternatives of the first aspect.
According to the technical scheme, the method has the following advantages:
the method comprises the steps of firstly displaying a demonstration interface, wherein the demonstration interface comprises an operation object, and the operation object is pre-configured with a corresponding code; the terminal can acquire the editing interface and the object code corresponding to the target operation object according to the first operation instruction by making a certain operation instruction in the demonstration interface by the user, and display the object code of the operation object in the editing interface. According to the visual programming control method, the user can visually see the codes of the control objects, and the practicability of programming control is improved.
Drawings
In order to more clearly illustrate the technical solutions in the present application, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.
FIG. 1 is a schematic flow chart diagram illustrating one embodiment of a visual programming control method of the present application;
FIG. 2 is a schematic flow chart diagram illustrating another embodiment of a visual programming control method of the present application;
FIG. 3 is a schematic flow chart diagram illustrating another embodiment of a visual programming control method of the present application;
FIG. 4 is a schematic structural diagram of an embodiment of a visual programming control system of the present application;
fig. 5 is a schematic structural diagram of an embodiment of a visual programming control device in the present application.
Detailed Description
In the solutions provided in the prior art, for example, in MINECRAFT, various blocks or controls are included, different blocks or controls have different functions, and a user can use these blocks or controls to build a desired object, so as to implement the desired function, however, the method for implementing the functions of the blocks or controls is often already solidified inside the blocks, and for the user, the user only knows that it has such functions, and the user has difficulty in knowing which codes the functions of these blocks or controls are implemented by. Therefore, the solutions provided by the prior art are less practical.
Based on the above, the present application provides a visual programming control method, system, device and computer storage medium, which are used to improve the practicability of programming control.
It should be noted that the visual programming control method provided by the present application may be applied to a terminal, a system, or a server, for example, the terminal may be a fixed terminal such as a smart phone or a computer, a tablet computer, a smart television, a smart watch, a portable computer terminal, or a desktop computer. For convenience of explanation, the terminal is taken as an execution subject for illustration in the present application.
Referring to fig. 1, fig. 1 is a schematic flowchart illustrating a visual programming control method according to an embodiment of the present application, where the visual programming control method includes:
101. displaying a demonstration interface, wherein the demonstration interface comprises at least one operation object, and the operation object is pre-configured with a corresponding code;
in the actual process of visual programming, a demonstration interface is configured, a terminal can acquire the demonstration interface from a cloud server or a local storage unit and display the demonstration interface through a screen, the demonstration interface is used for demonstrating an operation object controlled by the programming, the demonstration interface can contain various scene elements such as three-dimensional virtual scenes of sky, ground, rivers and the like, the operation object in the application refers to various programming control objects in the demonstration interface, during programming control, a user can add various operation objects in the demonstration interface and further program and control the static objects, the operation objects mentioned or discussed in the application can be virtual character, animal, plant, vehicle and science fiction character equiangular operation objects, and the operation objects can also be walls, ditches, cliffs, suspension ropes, ladders, cliffs, bridges, The terrain operation objects such as the boss and the like can also be other prop operation objects in the demonstration interface and the like, and the specific details are not limited here.
Each of the operation objects in the presentation interface has an initial function or feature, and the functions or features are implemented by codes, for example, a movie block is added in the presentation interface, a segment of animation is pre-configured in the movie block, the movie block can implement the function of playing the segment of animation, or a character role is provided in the presentation interface, the appearance feature of the character role is determined by the pre-configured codes, so that each operation object is actually configured with the corresponding codes.
102. Acquiring a first operation instruction of a user, wherein the first operation instruction is used for selecting a target operation object from at least one operation object of a demonstration interface;
when a user needs to know a code configured by an operation object in the presentation interface, the operation object needs to be selected in the presentation interface, the terminal determines the selected operation object as a target operation object, and for example, the terminal determines the operation object as the target operation object by double clicking a right mouse button on the operation object in the presentation interface. Further, in practical applications, the selection of the operation object may also be to select a plurality of operation objects at the same time, and when a plurality of operation objects are simultaneously selected, the plurality of selected operation objects are determined as corresponding target operation objects.
103. Acquiring an editing interface and a target code corresponding to a target operation object according to the first operation instruction, wherein the editing interface is an interface in an editable state;
when the terminal acquires the first operation instruction and determines a target operation object, an editing interface and a target code corresponding to the target operation object are acquired, wherein the editing interface is an interface in an editable state and is used for displaying and editing the target code. The editing interface may be an interface displayed in a window form, and may include an instruction set, an input box, and the like.
104. And displaying the object code on an editing interface.
The terminal displays the object code on the editing interface, specifically, the object code can be displayed in a segmented mode according to the execution relation of the code, when a plurality of object operation objects exist, the relation among the operation objects can be displayed through the statement relation of the code when the object code is displayed, and therefore a user can read and edit the object code conveniently.
The method comprises the steps of firstly displaying a demonstration interface, wherein the demonstration interface comprises an operation object, and the operation object is pre-configured with a corresponding code; the terminal can acquire the editing interface and the object code corresponding to the target operation object according to the first operation instruction by making a certain operation instruction in the demonstration interface by the user, and display the object code of the operation object in the editing interface. According to the visual programming control method, the user can visually see the codes of the control objects, and the practicability of programming control is improved.
In practical application, after the terminal displays the codes of the operation objects on the editing interface, the user can control the terminal to execute the codes of the operation objects, and when the codes are executed, the terminal controls the operation objects to demonstrate the functions corresponding to the codes, so that the user can further know the functions corresponding to the code segments of the operation objects.
Referring to fig. 2, fig. 2 is a schematic flowchart illustrating a visual programming control method according to another embodiment of the present application, the visual programming control method including:
201. displaying a demonstration interface, wherein the demonstration interface comprises at least one operation object, and the operation object is pre-configured with a corresponding code;
202. acquiring a first operation instruction of a user, wherein the first operation instruction is used for selecting a target operation object from a demonstration interface;
203. acquiring an editing interface and acquiring a target code corresponding to a target operation object according to the first operation instruction, wherein the editing interface is used for displaying the target code;
204. displaying the object code on an editing interface;
205. Starting to execute the target code;
after the terminal displays the code of the operation object on the editing interface, the user can control the terminal to execute the code of the operation object, each operation object has corresponding functions, the functions are realized through the code, the code is composed of one or more code segments, different code segments play corresponding roles when realizing the functions of the operation object, for example, the target code is:
1、move(1,0,0,0.5)
2、turnTo(90)
the function of the operation object is to move forward to a position with coordinates X1, Y0, and Z0 in 0.5 seconds and rotate to a 90-degree direction, wherein two code segments for realizing movement and steering are included.
206. Determining a currently executed target code segment in an editing interface;
during the process of executing the object code, the terminal determines the position of the currently executed object code segment in the editing interface, for example, when the operation object realizes movement, the currently executed object code segment is determined to be move (1,0,0,0.5), and the number of rows of the object code segment in the editing interface is determined.
207. And controlling the operation object to demonstrate the change corresponding to the target code segment on the demonstration interface, and displaying the target code segment in the editing interface in a prominent mode.
In order to further let the user know which codes are used to implement different functions in the operation object, in the method provided by this embodiment, after the terminal determines the target code segment, the terminal controls the operation object to demonstrate changes corresponding to the target code segment on the demonstration interface, and displays the target code segment in a highlighted manner, for example, to highlight the target code segment to prompt which code corresponds to the currently demonstrated function, so as to facilitate reading and learning by the user. The execution of the code is continuous and the target code segment currently executing may vary. The highlighting of the target code segment may thus be a dynamic scrolling display, constantly highlighting the currently executing code segment. Furthermore, the user may also select one of the code segments to be executed by the terminal, so as to view the function corresponding to the code segment.
208. Acquiring a second operation instruction of the user, wherein the second operation instruction is used for selecting a target code segment in the editing interface;
in practical application, when the terminal is used for demonstrating the functions of an operation object, a currently executed target code segment can be displayed in an editing interface in a highlight mode, so that a user can conveniently check the currently executed target code segment.
209. Determining a target code segment according to the second operation instruction and executing the target code segment;
the terminal receives a second operation instruction of the user, and can determine a target code segment which needs to be executed, wherein the target code segment can be one code segment or a combination of a plurality of code segments. The terminal executes the target code segment selected by the user, and it should be noted that the terminal only executes the selected target code segment alone, rather than editing all codes in the interface, and demonstrates the function corresponding to the target code segment through the demonstration interface.
210. And demonstrating the change corresponding to the target code segment by controlling the operation object on the demonstration interface.
And the terminal controls the operation object to perform demonstration on the demonstration interface, and the demonstrated content is the change corresponding to the target code segment. For example, when the selected target code segment is move (1,0,0,0.5), the terminal only demonstrates that the operation object moves to a position with coordinates X being 1, Y being 0, and Z being 0 on the demonstration interface.
In the visual programming control method provided by the application, a user can see the codes corresponding to the back of the operation object, the user can control the terminal to execute the codes, when the codes are executed by the terminal, the terminal displays the currently executed code segments in a highlighted mode, and the change of the operation object is demonstrated through the demonstration interface so as to prompt the user, and the user can conveniently know which code segments are used for realizing the currently demonstrated function. And the user can select one or more code segments in the editing interface, the control terminal independently runs the selected code segments and independently demonstrates the functions corresponding to the selected code segments, the user can more conveniently know the functions corresponding to the codes, and the programming efficiency is greatly improved.
In practical application, different operation objects have different functions, and in order to meet more programming scenarios, a user may wish to know the codes configured by all the operation objects and edit the codes to realize a customized function in controlling the operation objects, so as to meet more usage scenarios.
Based on this, please refer to fig. 3, fig. 3 is a schematic flowchart of another embodiment of the visual programming control method provided in the present application, the visual programming control method includes:
301. displaying a demonstration interface, wherein the demonstration interface comprises at least one operation object, and the operation object is pre-configured with a corresponding code;
302. acquiring a first operation instruction of a user, wherein the first operation instruction is used for selecting a target operation object from at least one operation object of a demonstration interface;
303. acquiring an editing interface and a target code corresponding to a target operation object according to the first operation instruction, wherein the editing interface is an interface in an editable state;
304. displaying the object code on an editing interface;
305. Acquiring a third operation instruction of the user, wherein the third operation instruction is used for editing a target code;
the user can read the target code in the editing interface, and the user can perform editing operations such as deleting, replacing, adjusting variables and the like on the target code, for example, the user can modify the angle variable in the parenthesis in the turnTo (90), can directly delete the turnTo (90), and can replace the turnTo function with the turnfunction.
306. Updating the target code according to the third operation instruction;
and the terminal updates the target code according to the third operation instruction of the user, namely the editing operation instruction of the target code.
307. Acquiring an updated target code and executing the updated target code;
and after the terminal acquires the object code edited by the user, executing the object code, and demonstrating the function corresponding to the updated object code in a demonstration interface.
In the visual programming control method provided by this embodiment, after the user edits the object code, the terminal directly executes the edited object code and controls the operation object to execute the corresponding operation, that is, the user can directly see the edited effect in the editing process, for example, the user adjusts the rotation angle in the turnTo (90) through the slider, and the terminal synchronously demonstrates the change corresponding to the adjustment operation on the presentation interface. In another possible implementation manner, before obtaining the updated object code and executing the updated object code, the terminal may further obtain a commissioning instruction of the user, for example, after the user clicks a commissioning button in the editing interface, the terminal may execute the edited object code, and the commissioning instruction is used to start running the updated object code.
In another possible implementation manner, a code error may exist in a code edited by a user, so that after the terminal acquires the updated code, the terminal can judge whether an error code segment exists in the target code; the wrong code segment refers to a code segment in which a program syntax error, a function name error, a variable error or the like exists in the target code, so that the code cannot be executed correctly. If the error code segment exists, determining the position of the error code segment in the editing interface and displaying the error code segment in the editing interface in a protruding mode; for example, the editing interface is scrolled to a page where the error code segment is located, and the error code segment is highlighted in a red marking manner, further, in order to facilitate modification by a user, the terminal may further generate a prompt message according to the error code segment for prompting the user to correct the error code segment, where the prompt message may include a correct modification manner, may be a modification manner based on a global environment, for example, the prompted modification manner may be adapted to a scene to which the current target code is applied, and the prompt message may further include a location where the error code segment is located, for example, a number of rows where the error code segment is located.
308. And demonstrating the change corresponding to the updated target code segment by controlling the operation object on the demonstration interface.
After the user edits the target code, the function corresponding to the operation object may be changed, and the terminal demonstrates the new function of the operation object on the demonstration interface, so that the user can conveniently check the new function.
In the visual programming control method provided by the embodiment, after the terminal displays the target code on the editing interface, the user can edit the target code in the editing interface to modify the function of the operation object, so as to meet more application scenes, and when an error code segment exists in the target code, the terminal can locate the position of the error code segment, generate the prompt message and prompt the user to modify, so that the programming efficiency is greatly improved.
In the above detailed description of some embodiments of the visual programming control method in the present application, some visual programming control systems, devices, and computer-readable storage media in the present application are set forth below.
Referring to fig. 4, fig. 4 is a schematic structural diagram of an embodiment of a visual programming control system according to the present application, the visual programming control system including:
the display unit 401 is configured to display a demonstration interface, where the demonstration interface includes at least one operation object, and the operation object is preconfigured with a corresponding code;
a first obtaining unit 402, configured to obtain a first operation instruction of a user, where the first operation instruction is used to select a target operation object from at least one operation object of a presentation interface;
a second obtaining unit 403, configured to obtain an editing interface according to the first operation instruction and obtain a target code corresponding to a target operation object, where the editing interface is an interface in an editable state;
the display unit 401 is also used to display the object code on the editing interface.
Optionally, the visual programming control system further includes an execution prompting unit 404, where the execution prompting unit 404 is configured to:
starting to execute the target code;
determining a currently executed target code segment in an editing interface;
and displaying the target code segment in the editing interface in a highlighted mode by controlling the operation object to demonstrate the change corresponding to the target code segment in the demonstration interface.
Optionally, the visual programming control system further comprises an execution demonstration unit 405, and the execution demonstration unit 405 is configured to:
acquiring a second operation instruction of the user, wherein the second operation instruction is used for selecting a target code segment in the editing interface;
determining a target code segment according to the second operation instruction and executing the target code segment;
and demonstrating the change corresponding to the target code segment by controlling the operation object on the demonstration interface.
Optionally, the visual programming control system further includes a code editing unit 406, and the code editing unit 406 is configured to:
acquiring a third operation instruction of the user, wherein the third operation instruction is used for editing a target code;
updating the target code according to the third operation instruction;
acquiring an updated target code and executing the updated target code so as to change a target operation object;
and demonstrating the change corresponding to the target code segment by controlling the operation object on the demonstration interface.
The optional code editing unit 406 is further configured to obtain a dragging instruction of the user for a slider in the editing interface, where the slider is used to adjust a variable in the target code.
Optionally, the visual programming control system further includes a third obtaining unit 407, where the third obtaining unit 407 is configured to:
and acquiring a trial run instruction of the user, wherein the trial run instruction is used for starting to execute the updated code.
Optionally, the visual programming control system further includes a correction prompting unit 408, and the correction prompting unit 408 is configured to:
starting to execute the target code;
judging whether an error code segment exists in the target code or not in the process of executing the target code;
if so, determining the position of the error code segment in the editing interface;
displaying error code segments in an editing interface in a highlighted mode;
and generating prompt information according to the error code segment, wherein the prompt information is used for prompting a user to correct the error code segment.
In the visual programming control system, a demonstration interface is displayed firstly, the demonstration interface comprises an operation object, and the operation object is pre-configured with a corresponding code; the terminal can acquire the editing interface and the object code corresponding to the target operation object according to the first operation instruction by making a certain operation instruction in the demonstration interface by the user, and display the object code of the operation object in the editing interface. In the visual programming control system provided by the application, a user can visually see the codes of all the control objects, and the practicability of programming control is improved.
The application also provides a visual programming control device;
referring to fig. 5, fig. 5 is a schematic structural diagram of an embodiment of a visual programming control device provided in the present application, where the visual programming control device includes:
a processor 501, a memory 502, an input/output unit 503, and a bus 504;
the processor 501 is connected with the memory 502, the input/output unit 503 and the bus 504;
the memory 502 holds a program that the processor 501 calls to perform any of the visual programming control methods described above.
The present application also provides a computer-readable storage medium having a program stored thereon, which, when run on a computer, causes the computer to perform any of the visual programming control methods described above.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
In the several embodiments provided in the present application, it should be understood that the disclosed system, apparatus and method may be implemented in other manners. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be substantially implemented or contributed to by the prior art, or all or part of the technical solution may be embodied in a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a read-only memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and the like.
Claims (10)
1. A visual programming control method, the method comprising:
displaying a demonstration interface, wherein the demonstration interface comprises at least one operation object, and the operation object is preconfigured with a corresponding code;
acquiring a first operation instruction of a user, wherein the first operation instruction is used for selecting a target operation object from at least one operation object of the demonstration interface;
displaying an editing interface according to the first operation instruction and acquiring a target code corresponding to the target operation object, wherein the editing interface is an interface in an editable state;
and displaying the object code on the editing interface.
2. The method of controlling according to claim 1, wherein after said displaying said object code in said editing interface, said method further comprises:
starting execution of the object code;
determining a currently executed target code segment in the editing interface;
and controlling the operation object to demonstrate the change corresponding to the target code segment on the demonstration interface, and displaying the target code segment in the editing interface in a protruding mode.
3. The method of controlling according to claim 1 or 2, wherein after said displaying the object code in the editing interface, the method further comprises:
acquiring a second operation instruction of a user, wherein the second operation instruction is used for selecting a target code segment in the editing interface;
determining the target code segment according to the second operation instruction and executing the target code segment;
and controlling the operation object to demonstrate the change corresponding to the target code segment on the demonstration interface.
4. The method of controlling according to claim 1 or 2, wherein after said displaying the object code in the editing interface, the method further comprises:
acquiring a third operation instruction of a user, wherein the third operation instruction is used for editing the target code;
updating the target code according to the third operation instruction;
acquiring an updated target code and executing the updated target code;
and controlling the operation object to demonstrate the change corresponding to the updated target code segment through the demonstration interface.
5. The control method according to claim 4, wherein after the updating the object code according to the third operation instruction, before the acquiring the updated object code and executing the updated object code, the method further comprises:
and acquiring a trial run instruction of a user, wherein the trial run instruction is used for starting to execute the updated target code.
6. The control method according to claim 4, wherein the obtaining of the third operation instruction of the user comprises:
and acquiring a dragging instruction of a user to a sliding bar in the editing interface, wherein the sliding bar is used for adjusting the variable in the target code.
7. The method of controlling according to claim 1 or 2, wherein after said displaying the object code in the editing interface, the method further comprises:
executing the object code;
judging whether an error code segment exists in the target code or not in the process of executing the target code;
if so, determining the position of the error code segment in the editing interface;
displaying the error code segment in the editing interface in a highlighted manner;
and generating prompt information according to the error code segment, wherein the prompt information is used for prompting a user to correct the error code segment.
8. A visual programming control system, the system comprising:
the display unit is used for displaying a demonstration interface, the demonstration interface comprises at least one operation object, and the operation object is preconfigured with a corresponding code;
the first acquisition unit is used for acquiring a first operation instruction of a user, and the first operation instruction is used for selecting a target operation object from at least one operation object of the demonstration interface;
a second obtaining unit, configured to obtain an editing interface according to the first operation instruction and obtain a target code corresponding to the target operation object, where the editing interface is an interface in an editable state;
the display unit is also used for displaying the object code on the editing interface.
9. A visual programming control device, the device comprising:
the device comprises a processor, a memory, an input and output unit and a bus;
the processor is connected with the memory, the input and output unit and the bus;
the memory holds a program that the processor calls to execute the visual programming control method of any of claims 1 to 7.
10. A computer-readable storage medium having a program stored thereon, the program, when executed on a computer, performing the visual programming control method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011108811.5A CN112306480A (en) | 2020-10-16 | 2020-10-16 | Visual programming control method, system, device and computer storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011108811.5A CN112306480A (en) | 2020-10-16 | 2020-10-16 | Visual programming control method, system, device and computer storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112306480A true CN112306480A (en) | 2021-02-02 |
Family
ID=74327880
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011108811.5A Pending CN112306480A (en) | 2020-10-16 | 2020-10-16 | Visual programming control method, system, device and computer storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112306480A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112817582A (en) * | 2021-03-05 | 2021-05-18 | 网易（杭州）网络有限公司 | Code processing method and device, computer equipment and storage medium |
| CN113409653A (en) * | 2021-06-16 | 2021-09-17 | 北京猿力未来科技有限公司 | Information display method of programming interface and related equipment |
| WO2023173631A1 (en) * | 2022-03-15 | 2023-09-21 | 上海商汤智能科技有限公司 | Programming method and apparatus, and device, storage medium and computer program product |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130074036A1 (en) * | 2011-09-16 | 2013-03-21 | Joel R. Brandt | Methods and apparatus for code segment handling |
| CN107798084A (en) * | 2017-10-17 | 2018-03-13 | 广东广业开元科技有限公司 | The visual edit generation system and device of a kind of web front-end page |
| CN109847359A (en) * | 2019-03-12 | 2019-06-07 | 深圳市腾讯信息技术有限公司 | A kind of outpost edit methods, device, terminal and storage medium |
| CN110286896A (en) * | 2019-06-28 | 2019-09-27 | 百度在线网络技术（北京）有限公司 | Visualizing editing method, device, equipment and storage medium |
| US20190303564A1 (en) * | 2018-03-30 | 2019-10-03 | Ca, Inc. | Automated code highlighting to identify risk in software programming |
| CN111240673A (en) * | 2020-01-08 | 2020-06-05 | 腾讯科技（深圳）有限公司 | Interactive graphic work generation method, device, terminal and storage medium |
| CN111240661A (en) * | 2020-01-06 | 2020-06-05 | 腾讯科技（深圳）有限公司 | Programming page display method and device, storage medium and computer equipment |
| CN111596852A (en) * | 2020-06-12 | 2020-08-28 | 腾讯科技（深圳）有限公司 | Content editing method, system, computer readable storage medium and terminal device |
-
2020
- 2020-10-16 CN CN202011108811.5A patent/CN112306480A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130074036A1 (en) * | 2011-09-16 | 2013-03-21 | Joel R. Brandt | Methods and apparatus for code segment handling |
| CN107798084A (en) * | 2017-10-17 | 2018-03-13 | 广东广业开元科技有限公司 | The visual edit generation system and device of a kind of web front-end page |
| US20190303564A1 (en) * | 2018-03-30 | 2019-10-03 | Ca, Inc. | Automated code highlighting to identify risk in software programming |
| CN109847359A (en) * | 2019-03-12 | 2019-06-07 | 深圳市腾讯信息技术有限公司 | A kind of outpost edit methods, device, terminal and storage medium |
| CN110286896A (en) * | 2019-06-28 | 2019-09-27 | 百度在线网络技术（北京）有限公司 | Visualizing editing method, device, equipment and storage medium |
| CN111240661A (en) * | 2020-01-06 | 2020-06-05 | 腾讯科技（深圳）有限公司 | Programming page display method and device, storage medium and computer equipment |
| CN111240673A (en) * | 2020-01-08 | 2020-06-05 | 腾讯科技（深圳）有限公司 | Interactive graphic work generation method, device, terminal and storage medium |
| CN111596852A (en) * | 2020-06-12 | 2020-08-28 | 腾讯科技（深圳）有限公司 | Content editing method, system, computer readable storage medium and terminal device |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112817582A (en) * | 2021-03-05 | 2021-05-18 | 网易（杭州）网络有限公司 | Code processing method and device, computer equipment and storage medium |
| CN112817582B (en) * | 2021-03-05 | 2023-08-08 | 网易（杭州）网络有限公司 | Code processing method, device, computer equipment and storage medium |
| CN113409653A (en) * | 2021-06-16 | 2021-09-17 | 北京猿力未来科技有限公司 | Information display method of programming interface and related equipment |
| WO2023173631A1 (en) * | 2022-03-15 | 2023-09-21 | 上海商汤智能科技有限公司 | Programming method and apparatus, and device, storage medium and computer program product |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112306480A (en) | Visual programming control method, system, device and computer storage medium | |
| US8310485B1 (en) | Creating animation effects | |
| US11733973B2 (en) | Interactive graphic design system to enable creation and use of variant component sets for interactive objects | |
| CN110136252B (en) | Multi-scene data visualization system | |
| CN114581565A (en) | Animation path visual editing method and device, computer equipment and storage medium | |
| CN111583379A (en) | Rendering method and device of virtual model, storage medium and electronic equipment | |
| CN108287718A (en) | Special efficacy edit methods based on game engine and device | |
| CN111429553B (en) | Animation preview method, device, computer equipment and storage medium | |
| CN109814867B (en) | Virtual model building method and system | |
| CN104899038A (en) | Interface style transformation method and device | |
| CN110148214B (en) | Multi-scene data visualization method and device | |
| CN105118081B (en) | Processing method and device for picture synthesis video | |
| CN112612463A (en) | Graphical programming control method, system and device | |
| CN111494948B (en) | Editing method of game lens, electronic equipment and storage medium | |
| US20130076755A1 (en) | General representations for data frame animations | |
| CN111158840B (en) | Image carousel method and device | |
| CN113536514A (en) | Data processing method, device, equipment and storage medium | |
| US11373256B2 (en) | Editing and representing property values for a digital map | |
| CN112169313B (en) | Game interface setting method and device, electronic equipment and storage medium | |
| CN112631570A (en) | Animation movie production method, system, device and computer storage medium | |
| KR101352737B1 (en) | Method of setting up effect on mobile movie authoring tool using effect configuring data and computer-readable meduim carring effect configuring data | |
| CN112451966A (en) | Data sharing processing method, system and terminal | |
| CN111124232A (en) | Screenshot processing method and device and storage medium | |
| CN104850298A (en) | Information processing method and electronic equipment | |
| CN112417061B (en) | Three-dimensional dynamic plotting display method based on time drive |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |