Visual script program with selectable reroute node icons

Abstract

A computing device is provided that includes a processor configured to execute a visualization script program. The processor is further configured to display a graphical user interface (GUI) of the visualization script program, the graphical user interface configured to display a plurality of nodes connectable by a graphical line representing a data stream between the nodes. The GUI includes a selectable reroute node icon that enables one of the plurality of nodes to be connected to one or more other of the plurality of nodes via one of the graphic lines. The selectable reroute node icon includes a left end and a right end, where each end includes a selectable region having a width of at least one third of the total width of the selectable reroute node icon, and the left and right selectable regions sum up to at least 35% of the total area of the icon.

Description

[0001] Cross - Reference to Related Applications

[0002] This application claims priority to U.S. Application Serial No. 18 / 063,636, filed on December 8, 2022, entitled "VISUAL SCRIPTING PROGRAM WITH SELECTABLE REROUTE NODE ICON", the disclosure of which is incorporated herein by reference in its entirety. BACKGROUND OF THE INVENTION

[0003] A visual scripting program is a convenient tool that enables a user to develop a program via a node-based block diagram using a graphical user interface. By arranging nodes, selecting program logic to run within each node, and connecting the inputs and outputs of the nodes together via graphical lines, a user can use a visual scripting program to generate a script that can be exported to different software environments for execution. A visual scripting program can enable novice users who are not familiar with the coding details of scripting languages to easily develop scripts. Visual scripting programs are commonly used to develop games and add visual effects to content such as videos. These programs typically have a graphical user interface that includes nodes connected via graphical lines. When a user constructs a system, the user often rearranges the nodes on the graphical user interface, for example to make room for new nodes that are added. When the user moves the nodes themselves, many visual scripting languages automatically move the graphical lines that connect the nodes. However, the placement of the lines automatically determined by the visual scripting program may not be ideal, such as appearing cluttered or difficult to see, or taking up too much space on the screen. In such cases, the user may wish to change the position of the lines. For this purpose, a special type of node called a reroute node is provided. A reroute node enables a user to reroute graphical lines according to their preference, for example by moving a point on the line to a new location, inserting a branching point in the line, and so on. However, traditional reroute nodes are displayed as small circular pins on the line between nodes, and users may have difficulty seeing and interacting with them to perform the various functions of the reroute node. For experienced users, the user may be forced to try a particular user input multiple times. For novice users, the user may not be able to appreciate the functionality of traditional reroute nodes by visual inspection. This can lead to user frustration, ergonomic stress due to repeated input attempts, and decreased productivity. SUMMARY OF THE INVENTION

[0004] To address the issues discussed herein, a computing device and method are provided for displaying a graphical user interface (GUI) that includes an optional reroute node icon. In one aspect, a computing device is provided that includes a processor and an associated memory storing instructions that cause the processor to execute a visualization script program. The processor is configured to display a GUI of the visualization script program on a display device associated with the computing device. The GUI is configured to display a plurality of nodes including script logic, and the nodes can be connected by graphical lines representing a data flow or an execution flow between the nodes. The graphical user interface includes an optional reroute node icon that enables connecting one of the plurality of nodes to one or more other nodes of the plurality of nodes via one of the graphical lines. The optional reroute node icon includes a left end and a right end. The left end includes a left optional area having a width that is at least one-third of the total width of the optional reroute node icon. The right end includes a right optional area having a width that is at least one-third of the total width of the optional reroute node icon. And the left optional area and the right optional area together occupy at least 35% of the total area of the optional reroute node icon.

[0005] This Summary is intended to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter. Additionally, the claimed subject matter is not limited to implementations that solve any or all disadvantages noted in any part of this disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0006] Figure 1 is a schematic diagram of a computing device including a processor configured to execute a visualization script program and display a graphical user interface (GUI) of the visualization script program, according to an embodiment of the present disclosure.

[0007] Figure 2 illustrates an example reroute node of an optional reroute node icon of a GUI including Figure 1 in different interaction modes.

[0008] Figure 3 illustrates Figure 1 an example optional reroute node icon of a GUI of a computing device.

[0009] Figure 4 illustrates a schematic diagram of creating a one-to-many connection via an optional reroute node icon of a GUI of a computing device Figure 1 through

