Device, method, medium and program for executing a visual scripting program with selectable reroute node icons

Abstract

A computing device is provided that includes a processor configured to execute a visual scripting program. The processor is further configured to display a graphical user interface (GUI) for the visual scripting program. The GUI is configured to display a plurality of nodes connectable by graphical wires representing data flow between the nodes. The GUI includes a selectable reroute node icon that enables connecting one of the plurality of nodes to one or more other of the plurality of nodes via one of the graphical wires. The selectable reroute node icon includes left and right edges, each edge including a selectable region having a width at least one-third of the total width of the selectable reroute node icon, and the left and right selectable regions together occupy at least 35% of the total area of ​​the icon.

Description

[Background Technology]

[0001] Visual scripting programs are convenient tools that allow users to develop programs through node-based block diagrams using a graphical user interface. By placing nodes, selecting the program logic to be executed within each node, and connecting the node's inputs and outputs through graphical wires, users can use visual scripting programs to generate scripts that can be exported and run in another software environment. Visual scripting programs allow beginners, even those unfamiliar with the coding details of scripting languages, to easily develop scripts. Visual scripting programs are often used to develop games and add visual effects to content such as videos. These programs typically have a graphical user interface, which includes nodes connected through graphical wires. When building a system, users often rearrange the nodes on the graphical user interface, for example, to make room for new nodes that have been added. In many visual scripting languages, the graphical wires connecting the nodes automatically move when the user moves the nodes themselves. However, the placement of wires automatically determined by the visual scripting program can sometimes be undesirable, appearing cluttered, difficult to read, or taking up too much space on the screen. In such situations, users may want to reposition the wires. For this purpose, a special type of node called a reroute node is provided. Reroute nodes allow users to reroute graphical wires to their liking, for example by moving points on the wire to new positions or by inserting branch points into the wire. However, because traditional reroute nodes appear as small circular pins on the wires between nodes, it can be difficult for users to see and interact with them to perform their various functions. Experienced users may need to try certain user inputs multiple times.Novice users may not understand the functionality of traditional reroute nodes even after visual inspection, which can lead to user frustration, ergonomic strain from repetitive input, and reduced productivity. Summary of the Invention

[0002] To address the problems discussed herein, a computing device and method for displaying a graphical user interface (GUI) including a selectable reroute node icon are provided. In one aspect, a computing device is provided that includes a processor and associated memory that stores instructions for causing the processor to execute a visual scripting program. The processor is configured to display the GUI of the visual scripting program on a display device associated with the computing device. The GUI is configured to display a plurality of nodes including scripting logic, the nodes being connectable by graphical wires that represent data flow or execution flow between the nodes. The graphical user interface includes a selectable reroute node icon that enables a connection between one of the plurality of nodes and one or more other nodes of the plurality of nodes via one of the graphical wires. The selectable reroute node icon includes a left edge and a right edge, the left edge including a left-side selectable region having a width at least one-third of the total width of the selectable reroute node icon, and the right edge including a right-side selectable region having a width at least one-third of the total width of the selectable reroute node icon, the left and right selectable regions occupying at least 35% of the total area of ​​the selectable reroute node icon.

[0003] This Summary is provided to introduce a selection of concepts in a simplified form that are more fully described 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. Moreover, the claimed subject matter is not limited to implementations that solve some or all of the disadvantages noted in any part of this disclosure. [Brief explanation of the drawings]

[0004] [Figure 1] FIG. 1 is a schematic diagram of a computing device including a processor configured to execute a visual scripting program and display a graphical user interface (GUI) of the visual scripting program, according to one embodiment of the present disclosure. [Figure 2] 2A-2C illustrate examples of reroute nodes in various interaction modes, including selectable reroute node icons for the GUI of FIG. 1. [Figure 3] 2 illustrates an example of a selectable reroute node icon in the GUI of the computing device of FIG. 1. [Figure 4] 2 is a schematic diagram illustrating creating a one-to-many connection via a selectable reroute node icon in the GUI of the computing device of FIG. 1. [Figure 5] FIG. 10 illustrates a selectable reroute node icon that is displayed in a different color or shade depending on whether the one-to-many connection is at the left or right edge of the selectable reroute node icon. [Figure 6] 2 is a schematic diagram illustrating dragging a graphical wire between nodes via a selectable reroute node icon in the GUI of the computing device of FIG. 1. [Figure 7] 2 illustrates a flowchart of a computerized method according to one exemplary implementation of the computing device of FIG. 1. [Figure 8]FIG. 2 is a block diagram illustrating an example of a computing system that can be used to implement the computing device of FIG. 1. DETAILED DESCRIPTION OF THE INVENTION

