Save Graph
Load Graph
Load Example
Export SVG
Export PNG
DPI:
Reset
Change Log
Result
Input
Canvas Color
Canvas Width
px
pt
in
mm
cm
Canvas Height
px
pt
in
mm
cm
Origin Offset X
px
pt
in
mm
cm
Origin Offset Y
px
pt
in
mm
cm
Layers
Output
Add Layer
Normal
Multiply
Color
Color Burn
Color Dodge
Darken
Difference
Exclusion
Hard Light
Hue
Lighten
Luminosity
Overlay
Saturation
Screen
Soft Light
Normal
Multiply
Color
Color Burn
Color Dodge
Darken
Difference
Exclusion
Hard Light
Hue
Lighten
Luminosity
Overlay
Saturation
Screen
Soft Light
Normal
Multiply
Color
Color Burn
Color Dodge
Darken
Difference
Exclusion
Hard Light
Hue
Lighten
Luminosity
Overlay
Saturation
Screen
Soft Light
Meta
Circle
Output
Radius
px
pt
in
mm
cm
Appearance
Transform
Additional Outputs
Meta
Polygon
Output
Points
Radius
px
pt
in
mm
cm
Inscribe
Circumscribe
Middle
θ Distribution
Appearance
Transform
Additional Outputs
Meta
Navigation ----------- Middle-click and drag to pan the graph view. Mouse wheel handles zoom. If you get lost, click the "Center" button in the top right corner of the graph. Click and Drag a node's name to move the node around the graph. Modifying the Graph ----------- drag and drop or click Nodes from the drawer below to add them to the graph. click-and-drag from one node's socket to another node's socket to connect nodes together. Delete a node by hitting the X button. Break a link by clicking the link to select it and hit the [delete] key. Click the "Reset" button above to get a clean graph to start over with. Rendering to the Canvas ----------- the Input of the Result node is what ends up on the canvas. the "Layers" node combines multiple shapes into one output. Examples ----------- There are examples in the top menu bar (or will be soon) that you can load and experiment with.
Nodes
Circle
Rectangle
Ring
Polygon
Polygram
Knot
Polyring
Star
Burst
Arc
Spiral
Segment
Flood Fill
Custom Glyph
Text Path
ThatRobShape
Layers
Mask
Sequencer
Portal (In)
Portal (Out)
Along Path
Vertex Array
Spiral Array
Repeat Array
Cluster Array
Number
Color
Length
Angle
Percent
Number Lerp
Color Lerp
Length Lerp
Angle Lerp
Curve
Transform
Restyle
Random Filter
Brush Stroke
Pencil
Pen Stroke
Split Color
Convert Value
Add
Subtract
Multiply
Divide
Modulo
Absolute
Round
Spread
Sine
Cosine
Tangent
Arc Sine
Arc Cosine
Arc Tangent
Random
Color (rgb)
Color (hsv)
Color (hsl)
Color (hwk)
Color (hcy)
Color (hsi)
Color (cmyk)
Note