[0010] Figure 5Illustrated is an optional reroute node icon that is displayed in different colors or shadings depending on whether it is located at the left or right end of a one-to-many connection.

[0011] Figure 6 Illustrated is a schematic diagram of dragging a graphical line between nodes by an optional reroute node icon of a GUI of a computing device via Figure 1 .

[0012] Figure 7 Shown is a flowchart of a computerized method according to an example implementation of a computing device in accordance with Figure 1 .

[0013] Figure 8 Shown is a block diagram of an example computing system of a computing device that can be utilized to implement Figure 1 . Detailed Description

[0014] As Figure 1 schematically illustrated, to address the problems pointed out above, provided is a computing device 10 for displaying a GUI 22 including an optional reroute node icon. Figure 1 Illustrated is a schematic diagram of an example computing device 10 according to the present disclosure, including a processor 12 configured to execute a visualization scripting program 20 and display a GUI 22 of the visualization scripting program 20. Continuing Figure 1 , the computing device 10 can include an associated memory 14 that stores instructions to implement the visualization scripting program 20 via the processor 12, a display 16, and at least one suitable type of input device 18 (such as a keyboard, mouse, touch screen, etc.) for receiving user input from a user. For example, the computing device 10 can be any of various types of computing devices, such as a laptop computer, a desktop computer, a server, or a mobile computing device, such as a handheld tablet or a smartphone device.

[0015] First, the user runs the visualization scripting program 20 using the computing device 10. For example, the program 20 can be installed on the computing device 10 or can be installed on a remote server and accessed using the computing device 10. The processor 12 can be configured to execute the visualization scripting program 20 and display the GUI 22 of the visualization scripting program 20. The visualization scripting program 20 is a software tool that uses a graphical interface to help users create programs based on a visual representation of script logic. Programming in this visualization scripting interface is performed by specifying script logic in each of a plurality of blocks (referred to as nodes) using auxiliary tools such as pop-up menus, text editors, etc., and then connecting the nodes of the script logic. Connections between nodes can be established by connecting the port of one node to a compatible port on another node using an input device 18 such as a mouse. The visualization scripting program 20 has different node types, including events, flows, and data.

[0016] The visualization scripting program 20 can be utilized for various purposes. In one particular use case scenario, the visualization scripting program 20 is configured to add effects to digital content such as images and videos. In one example, the effect is an augmented reality (AR) effect added to a shareable AR video, such as an image overlay on a camera feed, to enable the user to capture a video of their face in a picture, etc. Thus, the program 20 can be configured to receive an input image, process the input image according to a script generated by the visualization scripting program 20 to add an AR effect to the image, thereby producing a modified image, and output the modified image. The GUI 22 of the program 20 can be configured to display a plurality of nodes 24 (24A, 24B, 24C...), which are configured to include script logic 26. The nodes 24 can be connected by graphical lines 28, which represent the data flow or execution flow between the nodes 24.

[0017] Continue Figure 1 , the GUI 22 includes a reroute node 30, which allows the user to move a line 28 around a node or connect one node to a new node. As discussed further below, the reroute node 30 can be displayed as a small round pushpin 31 or as an optional reroute node icon 32, which enables one of the nodes 24 among the plurality of nodes 24 to be connected to one or more other nodes among the plurality of nodes 24 via one of the graphical lines 28. The transition between these two icon forms for the reroute node 30 will be explained in connection with Figure 2 The optional reroute node icon 32 can also be configured to enable dragging of the graphical line 28 connecting one node and one or more other nodes, as shown by the graphical cursor dragging the graphical line 28 in the direction of the dashed arrow to the new position indicated by the dashed line.