[0005] To address the above-described problems, a computing device 10 is provided for displaying a GUI 22 including a selectable reroute node icon, as shown generally in FIG. 1. FIG. 1 is a schematic diagram of an example computing device 10 including a processor 12 configured to execute a visual scripting program 20 and display the GUI 22 of the visual scripting program 20 in accordance with the present disclosure. Continuing with FIG. 1, the computing device 10 may include associated memory 14 that stores instructions for executing the visual scripting program 20 via the processor 12, a display 16, and at least one input device 18 of a suitable type, such as a keyboard, mouse, touchscreen, or the like, for receiving user input from a user. For example, the computing device 10 may be any of a variety of types of computing devices, such as a laptop, desktop, server, or mobile computing device, such as a handheld tablet or smartphone device.

[0006] First, a user executes a visual scripting program 20 using a computing device 10. The program 20 can be installed on the computing device 10 or on a remote server and accessed using the computing device 10. The processor 12 can be configured to execute the visual scripting program 20 and display a GUI 22 for the visual scripting program 20. The visual scripting program 20 is a software tool that uses a graphical interface to help users create programs based on a visual representation of scripting logic. Programming in such a visual scripting interface is performed by specifying scripting logic in multiple blocks called nodes and connecting the scripting logic nodes together using aids such as pop-up menus, text editors, and the like. Connections between nodes are made by connecting a port on one node to a compatible port on another node using an input device 18, such as a mouse. The visual scripting program 20 includes various node types, such as events, flows, and data.

[0007] The visual scripting program 20 may be utilized for a variety of purposes. In one particular use case scenario, the visual scripting program 20 is configured to add effects to digital content, such as images or videos. In one example, the effect is an augmented reality (AR) effect added to a shareable AR video, such as adding an image overlay to a camera feed to allow a user to capture video of their face in a photo. Thus, the program 20 may be configured to receive an input image, process the input image according to a script generated by the visual scripting program 20 to add the AR effect to the image, generate a modified image, and output the modified image. The GUI 22 of the program 20 may be configured to display multiple nodes 24 (24A, 24B, 24C, ...) configured to include scripting logic 26. The nodes 24 may be connected by graphical wires 28 representing data flow or execution flow between the nodes 24.

[0008] Continuing with FIG. 1, GUI 22 includes a reroute node 30 that allows a user to move wires 28 or connect one node to a new node. As described further below, reroute node 30 may be displayed as a small circular pin 31 or a selectable reroute node icon 32 that enables one node of plurality of nodes 24 to connect to one or more other nodes of plurality of nodes 24 via one of the graphical wires 28. The transition between these two icon forms of reroute node 30 is described below in connection with FIG. 2. Selectable reroute node icon 32 may be further configured to enable dragging of graphical wires 28 that connect one node to one or more other nodes, as indicated by dragging graphical wire 28 with a graphical cursor in the direction of the dashed arrow to move it to a new location indicated by the dashed line.

[0009] FIG. 2 illustrates a reroute node 30, including a selectable reroute node icon 32, in various interaction modes. The interaction modes for the reroute node 30, as shown in FIG. 2, include a default mode 54, a hover mode 56, a selected mode 58, and a selected and hover mode 60. In the default mode 54, the reroute node 30 appears as a small circular pin. Although a circular pin is displayed, other shapes, such as a square or diamond-shaped pin, can be used instead. 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 change to the hover mode 56, the cursor 55 is hovered over the small pin in the default mode 54, which causes the reroute node 30 to expand and appear as a selectable reroute node icon 32. The selectable reroute node icon 32 is 1.5 to 2.5 times the height and 3 to 5 times the length of a circular pin, with chamfered side edges and straight top and bottom sides, forming an overall elongated oval or pill shape. To change from hover mode 56 to selected and hover mode 60, the user simply clicks on the reroute node 30. To change from default mode 54 to selected and hover mode 60, the user hovers the cursor over the pin 31 to display hover mode 56, and then clicks on the selectable reroute node icon 32 in hover mode 56 to select the pin 31. In selected and hover mode, an outline appears around the selectable reroute node icon 32. The outline appears as a white outline surrounding a black interior area. However, these colors are merely exemplary, and it is understood that the outline may be any graphically distinct color or shade that is distinct from the interior of the selectable reroute node icon 32. To change to selected mode 58, after clicking on the selectable reroute node icon 32 (i.e., while the outline is displayed), the user can stop hovering over the selectable reroute node icon 32 in selected and hover mode 60.This causes the selectable reroute node icon 32 to cease displaying and the pin 31 to display in selected mode 58. In selected mode 58, an outline appears around the circular pin, which may be white or another graphically distinct color or shade. In this way, the user can visually confirm the operating mode of the reroute node 30. While both the pin 31 and the selectable reroute node icon 32 in default mode 54 function as a reroute node 30 and allow for the movement of wires 28 and the addition of new connections to the node 24, the selectable reroute node icon 32 may be utilized more intuitively, as described below.