[0018] Figure 2Illustrated is a reroute node 30 including an optional reroute node icon 32 in different interaction modes. The interaction modes of the reroute node 30 can include a default mode 54, a hover mode 56, a selected mode 58, and a selected and hover mode 60, as Figure 2 shown. In the default mode 54, the reroute node 30 can be displayed as a small circular thumbtack. Although a circular thumbtack is shown in the figure, other shapes such as square or diamond thumbtacks can alternatively be used. The default mode 54 is displayed when the reroute node 30 is not selected and the cursor 55 is not hovering over the reroute node 30. To transition to the hover mode 56, the reroute node 30 can be expanded and displayed as the optional reroute node icon 32 by hovering the cursor 55 over the small thumbtack in the default mode 54. The height of the optional reroute node icon 32 is between 1.5 and 2.5 times that of the circular thumbtack, and the length is between 3 and 5 times that of the circular thumbtack, and it has a circular side with straight edges at the top and bottom, thus generally forming an elongated pill shape. To transition from the hover mode 56 to the selected and hover mode 60, the user simply clicks on the reroute node 30. To transition from the default mode 54 to the selected and hover mode 60, the user can select the thumbtack 31 by hovering the cursor over the thumbtack 31, which will cause the hover mode 56 to be displayed, and then click on the optional reroute node icon 32 in the hover mode 56. In the selected and hover mode, a contour is displayed around the optional reroute node icon 32. The contour is displayed as white, surrounding a black inner area; however, it should be understood that these colors are merely exemplary, and the contour can be any graphically distinguishable color or shade that can be distinguished from the interior of the optional reroute node icon 32. To transition to the selected mode 58, the user can stop hovering over the optional reroute node icon 32 in the selected and hover mode 60 after the optional reroute node icon 32 has been clicked (i.e., while the contour is displayed), which will cause the optional reroute node icon 32 to stop being displayed in the selected mode 58 and the thumbtack 31 to be displayed. In the selected mode 58, a contour is displayed around the circular thumbtack, which can be white or other graphically distinguishable color or shade. In this way, the user can visually determine the operating mode of the reroute node 30. Although both the thumbtack 31 and the optional reroute node icon 32 in the default mode 54 can be used as the reroute node 30, enabling the movement of the line 28 and the addition of a new connection to the node 24, the optional reroute node icon 32 can be more intuitively utilized, as described below.

[0019] Figure 3 Illustrated is Figure 1 the optional reroute node icon 32 of the GUI 22 of the computing device 10 of Figure 3As shown, the optional reroute node 32 icon can be in the shape of a pill. Alternatively, the optional reroute node 32 icon can be in a rectangular shape or a circular shape. Continue Figure 3 , the optional reroute node icon 32 can include a left end 34 and a right end 36, where the left end 34 includes a left optional area 40 and the right end 36 includes a right optional area 42. The left optional area 40 and the right optional area 42 can be circular areas, as shown by the white circles in Figure 3 . Alternatively, the left and right optional areas 40, 42 can have a more complex shape, such as a D-shaped area shown by the dotted line. As another option, the circular area enclosed by the left or right optional area can be a larger circle that extends almost entirely to the perimeter of the icon, as shown by the double-dotted line. It can be understood that the width of the left optional area 40 is at least one-third of the total width of the optional reroute node icon 32, and the width of the right optional area 42 is at least one-third of the total width of the optional reroute node icon 32, as shown in Figure 3 . Such a wide width has the technical advantage that the user can easily select using a cursor or a click. In addition, the left optional area 40 and the right optional area 42 together can occupy at least 35% of the total area of the optional reroute node icon 32. The left optional area 40 and the right optional area 42 together can occupy less than 75% of the total area of the optional reroute node icon 32, or less than 85% in some embodiments, to leave room for the central optional area 50. Such a large area in the range of 35% to 75% or 85% also has the technical advantage that the user can easily select using a cursor or a click. In addition, the height of the left optional area 40 is at least two-thirds of the total height of the optional reroute node icon 32, and the height of the right optional area 42 is at least two-thirds of the total height of the optional reroute node icon 32. Such a high height also has the technical advantage that the user can easily select using a cursor or a click. These configurations ensure that these optional areas are large enough for the user to easily select the left optional area 40 and the right optional area 42. Continue Figure 3 , the optional reroute node icon 32 can also include a central optional area 50 located horizontally between the left optional area 40 and the right optional area 42 and shown by a dotted line, where the central optional area 50 can include a graphical symbol that includes one vertical bar or two vertical bars. Although the central optional area is shown as a rectangle, other shapes can also be adopted for this area. It should be understood that other markings can be provided as alternatives to the vertical bars. The central optional area 50 can also be configured to enable dragging of one or more lines 28 (see Figure 1 ) that connect one node 24 to one or more other nodes 24 (see Figure 1), as further discussed below.

[0020] Figure 4 Illustrates a schematic diagram of creating a one-to-many connection via Figure 1 the optional reroute node icon 32 of the GUI 22 of the computing device 10. By manipulating the optional reroute node icon 32, one node and one or more other nodes 24 can be connected via Figure 1 a one-to-many connection on the left end 34 or the right end 36 of the optional reroute node icon 32 of the GUI 22 of the computing device 10. As shown at 62, for example, when node 24A and node 24C are connected via the graphic line 28, the optional reroute node icon 32 can be displayed on the graphic line 28 between node 24A and node 24C by hovering over the reroute node thumbtack, and the selectable area 42 on the right side of the right end can be selected to establish an additional connection (one-to-many) from the corresponding output port 61 at the right end of the icon 32 to the corresponding input port 63 of node 24B. In addition, as shown at 64, the selectable area 42 on the left side of the left end can be selected to establish an additional connection (one-to-many) from the corresponding input port 63 at the left end of the icon 32 to the corresponding output port 61 of node 24A. Although at Figure 4 the top center, the input port 63 and the output port 61 are shown as small circles on the reroute node 30, these circles are for illustrative purposes only because the ports on the reroute node are not typically graphically represented by graphic circles. For this reason, the circles for the input and output ports on the reroute node are omitted in the remaining views.

[0021] Although shown as being horizontally elongated in the drawings, it can be understood that the optional reroute node icon 32 can be vertically oriented and vertically elongated on the line 28 such that the corresponding input or output ports can be positioned on the top side and the bottom side of the vertically oriented optional reroute node icon 32, as shown at 66. In addition, 62 of the optional reroute node icon 32 and 64 of the optional reroute node icon 32 can be displayed in different colors, as discussed below. It should be understood that since the reroute node icon 32 can be vertically oriented, the above-mentioned left end can be referred to as the first end, the above-mentioned right end can be referred to as the second end, and when vertically oriented, the first end can correspond to the top end, while the second end can correspond to the bottom end. In this vertically oriented configuration, the left-side selectable area can be referred to as the first-side selectable area and can be positioned at the top end. Similarly, in this vertically oriented configuration, the right-side selectable area can be referred to as the second-side selectable area and can be positioned at the bottom end.

[0022] Figure 5Illustrated is an optional reroute node icon 32 that is shown in a different shade or color depending on whether a one-to-many connection is located at the left or right end of the optional reroute node icon 32. For example, as shown at 82, when the one-to-many connection is located on the right end of the optional reroute node icon 32, the optional reroute node icon 32 including the connected graphical line 28 can be shown in a first color, such as gray, and as shown at 84, when the one-to-many connection is located on the right end of the optional reroute node icon 32, the optional reroute node icon 32 including the connected graphical line 28 can be shown in a second color, such as green. Alternatively, other visually contrasting hues or colors can be selected in addition to gray and green. This enables a user to easily identify whether a one-to-many connection can be created on the left or right side of the optional reroute node icon 32.

[0023] Figure 6 Illustrated is a schematic of dragging a graphical line 28 between nodes 24 by an optional reroute node icon 32 of a GUI 22 of a computing device 10 via Figure 1 . A bar in a central optional area 50 indicates that the graphical line 28 is draggable within the GUI 22. As Figure 5 shown, by placing the cursor within the optional reroute node icon 32 and holding and dragging the optional reroute node icon 32 from a first position to a second position, the graphical line 28 between nodes 24 can be dragged to a desired location.

[0024] Figure 7 Illustrated is a flowchart of a computerized method 300 implemented according to one example. The method 300 can use Figure 1implemented by the hardware and software of a computing device, or implemented using other suitable hardware and software components. At step 302, the method may include executing a visualization script program. At step 304, the method may further include displaying a graphical user interface (GUI) of the visualization script program. At step 306, the method may further include displaying, via the graphical user interface, a plurality of nodes configured to include script logic, the nodes being connectable by graphical lines that represent a data flow or an execution flow between the nodes. At step 308, the method may further include displaying, via the graphical user interface, an optional reroute node icon that enables connecting one of the plurality of nodes to one or more other nodes of the plurality of nodes via one of the graphical lines. The optional reroute node icon may include a left end and a right end, wherein the left end includes a left optional area having a width of at least one-third of the total width of the optional reroute node icon, the right end includes a right optional area having a width of at least one-third of the total width of the optional reroute node icon, and the left optional area and the right optional area together may occupy at least 35% of the total area of the optional reroute node icon. The optional reroute node icon may further include a central optional area between the left optional area and the right optional area, the central optional area being configured to enable dragging of one or more lines that connect one node to one or more other nodes.