[0010] FIG. 3 illustrates a selectable reroute node icon 32 on the GUI 22 of the computing device 10 of FIG. 1. As shown in FIG. 3, the selectable reroute node icon 32 may be pill-shaped. Alternatively, the selectable reroute node icon 32 may be rectangular or circular. Continuing with FIG. 3, the selectable reroute node icon 32 includes a left edge 34 and a right edge 36, with the left edge 34 including a left selectable region 40 and the right edge 36 including a right selectable region 42. The left selectable region 40 and the right selectable region 42 may be circular regions, as shown by the open circles in FIG. 3. Alternatively, the left and right selectable regions 40, 42 may have more complex shapes, such as D-shaped regions, as shown by the dotted lines. Additionally, the circular region enclosed by the left or right selectable region may be a larger circle that extends nearly or completely around the icon, as shown by the double-dotted lines. As shown in FIG. 3 , the left selectable area 40 has a width that is at least one-third of the total width of the selectable reroute node icon 32, and the right selectable area 42 has a width that is at least one-third of the total width of the selectable reroute node icon 32. Such wide widths have the technical advantage of allowing a user to easily select the icon with a cursor or tap. Furthermore, the left selectable area 40 and the right selectable area 42 may together occupy at least 35% of the total area of ​​the selectable reroute node icon 32. The left selectable area 40 and the right selectable area 42 may together occupy less than 75%, or in some embodiments less than 85%, of the total area of ​​the selectable reroute node icon 32 to allow space for the center selectable area 50. Such large areas in the range of 35% to 75% or 85% also have the technical advantage of allowing a user to easily select the icon with a cursor or tap. Additionally, the left selectable area 40 may have a height that is at least two-thirds the total height of the selectable reroute node icons 32, and the right selectable area 42 may have a height that is at least two-thirds the total height of the selectable reroute node icons 32. Such heights also have the technical advantage of allowing a user to easily make selections using a cursor or tap.These configurations ensure that these selectable areas are sufficiently large to allow a user to easily select the left selectable area 40 and the right selectable area 42. Continuing with FIG. 3 , the selectable reroute node icon 32 further includes a central selectable area 50, shown as a dotted line, horizontally between the left selectable area 40 and the right selectable area 42, which may include a graphical symbol including one or two vertical bars. While the central selectable area is shown as a rectangle, other shapes for this area may be used. It will be understood that other indications may be provided in place of one or more vertical bars. The central selectable area 50 may be further configured to enable dragging of one or more wires 28 (see FIG. 1) connecting one node 24 to one or more other nodes 24 (see FIG. 1) upon hovering a cursor over the area and performing a click-and-drag action, as will be further described below.

[0011] 4 is a schematic diagram illustrating the creation of a one-to-many connection via a selectable reroute node icon 32 in the GUI 22 of the computing device 10 of FIG. 1. By manipulating the selectable reroute node icon 32, one node can be connected to one or more other nodes 24 via a one-to-many connection at the left end 34 or right end 36 of the selectable reroute node icon 32 in the GUI 22 of the computing device 10 of FIG. 1. For example, if nodes 24A and 24C are connected via a graphical wire 28, as shown at 62, by hovering over the reroute node pin, the selectable reroute node icon 32 appears on the graphical wire 28 between nodes 24A and 24C, and the right-hand selectable region 42 at the right end can be selected to create an additional (one-to-many) connection from the corresponding output port 61 at the right end of the icon 32 to the corresponding input port 63 of node 24B. Additionally, as shown at 64, the leftmost left selectable region 42 may be selected to create an additional (one-to-many) connection from the corresponding input port 63 on the left side of icon 32 to the corresponding output port 61 on node 24A. While reroute node 30 in the top center of Figure 4 shows input port 63 and output port 61 as small circles, these circles are for illustrative purposes only; ports on reroute nodes are not typically represented graphically with circles. For this reason, the circles for the input and output ports on the reroute node have been omitted from the remaining figures.

[0012] Although shown as elongated horizontally in the figures, it is understood that the selectable reroute node icons 32 may be oriented vertically on the wires 28, elongating vertically, with corresponding input or output ports located above and below the vertically oriented selectable reroute node icons 32, as shown at 66. Additionally, the selectable reroute node icons 32 at 62 and 64 may be displayed in different colors, as described below. Because the reroute node icons 32 may be oriented vertically, it is understood that when oriented vertically, the left edge is referred to as the first edge and the right edge is referred to as the second edge, with the first edge corresponding to the top edge and the second edge corresponding to the bottom edge. In this vertically oriented configuration, the left selectable region may be referred to as the first side selectable region and located at the top edge. Similarly, in this vertically oriented configuration, the right selectable region may be referred to as the second side selectable region and located at the bottom edge.

[0013] FIG. 5 illustrates how selectable reroute node icons 32 are displayed in different shades or colors depending on whether the one-to-many connection is located at the left or right edge of the selectable reroute node icon 32. For example, as indicated at 82, when the one-to-many connection is located at the right edge of the selectable reroute node icon 32, the selectable reroute node icon 32 including the connected graphical wire 28 is displayed in a first color, such as gray. When the one-to-many connection is located at the left edge of the selectable reroute node icon 32, as indicated at 84, the selectable reroute node icon 32 including the connected graphical wire 28 is displayed in a second color, such as green. Alternatively, a visually contrasting shade or color other than gray and green can be selected. This allows a user to easily distinguish whether the one-to-many connection was created on the left or right edge of the selectable reroute node icon 32.

[0014] 6 is a schematic diagram illustrating dragging a graphical wire 28 between nodes 24 via a selectable reroute node icon 32 in the GUI 22 of the computing device 10 of FIG. 1. A bar in a central selectable area 50 indicates that the graphical wire 28 is draggable within the GUI 22. As shown in FIG. 5, the graphical wire 28 between nodes 24 can be dragged to a desired location by placing a cursor within the selectable reroute node icon 32, pressing and holding the selectable reroute node icon 32, and dragging it from a first location to a second location.

[0015] FIG. 7 shows a flowchart of a computerized method 300 according to one embodiment. Method 300 can be implemented using the hardware and software of the computing device of FIG. 1 or other suitable hardware and software components. In step 302, the method may include executing a visual scripting program. In step 304, the method may further include displaying a graphical user interface (GUI) of the visual scripting program. In step 306, the method may further include displaying, via the graphical user interface, a plurality of nodes configured to include scripting logic. The nodes are connectable by graphical wires representing data flow or execution flow between the nodes. In step 308, the method may further include displaying, via the graphical user interface, a selectable reroute node icon that enables one of the plurality of nodes to connect to one or more other of the plurality of nodes via one of the graphical wires. The selectable reroute node icon includes left and right edges, the left edge including a left selectable region having a width at least one-third of the total width of the selectable reroute node icon, and the right edge including a right selectable region having a width at least one-third of the total width of the selectable reroute node icon, the left and right selectable regions together occupying at least 35% of the total area of ​​the selectable reroute node icon. The selectable reroute node icon further includes a center selectable region between the left and right selectable regions, the center selectable region configured to enable dragging of one or more wires connecting one node to one or more other nodes.

[0016] The above-described systems and methods can be implemented to provide a reroute node icon with improved visibility and functionality for the user. The shape and size of the selectable areas provided within the reroute node promote reliable user interaction and improve input accuracy. Improved input accuracy reduces the need for the user to repeatedly reapply input, resulting in more efficient user operations. In this way, the above-described systems and methods promote both user ergonomics and productivity.

[0017] In some embodiments, the methods and processes described herein may be coupled to a computing system of one or more computing devices. In particular, such methods and processes may be implemented as a computer application program or service, an application programming interface (API), a library, and / or other computer program product.

[0018] 8 illustrates generally a non-limiting embodiment of a computing system 600 capable of performing one or more of the methods and processes described above. The computing system 600 is illustrated in simplified form. The computing system 600 may embody the computing device 10 illustrated in FIG. 2 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 (such as smartphones), and / or other computing devices, as well as wearable computing devices such as smart wristwatches and head-mounted augmented reality devices.