[0025] The above-described systems and methods can be implemented to provide an optional reroute node icon with improved visibility and improved user functionality. The shape and size of the optional areas provided within the reroute node facilitate reliable interaction by the user, thereby improving the accuracy of input. The improved accuracy of input reduces the need for the user to re-enter input repeatedly, thereby achieving economy of user actions. In this manner, the above-described systems and methods both promote user ergonomics and improve user productivity.

[0026] In some embodiments, the methods and processes described herein may be associated with a computing system of one or more computing devices. Specifically, such methods and processes may be implemented as a computer application or service, an application programming interface (API), a library, and / or other computer program products.

[0027] Figure 8 Schematically illustrates a non-limiting embodiment of a computing system 600 in which the above one or more methods and processes may be implemented. The computing system 600 is shown in a simplified form. The computing system 600 may be embodied in Figure 2The computer device 10 shown and described above. The computing system 600 may take the form of one or more personal computers, server computers, tablet computers, home entertainment computers, network computing devices, gaming devices, mobile computing devices, mobile communication devices (e.g., smart phones), and / or other computing devices, as well as wearable computing devices (such as smart watches and head-mounted augmented reality devices).

[0028] The computing system 600 includes a logical processor 602, a volatile memory 604, and a non-volatile storage device 606. The computing system 600 may optionally include a display subsystem 608, an input subsystem 610, a communication subsystem 612, and / or Figure 8 other components not shown herein.

[0029] The logical processor 602 includes one or more physical devices configured to execute instructions. For example, the logical processor may be configured to execute instructions that are part of one or more applications, programs, routines, libraries, objects, components, data structures, or other logical constructs. Such instructions may be implemented to perform tasks, implement data types, transform the state of one or more components, achieve a technical effect, or otherwise achieve a desired result.

[0030] The logical processor may include one or more physical processors (hardware) configured to execute software instructions. Additionally or alternatively, the logical processor may include one or more hardware logic circuits or firmware devices configured to execute hardware-implemented logic or firmware instructions. The processors of the logical processor 602 may be single-core or multi-core, and the instructions executed thereon may be configured for sequential, parallel, and / or distributed processing. The various components of the logical processor may optionally be distributed in two or more separate devices, which may be remotely located and / or configured for coordinated processing. Aspects of the logical processor may be virtualized and executed by remotely accessible networked computing devices configured in a cloud computing configuration. In such a case, it will be understood that these virtualized aspects are run on different physical logical processors of various different machines.

[0031] The non-volatile storage device 606 includes one or more physical devices configured to store instructions executable by the logical processor to implement the methods and processes described herein. When implementing such methods and processes, the state of the non-volatile storage device 606 may change - for example, to store different data.

[0032] The non-volatile storage device 606 may include removable and / or built-in physical devices. The non-volatile storage device 606 may include optical memories (e.g., CD, DVD, HD-DVD, Blu-ray disc, etc.), semiconductor memories (e.g., ROM, EPROM, EEPROM, FLASH memory, etc.), and / or magnetic memories (e.g., hard disk drive, floppy disk drive, tape drive, MRAM, etc.) or other mass storage device technologies. The non-volatile storage device 606 may include non-volatile, dynamic, static, read / write, read-only, sequential access, location-addressable, file-addressable, and / or content-addressable devices. It should be understood that the non-volatile storage device 606 is configured to store instructions even when the non-volatile storage device 606 is powered off.

[0033] The volatile memory 604 may include physical devices that include random access memory. The volatile memory 604 is typically utilized by the logical processor 602 to temporarily store information during the processing of software instructions. It should be understood that when the volatile memory 604 is powered off, the volatile memory 604 generally does not continue to store instructions.

[0034] Aspects of the logical processor 602, the volatile memory 604, and the non-volatile storage device 606 may be integrated together into one or more hardware logic components. For example, such hardware logic components may include field programmable gate arrays (FPGA), program and application specific integrated circuits (PASIC / ASIC), program and application specific standard products (PSSP / ASSP), system on a chip (SOC), and complex programmable logic devices (CPLD).