[0019] Computing system 600 includes a logic processor 602, a volatile memory 604, and a non-volatile storage device 606. Computing system 600 may optionally include a display subsystem 608, an input subsystem 610, a communication subsystem 612, and / or other components not shown in FIG.

[0020] Logic processor 602 includes one or more physical devices configured to execute instructions. For example, a logic 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 a task, implement a data type, transform the state of one or more components, achieve a technical effect, or otherwise achieve a desired result.

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

[0022] Non-volatile storage device 606 includes one or more physical devices configured to hold instructions executable by a logic processor to perform the methods and processes described herein. When such methods and processes are implemented, the state of non-volatile storage device 606 is transformed, e.g., to hold different data.

[0023] The non-volatile storage device 606 may include removable and / or internal physical devices. The non-volatile storage device 606 may include optical memory (e.g., CD, DVD, HD-DVD, Blu-Ray disc), semiconductor memory (e.g., ROM, EPROM, EEPROM, FLASH memory), and / or magnetic memory (e.g., hard disk drive, floppy disk drive, tape drive, MRAM), or other mass storage device technologies. The non-volatile storage device 606 may include non-volatile, dynamic, static, read / write, read-only, sequential access, position-addressable, file-addressable, and / or content-addressable devices. It is understood that the non-volatile storage device 606 is configured to retain instructions even when power to the non-volatile storage device 606 is removed.

[0024] Volatile memory 604 may include physical devices including random access memory. Volatile memory 604 is typically used by logic processor 602 to temporarily store information during the processing of software instructions. It is understood that when power to volatile memory 604 is removed, volatile memory 604 typically does not continue to store instructions.

[0025] Aspects of the logic processor 602, volatile memory 604, and non-volatile storage device 606 may be integrated into one or more hardware logic components, which may include field programmable gate arrays (FPGAs), program and application specific integrated circuits (PASICs / ASICs), program and application specific standard products (PSSPs / ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0026] The terms “module,” “program,” and “engine” may be used to describe aspects of computing system 600 that are typically implemented in software by a processor to perform a particular function using a portion of volatile memory. This function may include a translation operation specifically configured to cause the processor to perform that function. Thus, a module, program, or engine may be instantiated via logic processor 602 executing instructions maintained in non-volatile storage device 606, using a portion of volatile memory 604. It will 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 include individual or groupings of executable files, data files, libraries, drivers, scripts, database records, etc.

[0027] If included, the display subsystem 608 may be used to present a visual representation of the data maintained in the non-volatile storage device 606. The visual representation may take the form of a graphical user interface (GUI). As the methods and processes described herein modify the data maintained in the non-volatile storage device, changing the state of the non-volatile storage device, the state of the display subsystem 608 similarly changes, providing a visual representation of the change in the underlying data. The display subsystem 608 may include one or more display devices utilizing virtually any type of technology. Such display devices may be combined with the logic processor 602, the volatile memory 604, and / or the non-volatile storage device 606 in a shared enclosure, or may be peripheral display devices.

[0028] If included, the input subsystem 610 may include or interface with one or more user input devices, such as a keyboard, mouse, touchscreen, or game controller. In some embodiments, the input subsystem may include or interface with selected natural user input (NUI) components. Such components may be integrated or peripheral, and the translation and / or processing of input actions may be handled on-board or off-board. Examples of NUI components include microphones for 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; electric field sensing components for assessing brain activity; and / or other suitable sensors.

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

[0030] The following paragraphs provide additional support for the claims of the present invention. One aspect provides a computing device. The computing device may include a processor and associated memory storing instructions that cause the processor to execute a visual scripting program. The processor may be further 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 scripting logic, the nodes connectable by graphical wires representing data flow or execution flow between the nodes, and the graphical user interface may include a selectable reroute node icon that enables one of the plurality of nodes to connect to one or more other of the plurality of nodes via one of the graphical wires. The selectable reroute node icon may include a left edge and a right edge, the left edge including a left-side selectable region having a width at least one-third of the total width of the selectable reroute node icon, and the right edge including a right-side selectable region having a width at least one-third of the total width of the selectable reroute node icon. Furthermore, the left edge and the right edge may together occupy at least 35% of the total area of ​​the selectable reroute node icon.