[0035] The terms “module,” “program,” and “engine” may be used to describe an aspect of the computing system 600, which is typically implemented in software by a processor to perform a specific function using a portion of the volatile memory, the function involving a transformational process that specifically configures the processor to perform the function. Thus, a module, program, or engine may be instantiated via the logical processor 602 using a portion of the volatile memory 604 to execute instructions saved by the non-volatile storage device 606. It can be understood that different modules, programs, and / or engines may be instantiated from the same application, service, code block, object, library, routine, API, function, etc. Similarly, the same module, program, and / or engine may be instantiated by different applications, services, code blocks, objects, routines, APIs, functions, etc. The terms “module,” “program,” and “engine” may encompass a single or a set of executable files, data files, libraries, drivers, scripts, database records, etc.

[0036] When included, the display subsystem 608 can be used to present a visual representation of the data stored in the non-volatile storage device 606. The visual representation can take the form of a graphical user interface (GUI). Since the methods and processes described herein change the data stored in the non-volatile storage device, thereby transforming the state of the non-volatile storage device, the state of the display subsystem 608 can also be transformed to visually represent the changes in the underlying data. The display subsystem 608 can include one or more display devices utilizing almost any type of technology. Such display devices can be combined with the logic processor 602, volatile memory 604, and / or non-volatile storage device 606 in a shared enclosure, or such display devices can be peripheral display devices.

[0037] When included, the input subsystem 610 can include or interface with one or more user input devices such as a keyboard, mouse, touch screen, or game controller. In some embodiments, the input subsystem can include or interface with selected natural user input (NUI) components. Such components can be integrated or peripheral, and the translation and / or processing of input actions can be handled on-board or off-board. Example NUI components can include a microphone for voice and / or speech recognition; infrared, color, stereo, and / or depth cameras for machine vision and / or gesture recognition; head trackers, eye trackers, accelerometers, and / or gyroscopes for motion detection and / or intent recognition; and electro-field sensing components for evaluating brain activity; and / or any other suitable sensors.

[0038] When included, the communication subsystem 612 can be configured to communicatively couple the various computing devices described herein to each other and to other devices. The communication subsystem 612 can include wired and / or wireless communication devices compatible with one or more different communication protocols. As a non-limiting example, the communication subsystem can be configured to communicate via a wireless telephone network, a wired or wireless local area network, or a wide area network such as HDMI over Wi-Fi. In some embodiments, the communication subsystem can allow the computing system 600 to send messages to and / or receive messages from other devices via a network such as the Internet.

[0039] The following paragraphs provide additional support for the claims of this application. One aspect provides a computing device. The computing device may include a processor and an associated memory storing instructions that cause the processor to execute a visual scripting program. The processor may also be configured to display a graphical user interface of the visual scripting program. The graphical user interface may be configured to display a plurality of nodes configured to include script logic, where the nodes may be connected by graphical lines representing data flow or execution flow between the nodes, and the graphical user interface may include an optional reroute node icon that enables connecting one of the plurality of nodes to one or more other nodes of the plurality of nodes via one of the graphical lines. The optional reroute node icon may include a left end and a right end, the left end including a left optional region having a width of at least one-third of the total width of the optional reroute node icon, and the right end including a right optional region having a width of at least one-third of the total width of the optional reroute node icon. Additionally, the left optional region and the right optional region together may occupy at least 35% of the total area of the optional reroute node icon.

[0040] According to this aspect, one node and one or more other nodes may be connected via a one-to-many connection on the left end or the right end of the optional reroute node icon.

[0041] According to this aspect, the optional reroute node icon may be displayed in a different shade or color depending on whether the one-to-many connection is on the left end or the right end of the optional reroute node icon.

[0042] According to this aspect, the optional reroute node icon may further include a central optional region located between the left optional region and the right optional region, the central optional region being configured to enable dragging one or more lines connecting one node to one or more other nodes. The central optional region may also include a graphical symbol including two vertical bars.

[0043] According to this aspect, the visual scripting program may be configured to receive an input image, process the input image according to a script generated by the visual scripting program to add an augmented reality (AR) effect to the image, thereby generating a modified image, and output the modified image.

[0044] According to this aspect, the left optional region and the right optional region may be circular regions. Additionally, the optional reroute node icon may be pill-shaped.

[0045] According to another aspect of the present disclosure, a computerized method is provided. The computerized method may include executing a visualization script program. The computerized method may further include displaying a graphical user interface (GUI) of the visualization script program. The computerized method may further include displaying, via the graphical user interface, a plurality of nodes configured to include script logic, wherein the nodes may be connected by graphical lines representing a data flow or an execution flow between the nodes. The computerized method may further include displaying, via the graphical user interface, an optional reroute node icon that enables connecting one of the plurality of nodes to one or more other nodes of the plurality of nodes via one of the graphical lines. The optional reroute node icon may include a left end and a right end, the left end including a left optional area having a width of at least one-third of the total width of the optional reroute node icon, the right end including a right optional area having a width of at least one-third of the total width of the optional reroute node icon, and the left optional area and the right optional area together may occupy at least 35% of the total area of the optional reroute node icon.

[0046] According to this aspect, one node and one or more other nodes may be connected via a one-to-many connection on the left end or the right end of the optional reroute node icon.

[0047] According to this aspect, the optional reroute node icon may be displayed in a different shade or color depending on whether the one-to-many connection is on the left end or the right end of the optional reroute node icon.

[0048] According to this aspect, the optional reroute node icon may further include a central optional area between the left optional area and the right optional area, wherein the central optional area may be configured to enable dragging one or more lines connecting one node to one or more other nodes.

[0049] According to this aspect, the central optional area may include a graphical symbol including two vertical bars.

[0050] According to this aspect, the visualization script program may be configured to receive an input image, process the input image according to a script generated by the visualization script program to add an augmented reality (AR) effect to the image, thereby generating a modified image, and output the modified image.

[0051] According to this aspect, the left optional area and the right optional area may be circular areas. Further, the optional reroute node icon may be in a pill shape.

[0052] According to another aspect of the present disclosure, a computer-readable medium is provided. The computer-readable medium may include instructions that, when executed by a processor, cause the processor to perform steps of a visual scripting program. These steps may also include displaying a graphical user interface of the visual scripting program. These steps may also include displaying, via the graphical user interface, a plurality of nodes configured to include script logic, wherein the nodes may be connected by graphical lines representing a data flow or an execution flow between the nodes. These steps may also include displaying, via the graphical user interface, an optional reroute node icon that enables connecting one of the plurality of nodes to one or more other nodes of the plurality of nodes via one of the graphical lines. The optional reroute node icon may include a first end and a second end, wherein the first end may include a first-side optional area having a width of at least one-third of the total width of the optional reroute node icon, and the second end may include a second-side optional area having a width of at least one-third of the total width of the optional reroute node icon. In addition, the first-side optional area and the second-side optional area together may occupy at least 35% of the total area of the optional reroute node icon.

[0053] It should be understood that the configurations and / or methods described herein are exemplary in nature, and these specific embodiments or examples should not be considered limiting since numerous variations are possible. The specific routines or methods described herein may represent one or more of any number of processing strategies. Accordingly, the various acts illustrated and / or described may be performed in the order illustrated and / or described, in other orders, in parallel, or omitted. Similarly, the order of the above processes may be changed.

[0054] The subject matter of the present disclosure includes all novel and non-obvious combinations and sub-combinations of the various processes, systems, and configurations and other features, functions, acts, and / or properties disclosed herein, as well as any and all equivalents thereof.

Claims

1. A computing device, comprising: a processor and an associated memory storing instructions that cause the processor to: execute a visualization script program; display a graphical user interface of the visualization script program, the graphical user interface being configured to display a plurality of nodes configured to include script logic, the nodes being connectable by graphical lines, the graphical lines representing a data flow or an execution flow between the nodes, the graphical user interface including an optional reroute node icon that enables one of the plurality of nodes to be connected to one or more other ones of the plurality of nodes via one of the graphical lines, wherein the optional reroute node icon includes a left end and a right end, the left end including a left optional area having a width of at least one-third of a total width of the optional reroute node icon, the right end including a right optional area having a width of at least one-third of the total width of the optional reroute node icon, and the left optional area and the right optional area together occupy at least 35% of a total area of the optional reroute node icon.

2. The computing device according to claim 1, wherein the one node and the one or more other nodes are connected via a one-to-many connection on the left end or the right end of the optional reroute node icon.