[0031] According to this aspect, a node may be connected to one or more other nodes via a one-to-many connection at the left or right edge of a selectable reroute node icon.

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

[0033] According to this aspect, the selectable reroute node icon further includes a center selectable area between the left and right selectable areas, the center selectable area being configured to enable dragging of one or more wires connecting one node to one or more other nodes. The center selectable area may further include a graphical symbol including two vertical bars.

[0034] 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.

[0035] According to this aspect, the left selectable area and the right selectable area may be circular areas. Additionally, the selectable reroute node icon may be pill-shaped.

[0036] According to another aspect of the present disclosure, a computerized method is provided. The computerized method may include executing a visual scripting program. The computerized method may further include displaying a graphical user interface (GUI) of the visual scripting program. The computerized method may further include displaying, via the graphical user interface, a plurality of nodes configured to include scripting logic, wherein the nodes are connectable by graphical wires representing data flow or execution flow between the nodes. The computerized method may further include displaying, via the graphical user interface, a selectable reroute node icon that enables one of the plurality of nodes to connect to one or more other of the plurality of nodes via one of the graphical wires. The selectable reroute node icon may include a left edge and a right edge, wherein the left edge includes a left-side selectable region having a width at least one-third of the total width of the selectable reroute node icon, and the right edge includes a right-side selectable region having a width at least one-third of the total width of the selectable reroute node icon, and the left and right selectable regions together may occupy at least 35% of the total area of ​​the selectable reroute node icon.

[0037] According to this aspect, a node may be connected to one or more other nodes via a one-to-many connection at the left or right edge of a selectable reroute node icon.

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

[0039] According to this aspect, the selectable reroute node icon may further include a center selectable area between the left selectable area and the right selectable area, and the center selectable area may be configured to enable dragging of one or more wires connecting one node to one or more other nodes.

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

[0041] 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.

[0042] According to this aspect, the left selectable area and the right selectable area may be circular areas. Additionally, the selectable reroute node icon may be pill-shaped.

[0043] According to another aspect of the present disclosure, a computer-readable medium is provided. The computer-readable medium includes instructions that, when executed by a processor, cause the processor to execute a visual scripting program. The steps further include displaying a graphical user interface of the visual scripting program. The steps further include displaying, via the graphical user interface, a plurality of nodes configured to include scripting logic, the nodes connectable by graphical wires representing data flow or execution flow between the nodes. The steps further include displaying, via the graphical user interface, a selectable reroute node icon that enables a connection between one of the plurality of nodes and one or more other nodes of the plurality of nodes via one of the graphical wires. The selectable reroute node icon may include a first end and a second end, the first end including a first-side selectable region having a width at least one-third of the overall width of the selectable reroute node icon, and the second end including a second-side selectable region having a width at least one-third of the overall width of the selectable reroute node icon. Additionally, the first side selectable area and the second side selectable area may together occupy at least 35% of the total area of ​​the selectable reroute node icon.

[0044] It is understood that the configurations and / or approaches described herein are exemplary in nature and are susceptible to numerous variations, and therefore, these specific embodiments or examples should not be considered in a limiting sense. The particular routines or methods described herein may represent one or more of any number of processing strategies. As such, the various operations shown and / or described may be performed in the order shown and / or described, in other orders, in parallel, or omitted. Similarly, the order of the processes described above may be altered.

[0045] The subject matter of the present disclosure includes all novel and non-obvious combinations and subcombinations of the various processes, systems, configurations, and other features, functions, operations, and / or properties disclosed herein, and all equivalents thereof.

[0046] CROSS-REFERENCE TO RELATED APPLICATIONS This application claims priority to U.S. patent application Ser. No. 18 / 063636, filed Dec. 8, 2022, entitled "VISUAL SCRIPTING PROGRAM WITH SELECTABLE REROUTE NODE ICON," the entirety of which is incorporated herein by reference.

Claims

1. 1. A computing device comprising: a processor and a memory associated with the processor for storing instructions; The instructions cause the processor to: running a visual scripting program; displaying a graphical user interface of the visual scripting program; the graphical user interface is configured to display a plurality of nodes configured to include scripting logic, the nodes being connectable by graphical wires representing data flow or execution flow between the nodes, and the graphical user interface includes a selectable reroute node icon that enables a connection between one of the plurality of nodes and one or more other nodes of the plurality of nodes via one of the graphical wires; the selectable reroute node icon has a left edge and a right edge, the left edge including a left selectable area having a width that is at least one-third of the total width of the selectable reroute node icon, and the right edge including a right selectable area having a width that is at least one-third of the total width of the selectable reroute node icon; the left selectable area and the right selectable area together occupy at least 35% of the total area of ​​the selectable reroute node icon; Computing devices.