3. The computing device according to claim 2, wherein the optional reroute node icon is displayed in a different shade or color depending on whether the one-to-many connection is on the left end or the right end of the optional reroute node icon.

4. The computing device according to claim 1, wherein the optional reroute node icon further includes a central optional area located between the left optional area and the right optional area, the central optional area being configured to enable dragging of one or more lines connecting the one node to the one or more other nodes.

5. The computing device according to claim 4, wherein the central optional area includes a graphical symbol including two vertical bars.

6. The computing device according to claim 1, wherein the visualization script program is configured to receive an input image, process the input image according to a script generated by the visualization script program to add an augmented reality (AR) effect to the image, thereby generating a modified image, and output the modified image.

7. The computing device according to claim 1, wherein the left optional area and the right optional area are circular areas.

8. The computing device according to claim 1, wherein the optional reroute node icon is in a pill shape.

9. A computerized method, comprising: executing a visualization script program; displaying a graphical user interface (GUI) of the visualization script program, displaying via the graphical user interface a plurality of nodes configured to include script logic, the nodes being connectable by graphical lines, the graphical lines representing a data flow or an execution flow between the nodes, and Displaying an optional rerouting node icon via the graphical user interface, the optional rerouting node icon enabling a node among the plurality of nodes to be connected to one or more other nodes among the plurality of nodes via one of the graphical lines, wherein the optional rerouting node icon includes a left end and a right end, the left end including a left optional area having a width of at least one third of the total width of the optional rerouting node icon, the right end including a right optional area having a width of at least one third of the total width of the optional rerouting node icon, and the left optional area and the right optional area together occupy at least 35% of the total area of the optional rerouting node icon.

10. The computerized method according to claim 9, wherein the one node and the one or more other nodes are connected via a one-to-many connection on the left end or the right end of the optional rerouting node icon.

11. The computerized method according to claim 10, wherein the optional rerouting node icon is displayed in a different shade or color depending on whether the one-to-many connection is on the left end or the right end of the optional rerouting node icon.

12. The computerized method according to claim 9, wherein the optional rerouting node icon further includes a central optional area located between the left optional area and the right optional area, the central optional area being configured to enable dragging of one or more lines connecting the one node to the one or more other nodes.

13. The computerized method according to claim 12, wherein the central optional area includes a graphical symbol including two vertical bars.

14. The computerized method according to claim 9, wherein the visual scripting program is configured to receive an input image, process the input image according to a script generated by the visual scripting program to add an augmented reality (AR) effect to the image, thereby generating a modified image, and output the modified image.

15. The computerized method according to claim 9, wherein the left optional area and the right optional area are circular areas.

16. The computerized method according to claim 9, wherein the optional rerouting node icon is pill-shaped.

17. A computer-readable medium including instructions stored thereon, the instructions when executed by a processor causing the processor to perform the following steps: Execute a visual scripting program; Display a graphical user interface of the visual scripting program, Display via the graphical user interface a plurality of nodes configured to include script logic, the nodes being connectable by graphical lines representing a data flow or an execution flow between the nodes, and Display via the graphical user interface an optional rerouting node icon, the optional rerouting node icon enabling a node among the plurality of nodes to be connected to one or more other nodes among the plurality of nodes via one of the graphical lines, wherein The optional rerouting node icon includes a first end and a second end. The first end includes a first side optional area, the width of the first side optional area being at least one third of the total width of the optional rerouting node icon. The second end includes a second side optional area, the width of the second side optional area being at least one third of the total width of the optional rerouting node icon, and the first side optional area and the second side optional area together occupy at least 35% of the total area of the optional rerouting node icon.

18. The computer-readable medium according to claim 17, wherein the one node and the one or more other nodes are connected via a one-to-many connection on the left end or the second end of the optional rerouting node icon, and the optional rerouting node icon is displayed in a different shade or color depending on whether the one-to-many connection is on the first end or the second end of the optional rerouting node icon.

19. The computer-readable medium according to claim 17, wherein the optional rerouting node icon further includes a central optional area located between the first side optional area and the second side optional area, and the central optional area is configured to enable dragging of one or more lines connecting the one node to the one or more other nodes.

20. The computer-readable medium according to claim 17, wherein the optional rerouting node icon is in the shape of a pill.

Images