2. the one node and the one or more other nodes are connected via a one-to-many connection at a left edge or a right edge of the selectable reroute node icon; The computing device of claim 1 .

3. the selectable reroute node icon is displayed in a different shade or color depending on whether the one-to-many connection is located at the left end or the right end of the selectable reroute node icon; The computing device of claim 2 .

4. the selectable reroute node icon further includes a center selectable area between the left selectable area and the right selectable area, the center selectable area configured to enable dragging of one or more wires connecting the one node to the one or more other nodes. The computing device of claim 1 .

5. The central selectable area contains a graphical symbol containing two vertical bars; The computing device of claim 4 .

6. 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. The computing device of claim 1 .

7. the left selectable area and the right selectable area are circular areas; The computing device of claim 1 .

8. the selectable reroute node icon is in the shape of a pill; The computing device of claim 1 .

9. 1. A computerized method comprising: running a visual scripting program; displaying a graphical user interface (GUI) of the visual scripting program; displaying, via the graphical user interface, a plurality of nodes configured to contain scripting logic, the nodes being connectable by graphical wires representing data flow or execution flow between the nodes; displaying, via the graphical user interface, a selectable reroute node icon that enables one of the plurality of nodes to connect to one or more other of the plurality of nodes via one of the graphical wires; the selectable reroute node icon has a left edge and a right edge, the left edge including a left selectable area having a width that is at least one-third of the total width of the selectable reroute node icon, and the right edge including a right selectable area having a width that is at least one-third of the total width of the selectable reroute node icon; the left selectable area and the right selectable area together occupy at least 35% of the total area of ​​the selectable reroute node icon; Computerized methods.

10. the one node and the one or more other nodes are connected via a one-to-many connection at a left edge or a right edge of the selectable reroute node icon; 10. The computerized method of claim 9.

11. the selectable reroute node icon is displayed in a different shade or color depending on whether the one-to-many connection is located at the left end or the right end of the selectable reroute node icon; 11. The computerized method of claim 10.

12. the selectable reroute node icon further includes a center selectable area between the left selectable area and the right selectable area, the center selectable area configured to enable dragging of one or more wires connecting the one node to the one or more other nodes.

10. The computerized method of claim 9.

13. the central selectable area includes a graphical symbol including two vertical bars; 13. The computerized method of claim 12.

14. 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.

10. The computerized method of claim 9.

15. the left selectable area and the right selectable area are circular areas; 10. The computerized method of claim 9.

16. the selectable reroute node icon is in the shape of a pill; 10. The computerized method of claim 9.

17. A computer-readable medium comprising: The medium includes instructions stored thereon, the instructions, when executed by a processor, causing the processor to: running a visual scripting program; displaying a graphical user interface (GUI) of the visual scripting program; displaying, via the graphical user interface, a plurality of nodes configured to contain scripting logic, the nodes being connectable by graphical wires representing data flow or execution flow between the nodes; displaying, via the graphical user interface, a selectable reroute node icon that enables a connection between one of the plurality of nodes and one or more other nodes of the plurality of nodes via one of the graphical wires; the selectable reroute node icon has a first end and a second end, the first end including a first-side selectable area having a width that is at least one-third of the total width of the selectable reroute node icon, and the second end including a second-side selectable area having a width that is at least one-third of the total width of the selectable reroute node icon; the first-side selectable area and the second-side selectable area together occupy at least 35% of the total area of ​​the selectable reroute node icon; Computer-readable medium.

18. the one node and the one or more other nodes are connected via a one-to-many connection at a first end or a second end of the selectable reroute node icon; the selectable reroute node icon is displayed in a different shade or color depending on whether the one-to-many connection is located at a first end or a second end of the selectable reroute node icon.

20. The computer-readable medium of claim 17.

19. the selectable reroute node icon further includes a central selectable area between the first side selectable area and the second side selectable area, the central selectable area configured to enable dragging of one or more wires connecting the one node to the one or more other nodes.

20. The computer-readable medium of claim 17.

20. the selectable reroute node icon is in the shape of a pill; 20. The computer-readable medium of claim 17.

Images