All Operators

Operators or Ops are modules that perform specific operations or functions.
They are assorted and grouped into categories called namespaces.
This is a list of official ops, also called core ops.

Ops.Anim


Animations

AnimNumber

Always animates to the current value

Bang

trigger a simple bang animation going from 1 to 0

BoolAnim

animate between two values based on a boolean value

FrameRangeAnimSwitcher

switch between multiple anim ranges of a keyframed 3d scene

FrameRangeAnim

parses string containing ranges of frames and play as coherent animation

InOutInAnim

animates after a trigger from 1 to 0 to 1

LFO

Low-frequency oscillation for animations

RandomAnim

Animates between random values defined by a min and max value

SimpleAnim

simple animation between two values

SineAnim

animation in the form of a sine/cosine curve (sinus/cos)

Smooth

Smooths out jumps in values (AverageInterpolation)

Snap

snap at certain points (e.g. while scrolling)

Spring

Spring simulation based on input target value.

StringTypeAnimation

Animates a text/string, like it is being typed out by a person

TimeDelta

measure the time difference between two triggers

Timer

A timer that can be started, paused and reset by triggering

Ops.Array


process and manipulate collections (arrays) of data

AnglesBetweenPoints

Outputs the angle between points in 3D space (degree)

AnimArray

animate values in an array to another array

Array1toX

convert an array1 to array2,3,4 by choosing content for new axis

Array2To3

inserts zeroes every third item

Array3

create an array of num triplets set to default values xyz

Array3AreaRemove

remove points from an array3 with different shapes

Array3FlipAxis

Transform Array3 by flipping on an axis

Array3GetAverage

average x,y,z values of an array3x

Array3GetNumbers

get 3 values XYZ from an array

Array3InterpolateDistributed

interpolate between two arrays

Array3Iterator

Iterates over an array in steps of three and outputs three values

Array3Multiply

multiply every XYZ member of array3x

Array3PointEditor

visually edit positions in an array of point coordinates

Array3PushNumbers

Push three numbers to the end of an array (was ArrayPushValue3x)

Array3RandomSelection

extract definable amount of random xyz points from an array

Array3SetNumber

Set three numbers at index in an array

Array3Sum

add number to every XYZ member of array3x

Array3To2

remove every 3rd item of an array - changes array length

Array3To4

Converts an array3 to an array4 by filling it up with 1

Array3VectorDistance

Returns the distance between 2 points from an array

Array3VectorLength

Returns the length of a vector from an array 3

Array4

create an array of num quadruples set to default values xyz

Array4SetNumber

set four numbers at index in an array

Array4toArray3

convert an array4 to array3 by dropping every 4th number

ArrayAbs

Converts array contents to absolute values - converts all negative numbers to positive numbers

ArrayAppendArray

Append an array to an existing array

ArrayBuffer

stores values in an array / fifo array buffer

ArrayBuffer3

circular buffer for xyz values

ArrayCeil

Round numbers up

ArrayChangedTrigger

Triggers when any array values or the array length has changed

ArrayChunk

Extracts x elements from an array

ArrayChunkDuplicate

repeat chunks of an array multiple times

ArrayClamp

Clamp the values of an array to a min and max value

ArrayContains

check if array contains a number (find,search,indexOf)

ArrayDivide

Divides all values in an array by one number

ArrayFloor

Round numbers down

ArrayFract

Returns the fractional remainder of all values in an array

ArrayFromNumbers

simple way to create small arrays of numbers

ArrayGetArray

get an array from an array of arrays

ArrayGetNumber

Returns a value from an array

ArrayGetObject

get an object from an array

ArrayGetString

get a string from an array at [index]

ArrayGetTexture

get texture from array at index

ArrayGetValuesByIndexArray

Pick values from input array at given indices and stride

ArrayIndexBetween

output index where value is greater than number and smaller then next number

ArrayIndexMinMax

find lowest/highest numbers in an array

ArrayIteratorArray

iterate over an array of arrays

ArrayIteratorNumbers

Loop over every element of an array

ArrayIteratorObjects

iterate over an array of objects

ArrayIteratorStrings

Loop over every element of an array

ArrayIteratorTextures

iterate over an array of objects

ArrayLength

Number of items in an array

ArrayLogic

Performs logical comparison operations on a single array of numbers

ArrayLogicArray

Performs logical comparison operations on two arrays

ArrayLogicBetween

If value of array is between min and max then the value is 1 else 0

ArrayMath

Pick from multiple mathematical modes which can all be applied to a single array

ArrayMathArray

performs a math operations on two arrays

ArrayMathExpression

Calculates a user defined mathematical expression

ArrayMathExpressionTrigger

Calculates a user defined mathematical expression

ArrayMax

Applies a max operation to all values in an array

ArrayMergeTrigger

merge /concatinate arrays by trigger

ArrayMerge

Merge multiple arrays - in consecutive order

ArrayMin

Applies a min operation to all values in an array

ArrayModulo

Applies a modulo operation to all values in an array

ArrayMultiply

Multiply every number in an array

ArrayOfArrays

Create an array filled with other arrays

ArrayOfObjectsFilterByKeyValue

filter key value pairs in objects in an array of objects

ArrayOfObjectsFilterKeys

remove key-value pairs from objects in an array of objects

ArrayOfObjectsToString

convert an array of objects into readable string format

ArrayPack

Packs multiple arrays into a new array

ArrayPack2

Packs two individual arrays into a new array

ArrayPack2Simple

Packs 2 individual arrays into an array2 - without needing a trigger

ArrayPack3

Packs 3 individual arrays into a xyz array

ArrayPack3Simple

Packs 3 individual arrays into an array3 - without needing a trigger

ArrayPack4

Pack 4 arrays into one array

ArrayPack4Simple

Packs 3 individual arrays into an array3 - without needing a trigger

ArrayPow

Applies a Pow function to an array

ArrayPushString

Push/Append a string to the end of an array

ArrayQuantizer

quantize input to nearest number in array

ArrayRandomSelection

Extract a definable amount of values from an array

ArrayReverse

Reverses an array (creates a copy of the array before), shallow copy

ArrayRound

Round numbers up

ArraySetArray

put an array into an array

ArraySetNumber

set a number at index in an array

ArraySin

Performs a sin or cos operation on the contents of an array

ArraySmoothStep

Applies a smoothstep function to the contents of an array

ArraySqrt

Returns the square root of all values in the array

ArraySubtract

Subtracts one number from all values in an array

ArraySum

Adds one number to all values in an array

ArraySumPrevious

Sum up every number in an array with the sum of the previous

ArraySumUp

sum of every number in an array

ArraySwizzle

manage/re-order components of an array (stride)

ArrayToArrays

splits an array up into an array of arrays

ArrayToByteBuffer

convert an array to a byte buffer (Uint8ClampedArray)

ArrayToString

Join array values to a string (concat)

ArrayTrigger

Trigger an array

ArrayUnique

filters an array for duplicate items and returns all unique items in a new array

ArrayUniqueItemInfo

will give you information about the count of "duplicates" in an array, as an object

ArrayUnpack2

Unpacks an xy array into separate arrays

ArrayUnpack3

splits a xyz array into 3 individual arrays

ArrayUnpack4

Splits a xyzw array into 4 individual arrays

ArrayUnshiftString

insert/add/unshift a string to the beginning of an array

Array

Can generate 3 kinds of arrays. Number - 1,2,3,4 - Normalized - (ContinuousNumberArray)

AverageArray

smooth/average values in an array

BoolStateArray

Array filled with `0`, only one can be `1`

CopyArray

Copy an array with a trigger, reset to use a default array

CopyArraySimple

create a copy of an array

CropArray

Crops an array

CutArray

Remove elements from an array from the beginning and/or the end

EaseArray

apply easing curve to numbers in an array

EmptyArray

An Empty Array

FillArrayRandomDuplicates

Fill an array with random duplicates

FilterArray

compare elements from an array and remove not matching ones

FilterValidArray

Filter valid arrays

FlattenArray

Creates a new array with all sub-array selements concatenated into it

FreezeArray

capture the current input and copy it to the output, even after a reload

GateArray

Only allows an array through if pass through is true

GetValuesFromArrayOfObjects

Get an array of values by key of objects in an array

HSBtoRGBArray

generates RGBA array from up to 4 arrays (HSBA)

InfoArray

get the min, max and average value from an array

InfoArray2

min,max and average values of an array2

InfoArray3

min,max and average values of an array3

InterpolateArrays

interpolate between two arrays (lerp) - linear interpolation

InterpolateArraysRange

interpolate between two arrays, only a few numbers at the same time

InterpolateNumbersArray

interpolate between all values of an array

InterpolateNumbersArray3

get interpolated values between the indices of an array3x

LissajouseSpline

generate spline using lissajous formulas

LoopArray3

makes the 1st and last point of an array the same, good for closing splines and shapes

MapRangeArray

Maps values in an Array from one range into another.

PaletteLibrary

Contains a collection of color palettes in groups of 5 in an array

PerlinArray

Creates An array filled with Perlin noise values

Phyllotaxis

coordinate generation like arrangement of leaves in some plants

RandomNumbersArray

create a random array of 1 to 4 dimensions

RandomWordsArray

Generates an array filled with random english words

ReduceArray3

Remove Points from an array, e.g. xth points, random, duplicates

ReverseArray3

Reverses an array with value triplets [x, y, z, ...]

RingBuffer

Array of fixed size, index is automatically incremented and restarts after reaching the end

RotateArray

Shift array contents based upon rotate amount

RouteArray

Route an array to an output port

SetNumberArray

Change the Number of an array at an index

SetNumbersArray3

set three values at position index in an array

ShuffleArray3

Shuffles/Randomizes the order of an array of triplets

ShuffleArray

Randomizes the order of elements inside an array

SimplexArray

Creates An array filled with Simplex noise values (Range: -1, 1)

SmoothArray

Smooths out changes in values of an array

SortArray

Sorts an array of numbers with one of two modes - ascending or descending

SortArray3

Sorts an array with the lowest values of the selected component.

SortArray3ByDistance

sort an array3, by the distance of each point to the previous point

SortArrayObjectsByKey

sort an array of objects by value of object keys

SortArrayWithIndices

Sorts an array of numbers and also get sorted indices

SplineLengthArray3

Returns a number with the total distance between the points/items in an array3

SplinePositionAtDistanceArray3

get position in array3/spline at distance from start

SplinesToLineStripArray

convert an array of splines to one "line stripped" array

StringToArray

Parse a string into an array (create, split string, stringToArray)

StringToCharArray

Turns a string into an array of single characters or ASCII numbers

StringToLineNumberArray

outputs an array containing a line number for every character

SubdivideArray1

For subdividing splines, smoothing lines using cubic bezier interpolation

SubdivideArray3

For subdividing splines, smoothing lines using cubic bezier interpolation

SwitchArray

switch between multiple arrays

SwitchArrayOnTrigger

switch between multiple arrays

TextureBufferArray

Stores various textures in an array, starts at the beginning again when end reached

TransformArray3

transform (translate,rotate,scale) positions in an array3x

WeaveArrays

Weaves two arrays together (combine, join, merge)

Ops.Array.PointArray


process and manipulate collections (arrays) of data

ArraySpray

Particle Spray simulation

CircularPoints

create arrays for circular shapes, helix,circle etc

FillPointArrayDuplicates

fill a XYZ array with existing duplicate points until it reaches the length

PointsCube

Generates a 3d point field with controllable amount of xyz points (was PointsField3d)

PointsHexagonGrid

generate coordinates for a hexagon grid, outputs array3x

PointsPlane

Generate coordinates for a rectangular field / grid of points

PointsRectangle

generate an array of XYZ coordinates of an rectangle

PointsSphereRandom

Generates a point field mapped to the surface of a sphere

RedistributeSplinePoints

recalculate a spline / change number of points of a spline

BpmTap

Let’s you tap in a beat, useful to synchronise visuals to music (VJ, sync, sound)

MidiJson

read MIDI information at time x

MidiJsonNote

Filter MidiJson for notes

And

Outputs `true` if both input values are `true` (boolean)

BoolByTrigger

trigger true or false values

BoolToNumber

Switches two number values using a boolean

BoolToString

convert boolean to string

Boolean

Stores a boolean value

DelayBooleanSimple

Delay the input/output of a boolean by x seconds

IfFalseThen

Triggers if input value is `false`

IfTrueThen

Switch, trigger one or the other trigger port based on the input value

IsOne

Returns `true` if input value is `1`

IsZero

Returns `true` if input value is `0`

MonoFlop

Sets output to `1` when triggered, turns back to `0` automatically after x seconds

Not

result is false if input is true and vice versa (negate/toggle/switch/!=)

Or

Returns `true` if one or more of the input booleans are `true`

OrNumber

Output another number if input number is zero

ParseBoolean

parse boolean from string/number

RouteBoolean

Route a boolean to an output port

ToggleBool

Toggle a boolean value by triggering

TriggerChangedFalse

Triggers next only after value has changed to `false`

TriggerChangedTrue

Triggers next only after value has changed to `true`

TriggerOnChangeBoolean

Triggers when boolean value has changed

AssetPathURL

outputs the path to the assets

CallBack

Executes an external function (external javascript)

ExitError

stop executing the patch

FPS

output current frames per second

Function

trigger from external function when embedded into a website

LoadingStatus

trigger events / get information about asset-loading status

PatchInfo

read patch config when embedding on another page

UIMode

Outputs `true` if patch is executed in the cables editor (UI)

UploadAsset

Upload a file into the cables patch assets using a base64 string

ColorPalettes

Contains a collection of nice color palettes output to texture or array via index

ColorValue

Use a color value on multiple places

HSBtoRGB

Converts a color from HSB to RGB (conversion, HSV, HSL, colour, mode)

HexToRGB

Converts a hex color like `#ff0000` to number values

RGBtoHSB

convert RGB color to HSB Hue, Saturation, Brightness

RgbToHex

convert RGB float values to HEX color String

CompArray

Compose an Array

CompArrayPopNumber

pop/remove the last number from an array

CompArrayPushArray

push/append an array to an array

CompArrayPushArrayItems

push/append an array to an array

CompArrayPushNumber

push/append a number to an array

CompArrayPushNumbers

push/append multiple numbers to an array

CompArrayPushObject

push/append an object to an array

CompArrayPushString

push/append a string to an array

CompArrayShiftNumber

shift/remove the first number from an array

CompArraySnapshot

get a copy of the current state of an array

CompObject

Compose an Object

CompObjectSetArray

set array as object property

CompObjectSetBool

set a boolean as object property

CompObjectSetNumber

set number as object property

CompObjectSetObject

set object as object property

CompObjectSetString

set string as object property

CompString

Compose a string

CompStringAppend

Append a string to a string

CompStringShorten

Remove characters from the beginning or end of a string

ArrayGetArrayByPath

returns the array at the position defined by a path

ArrayGetArrayValuesByPath

Outputs all the values of the properties of an array of objects given a path

ArrayGetNumberByPath

finds a number at a position in an array defined by path

ArrayGetObjectByPath

Returns the object at the position defined by a path

ArrayGetStringByPath

Finds a string at a position in an array defined by path

ObjectGetArrayByPath

returns the array at the position defined by a path

ObjectGetArrayValuesByPath

Outputs all the values of the properties of an array of objects given a path

ObjectGetNumberByPath

finds a number at a position in an object defined by path

ObjectGetObjectByPath

Returns the object at the position defined by a path

ObjectGetStringByPath

Finds a string at a position in an object defined by path

StackGetArray

read a value from the stack to use it later in the trigger branch

StackGetNumber

read a value from the stack to use it later in the trigger branch

StackGetTexture

read a value from the stack to use it later in the trigger branch

StackPushArray

push a value on to the stack to use it later in the trigger branch

StackPushNumber

push a value on to the stack to use it later in the trigger branch

StackPushTexture

push a value on to the stack to use it later in the trigger branch

DateAndTime

Returns current date and time and timestamp

DateCalc

Perform date calculations

DateDifference

Calculates the difference between two timestamps

DateFormatter

String representation of a date

DateIsoToTimestamp

parses a date and time in iso format and outputs a millisecond timestamp

DateTimestamp

Calculates the timestamp of a date by year / month / day / hour / minute

Milliseconds

Value since the time origin in milliseconds (performance.now())

Console

Shows console log output on the screen

ConsoleLog

Log incoming values to the console/dev tools

GlLogErrors

execute glGetError after every gl command and log to browser console

GlStates

see current gl states and error message

ProfileGL

dump all gl commands of one frame to console

StopWatch

Measure the time used to render all child nodes in milliseconds

Trace

Outputs a stack trace to the console

BrowserInfo

Reports the browser being used

ColorScheme

Get light/dark color scheme preference of the browser

JsExpression

evaluate a javascript expression

JsMemory

browser js memory consumption

UserActivation

detect if the user interacted with or activated the page

WebShare

Opens a sharing dialog to share text and images

GamePad

Outputs the button states of a gamepad

GamePadJoystickAxis

get axis and angle of a joystick/thumbstick

GamePads

list connected gamepads - press a button to connect

CursorKeys

get the state of your keyboards arrow keys

KeyPressLearn

Triggers when certain key is pressed or released

KeyPress

Triggers when a key is pressed

PersonController

simple controller example op for game characters

QWERTYtoMidi

Emulates a MIDI keyboard using your regular keyboard

DeviceList

list of midi devices

MidiCC

read CC value from Midi controller

MidiCCOut

send MIDI CC data to a midi output

MidiChord3

Map 3 midi notes to values

MidiClock

sends out midi clock signals as triggers

MidiInputDevice

connect to MIDI device output port

MidiMonitor

detailed information about Midi events being sent

MidiNRPN

read NRPN value from controller

MidiNRPNOut

send midi NRPN data to a midi output

MidiNote

Read a single midi note

MidiNoteFilter

Only read a range of notes (e.g. C1 to C2)

MidiNoteOut

send midi note data to a midi output

MidiOutputDevice

Connect to MIDI device input port

MidiTranspose

transpose incoming midi notes

MidiValueToNote

Converts a MIDI value to a note string

DeviceVibrate

vibrating a mobile device

GeoLocation

tries to get the geo coordinates from the mobile device/browser

LockOrientation

locks orientation to landscape or portrait mode

MotionSensor

get values from the device motion sensor mobile

Pinch

detect two finger pinch gestures on touchscreens

ScreenOrientation

get orientation of the physical screen

ShakeGesture

Reads the accelerometer data from a mobile device

MouseButtons

Get the state of mouse buttons

MouseDrag

get delta of mouse position while dragging

MouseWheel

outputs delta values controlled by the mousewheel (scroll, zoom)

Mouse

Get mouse coordinates and events

PointerLock

locks the pointer to the canvas and hides the cursor

TouchGesture

detect touch gestures like swipe and pan

TouchScreen

touch screen input: e.g. position of fingers

Vr

rendering on webxr virtual reality immersive devices

VrController

tracking of vr hand controller

Ops.Gl


WebGl Ops

ArrayToTexture

create a texture from an array of number values

BlendMode

change how colors are mixed (blending/mixing modes)

CanvasFocus

is canvas focussed ?

CanvasInBrowserViewport

check if webgl canvas element is in the current browser viewport

CanvasInfo

the size of the canvas in pixels, aspect ratio and pixel density

CanvasToTexture

convert a canvas to texture

ClearColor

sets all cleared pixels to one colour. Use to change the background colour.

ClearDepth

Clears the depth buffer (zbuffer, z buffer)

ColorMask

enable/disable RGBA color channels of your entire scene

ColorPick

pick a color at x,y coordinates of canvas

DirectionalTranslate

translate away from a point in space

DownloadTexture

Download a texture as an image file

DrawTextureMapping

draw texture mapping coordinates

ExternalCanvas

Open a new window that shows a copy of the patch canvas

FontMSDF

Load MSDF Font data and texture to use

ForceCanvasSize

Resize canvas element to a specific pixel size or aspect ratio

GateTexture

Will only allow an Object to to be output if the the pass through parameter evaluates to true

GlBlendFunc

set gl blendmodes directly

GlInfo

information about the webgl context

GlPrimitive

force rendering of meshes using points,lines or triangles

GradientTexture

texture containing a colour gradient that can be altered with an editor

GridTransform

transform and arrange elements into a grid

Identity

reset all transforms (modelmatrix)

IdentityViewMatrix

reset the view matrix (cameras etc.)

ImageSequenceAnim

play a image sprite animation

InteractiveRectangle

An area which is interactive

LayerSequence

Render Multiple Layers in a specific order

LetterBox

Sets an aspect ratio

LineFont

A Simple way to write text on the screen.

MainLoop

Trigger other ops once every frame to create smooth animations

MediaRecorder

Record the renderer-output to video

MeshInstancer

Draw the same mesh multiple times on the GPU

MeshMorph

morph from one geometry to another

NormalizeScreenCoordinates

convert screen pixel coordinates to range 0-1

OrTexture

outputs the first valid texture of the input ports

Orthogonal

Orthogonal projection / objects in distance don't appear smaller (isometric)

OverwriteViewportSize

Force a manually set viewport size for connected ops

Performance

Show WebGl Performance Statistics

PerformanceMeasure

Measure the time used to execute all child ops

Perspective

Adjust FOV, field of view, and frustum clipping

PixelProjection

Remaps world co-ordinates to a pixel co-ordinate system

PointCollector

save points/coordinates in an array

PointCollectorCollect

collect world space coordinates into an array

PointCollectorScreenCoords

collect screen pixel coordinates into an array

RandomCluster

Transforms objects randomly in space

RenderAnim

record, render an animation and save as webm video file or png image sequence

RenderGeometry

Render a geometry as mesh

RenderToTexture

Render into an Image

RenderToTextures

render to multiple textures at the same time

ResetTransform

reset current transforms to initial value (identity)

SaveScreenShot

Download the current screen content as png file

ShowNormals

visualize normals, tangents or bitangents

SurfaceScatter

Scatter an object on the surface of a mesh with different distribution methods

TextMeshMSDF

draw text using the FontMSDF operator

TextureArray

create an array of textures

TextureArrayLoaderFromArray

load multiple texture from filenames given as an array

TextureArrayLoader

load multiple images into an array

TextureColorPick

get the color of a pixel in a texture

TextureToColorArray

extract colors from a texture

TextureToPointArray3

generate an array3 of grid positions from a texture

TextureToPoints

Create points by sampling texture

Texture

Load an image as a texture

TriggerOnCanvasResize

will trigger when canvas was resized

ValidTexture

output current input texture or a default texture

ViewPortSize

Outputs current viewport size

WebGlVersion

which webgl version is being used

CubeMapFromTextures

generate a cubemap from 6 textures

CubeMapMaterial

use a cubemap or equirectangular texture as a material

CubemapToEquirectangularTexture

visualize cubemap as folded texture or equirectangular texture

EquirectangularTextureToCubemap

convert an equirectangular map to a cubemap

RenderToCubemap

render a scene into a cubemap

Skybox

render an equirectangular map or a cubemap as scene background

Ops.Gl.GLTF


WebGl Ops

GltfAnimationArray

Convert an animation into an array of coordinates

GltfCameraViewMatrix

get view matrix from a gltf camera

GltfDracoCompression

gltf draco compression library

GltfGeometry

expose geometry from gltf meshes, also possible to expose submaterial geometries

GltfHierarchy

export array of positions from a hierarchy of a branch structure in a gltf, e.g. a skeleton bones

GltfInfo

output some infos about the current parent GLTF scene

GltfMeshSequence

switch between meshes e.g. like a stop motion animation

GltfMorphTargets

render weighted morph targets/shape keys from a gltf file

GltfNodeSineAnim

sine animate gltf nodes by a filter

GltfNodeTransform

Get the transform from the GLTFscene op

GltfNodeTransforms

output all transformations of nodes starting with [search]

GltfNode

Control a single node from the GLTFscene op

GltfScene

Load GLTF/GLB 3d files

GltfSetMaterial

Assigns a material to a node inside of the gltfScene op

GltfSkin

render a skinned mesh (bone/rigging/rigged animation)

GltfTexture

Load textures from inside a .glb file

GltfTransformNode

set transformation of a gltf node

GltfVertexAnim

play gltf vertex anim directly with its own timing

BoundingBoxVisible

Test if a boundingbox could be visible in the current viewport

GeometryBoundingBox

Calculate a bounding box from a geometry

Alpha

Modify current alpha/opacity

AlphaMask

Set alphachannel of current imagecompose via a texture mask

BarrelDistortion

Simulate fisheye effect

Blur

Blur the pixels of an image

Border

Draws a Border (rectangular frame) around the current ImageCompose

BrightnessContrast

adjust image brightness and contrast

BulgePinch

bulge and pinch an image (deform,stretch,distort)

CheckerBoard

Draw a checkerboard pattern

ChromaticAberration

simulating lens effect by shifting rgb channels

CircleTexture

Draw 2d circle into texture

ClampTexture

Clamps a texture to min and max values - Also has remap modes

Clarity

Increase contrast in midtones

ColorBalance

change intensity of r,g,b channels

ColorChannel

enable disable RGB color channels

ColorMap

colorize a black and white image using a gradient texture

Color

fill image using a color (overlay)

Denoise

Denoise texture effect - used to smooth out noisy images

DepthTextureFocus

draws a gradient from white to black back to white over distance of the scene

DepthTexture

draw the content of a depth texture

Desaturate

Remove colors from image / greyscale

Dither

convert color to black and white patterns

DrawImage

Draws an image into a composition

EdgeDetection

Draw only the edges of an image

Emboss

Emboss / bevel effect

FXAA

post processing antialiasing

FastBlur

Blurs a texture - simple and fast

Flip

flip the image on x or y axis

Float32ToRgbeTexture

Convert a Float32 bit/HDR texture to RGBE format (only positive numbers)

Fog

add post processing fog (nebula) to a scene

GammaCorrection

Allows for Gamma correction of a texture

Gradient

Draws a simple gradient between three colors

GridTexture

Creates a grid texture

GrowPixels

Make one pixel lines thicker via postprocessing

Hue

Adjust Hue of current ImageCompose

ImageComposeAspectRatio

Adjust aspect ratio of an image compose branch

ImageComposeSnapshot

capture the current state of an imageCompose branch by copying the texture

ImageCompose

Compose Images and effects as layers to generate new Images

Interlace

Tv scanlines effect

Invert

Invert image colors

Kaleidoscope

Kaleidoscope effect

LUTMap

apply color filter/effects by using a lookup texture

LensDirt

Creates a lens dirt like texture

LensScratches

Creates a procedural texture simulating scratches on a lens

Levels

adjust levels to correct the tonal range of an image

LumaKey

Remove darkest or brightest parts of the image

Mirror

mirroring image effect

Mix

simple mix/fade of two input images

MultiDrawImage

draw multiple images at once

OnePassBlur

Blurs a texture

PatternLookup

map a pattern to value levels of your texture

PixelColor

fill image with one color picked at a position

PixelDifference

visualize the difference of neighbouring pixels (slope)

PixelDisplacement

Changes color lookup for every pixel using a displacement map

Pixelate

Pixelate an image

Plasma

Renders a plasma effect

PolarCoords

display texture using polar/radial coordinate system

Posterize

reduce number of colors

PseudoLensFlares

simulate lens flare effect

RGBOffset

Offsets the xy components of an RGB texture

RandomNumberTexture

Set random numbers into an imagecompose

RectangleTexture

draws a 2d rectangle into a texture.

RemoveAlpha

Remove alpha information from image

RepeatTexture

Repeat Image

RgbMultiply

multiply image colors by color channel

RgbToHsvTexture

Convert a RGB Texture to Hue/Saturation/Lightness values as RGB colors

RotateTexture

Rotates a texture

RoundCorners

Draw round corners around image (border)

ScaleTexture

Scales a texture

ScrollTexture

scroll image

Shapes2d

Generates different 2d shapes to use as a texture

Sharpen

Adjust image sharpness

SkewStretchImage

skew / stretch an image by rendering scaled sides

Stripes

Create a texture of stripes /lines

TexMathModulo

modulo pixel color values

TextureDifference

render the difference of two textures

ToNormalMap

Convert a black and white map to a normal map

Twirl

Creates a twirl/swirl/spiral effect in a texture

Vibrance

adjust vibrance/saturation

Vignette

Simulating an old camera effect of fading away the edges of the image

WaveformGradient

Generate different texture waveforms. Sine, sawtooth and triangle.

Waveform

Generates 4 different waveform textures. Sine, sawtooth,Triangle, Square.

Wobble

waving wobble motion effect

ZoomBlur

Directional blur effect

ColorMapRange

Map the range of color number values to another

Normalize

normalize texture rgb values

RgbMath

apply simple mathematical functions on pixels color values

RgbMathExpression

Execute a glsl code math expression in a image compose

RgbTransform

transform RGB values interpreted as XYZ coordinates

RgbeToFloat32Texture

Convert a RGBE texture to HDR/floating point texture

Round

Round number values of texture color channels

TexMathCompare

compare and pass through of color channel values

CellularNoise

cellular noise

FBMNoise

fractional brownian motion noise

GlitchNoise

Creates a black and white glitched texture to use for displacement

HexagonNoise

Creates a hexagonal noise texture

LayerNoise

Multilayer perlin noise variation

Noise

White noise pixel effect

PerlinNoise

Draw perlin noise into an image

PixelNoise

Pixelated noise

PolkaDotNoise

noise circles

SimplexNoise

simplex noise generator

TriangleNoise

noise made from triangles

ValueNoise

value noise

Voronoise

Voronoi Noise function

WorleyNoise

Worley noise

Ops.Gl.Matrix


WebGl Ops

AnimMatrix

animate values in a matrix to a new matrix

ArrayPathFollow

interpolate position on a spline/array3x

ArrayPathFollowParticles

render lots of particles following a path/spline/array3x

ArrayTranslate

iterate over an array3: translate to xyz, then trigger next op

Billboard

rotate an object to always face the camera

CameraInfo

get camera attributes from current camera/orbit controls

CameraPosition

get the current position of viewmatrix/camera eye

Camera

Transforms and projects the scene from the point of view of the camera.

Coordinates

current xyz coordinates (modelmatrix)

DeviceOrientationCamera

gyroscope motionsensor camera

GetMatrixScaling

Get the scalar scaling of a matrix

GetModelMatrix

get current modelmatrix

GetProjectionMatrix

get current projectionmatrix

GetViewMatrix

get current viewmatrix

InterpolateMatrix

interpolate between two matrices

InvertMatrix

outputs an inverted matrix

LookatCamera

transforms view to look from eye to center

MatrixTranslation

get translation of a matrix

MulViewMatrix

multiply view matrix

MultiplyModelMatrix

multiply model matrix

OrbitControls

rotate your object by clicking and dragging the mouse

Quaternion

multiplies current modelmatrix with a quaternion

QuaternionCamera

Set up a camera, rotated by a quaternion

RandomGridPlacement

place random objects on a grid

RandomGridPlacementArrays

Place random objects on a grid

Scale

Scale all child objects (scaleXYZ)

ScaleXYZViewMatrix

scale xyz of viewmatrix

ScreenCoordinates

screen/pixel coordinates of the current transform

ScreenPosTo3d

convert screen coordinates to a 3d position

SetProjectionMatrix

set a projection matrix

Shear

displaces each point of a mesh in fixed direction

Transform

Transform objects in 3d space (rotate, translate, scale)

TransformMatrix

transform a matrix (mat4)

TransformMul

multiply current modelmatrix

TransformView

transform the viewmatrix

Translate

Translate objects (move / position in 3D space)

TranslateView

translate the view/camera matrix

VectorTranslate

Translate any geometry underneath it using vectors and speed.

WASDCamera

simple camera you control with W,A,S,D keys like in a FPS game

Ops.Gl.Meshes


WebGl Ops

CablesLogo

cables logo mesh/geometry

Circle

Draws a circle

ComposingGridOverlay

Rule of thirds image composition helper

Cone

Draw a cone

Corner

render a rectangular corner

Cross

Draws a cross with controllable thickness and length.

Cube

draw a cube

Cylinder

draw parameterizable cylinder (aka tube,pipe,round,circle)

FloorGrid

draw a grid on the floor

FreeFormPlane

A freely deformable plane, rectangle, polygon

FullscreenRectangle

Draws a rectangle using the full WebGL canvas size

GeometryToTexture

Convert vertices of a geometry to a data texture

Grid

Draw a simple grid of lines

HeightMap

generate a rectangular mesh where the height is defined by the luminance of an image

Helix

generates a helix, spiral spline

Icosahedron

Renders a icosahedron (polyhedron with 20 faces)

Line

Draw a line between two points

LinesArray

an array of lines

MeshInstancerFromTexture

Draw the same mesh multiple times on the GPU

PointCloudFromArray

visualize an array of coordinates as points

PointCloudFromTexture

Visualize a RGB texture as XYZ coordinates as points

Polyhedron

Generate polyhedron meshes

Pyramid

render a pyramid mesh

QuadWarpTexture

Warp a texture mapped quad (projection mapping)

Rectangle9Slice

nine slice image format texture mapped rectangle

RectangleFrame

Draws a rectangle frame

RectangleRounded

Draws a rectangle with rounded corners

Rectangle

draw a rectangle (plane, square)

SimpleSpline

Draws a simple spline only one pixel wide

SimpleWireframe

Simple Wireframe Line Renderer

Sphere

Draw parameterizable sphere

SplineMeshMaterial

material for splinemesh

SplineMesh

draw splines/lines

Star

draw a star mesh (saw,gear)

TextMesh

Draws text in 3d space using one of the font ops

Torus

Draw a torus (doughnut, donut, ring mesh)

TriangleSphere

A sphere mesh with uniform distributed vertices

Triangle

Draw a triangle

Ops.Gl.Pbr


WebGl Ops

PbrEnvironmentLight

PBR image based lighting setup

PbrMaterial

PBR/Physical Based Rendering Material for realistic materials

Ops.Gl.Phong


WebGl Ops

AmbientLight

ambient light for phong material shading

DirectionalLight

Directional light for phong shading

LambertMaterial

a simple shaded material

PhongMaterial

A shaded material for lighting objects

PointLight

Point light for phong shading

ResetLights

reset lights for everything triggered after

SpotLight

spot light that emits a cone of light

Ops.Gl.Shader


WebGl Ops

AttributeAsColorMaterial

render mesh normals as colors

BasicMaterial

A material without shading

ChromaKeyMaterial

display texture and replace a color with transparency

CustomShader

Write your own custom shader

ErrorMaterial

draw meshes using the cables error material shader

FrontBacksideMaterial

visualize which faces are facing the camera

GetShader

get current set shader

MatCapMaterial

Easy to use image based lighting Material

MinifyGlsl

Minify GLSL shader source code

PointMaterial

Draw all vertices as points / circles

PositionAsColorMaterial

draw meshes using XYZ position coordinates as RGB color

SetShader

Sets a shader

SetUniformFloat

set a uniform value of the current shader

SetUniformTexture

set a uniform value of the current shader

ShaderDefine

Set shader defines

ShaderInfo

view current shader source code

ShaderInfoUniforms

read back all uniforms values of the current bound shader

ShaderToTexture

render a shader into a texture

SwitchShader

Switch between two shaders

VertexColorMaterial

draw a mesh showing only it's vertex colors

VertexNumberMaterial

visually debug vertices of your 3D geometry

WireframeMaterial

Renders following meshes as wireframes

AreaDiscardPixel

do not draw pixels inside a defined 3d area

AreaRotate

rotate vertices in an area around a center point

AreaScaler

Scales the size of meshes within the area of influence

AreaTranslateFBMNoise

Translate object positions with a noise function

AreaTranslateMeshes

Change the position of all meshes inside of the area of influence

Bend

bend objects along an axis

ClampVertexPosition

clamp/restrict the vertex position to min/max values per axis

ColorArea

Colorize all meshes around current position

ColorizeInstancedMeshes

colorize instanced meshes by picking random color from a texture

DeformArea

deform a spherical area of a mesh

DiscardMaterialAlpha

discard transparent pixels in material textures

ExplodeDividedMesh

explode a (divided) mesh in the direction of faces normals

FogEffect

Fog as a shadereffect applied to a material

FresnelGlow

add fresnel glow to any material

InstancedDisplacementMap

displace positions of instanced meshes using a texture

InstancedPerlinPosition

displace position of instanced object by perlin noise value

InstancedTextureColorize

colorize instanced meshes using a texture

LimitMeshByTexCoord

discard pixel if texture coordinate is below threshold

MeshPixelNoise

3d space noise for mesh materials

ModuloVertexPosition

vertex shader modulo operation on vertex position

PerlinAreaDeform

Displace vertices using perlin noise animation

ScaleByNormal

Scale vertices of an object in the direction of face normals

Shadow

add shadow capabilities to any material

SplineDeform

Deform a mesh along a spline

TextureProjection

texture projection on meshes

TransformTextureCoordinates

Transform and repeat texture coordinates of a mesh via vertex shader

TransformVertex

transform vertices of a mesh via vertex shader

Twist

twist a mesh around an axis

UseVertexColor

Use vertex color as basecolor/diffuse color

VertexColorAsAlpha

Use mesh vertexcolor as Alpha/Opacity

VertexDisplacementMap

Displace the vertices of a mesh with the pixels brightness values from a texture

VertexNumberLimit

only draw the first X vertices of a mesh

VertexPositionFromTexture

set vertex positions of a mesh from a texture

VertexWobble

sine wave vertex displacement

Base64ToTexture

Converts a base-64 image string into a texture

ColorTexture

Simple texture filled with one color

CombineTextures

combine multiple textures into one by copying colorchannels

CopyTexture

copy a texture and optionally resize it

EmptyTexture

A very simple empty transparent texture with an opacity of 0

ExrTexture

load .exr floating point texture files

GraphTexture

draw a graph of a value into a texture

Histogram

graphical representation of distribution of color in a texture

MontageTextures

combine multiple textures into one by copying colorchannels

NoiseTexture

Simple noisetexture

PaletteTexture

Create a RGB color palette using an array

SSAO

screen space ambient occlusion from depth texture

SwitchTextures

Switch between different textures

TextTexture

Generates a texture of Text using one of the font ops

TextureArrayInfo

Information about Textures in an array

TextureInfo

Outputs information about the connected texture

TextureSVG

Load a SVG image and convert to a texture of pixels

TextureToBase64

Converts a texture into a base-64 image string

TextureToCoordinateGrid

convert a texture to a 3d coordinate grid storing coordinates in texture RGB channels

VideoTexture

Play a video file and use it as a texture

WebcamTexture

Use your webcam camera as a texture

DepthTest

change depth testing method (depthMask,depthWrite,depthFunc)

FaceCulling

Disable the rendering of front or back facing triangles with culling

GeometryMergeSimple

merge two geometries into one

GetMaterialId

get the id/index of the current set material

GetObjectId

get the id/index of the current object/mesh

AlignGeometry

align a geometry / change its pivot / center / origin point

BoundingBox

create a simple bounding box from width,height,depth

CalculateNormals

calculate normals of a geometry

DivideGeometry

disconnect faces/polygons of a mesh

FlipNormals

flip all normals of a geometry

FreezeMeshes

capture all following meshes into one geometry

GeometryAttributes

Get vertices of a geometry as array3x (vertex vertices)

GeometryExtrude

basic extrusion of flat geometry

GeometryInfo

information about a geometry

GeometryMerge

merge two geometries to one

GeometryToObj

Generate an .obj file as string from a geometry

GeometryToWireframeArray3

generate an array of lines from a mesh to render a wireframe

GeometryUnIndex

convert geometry to only flat triangles without reusing vertices positions

ObjGeometry

parse an obj string to a geometry object

RandomizeTriangles

randomize order of triangles in a geometry

ReverseVertices

Reverses the order of vertices in a geometry, back facing triangles become front facing ones

ScaleGeometry

uniform scaling of geometry vertices

SortGeometryAxis

sort geometry triangles by position

SvgPathToGeometry

Generate a SVG path string of a string using an opentype font

TesselateGeometry

create new triangles in a mesh (subdivide)

TransformGeometry

transform vertices of geometry

TriangleArrayToGeometry

Draws multiple triangles using coordinates from an array

Triangulate2dPath

Triangulate a 2d path to a flat and filled 3d geometry

FilterIntersections

Define filters to get colliding and intersecting bodies

IntersectBody

Add Bodies and check if they intersect/collide with each other

IntersectTestBody

test one body against all bodies in the world

IntersectTestPoint

test intersect bodies collision against a point/coordinate

IntersectTestRaycast

Cast a ray and check if it intersect/collide with bodies

IntersectWorld

Define a world to check for intersections and collisions

AppendChild

Appends a HTML DOM Element to another

AudioMediaElement

Simple Audio Player, using HTML5 Audio, does not need WebAudio

BackgroundImage

Load a background image and use css styling

BrowserSpecificFile

set file dependant on browser

CSSFilter

set css filter to html element (blur/opacity/contrast)

CSSPropertyString

Modify a css property of an element with a string

CSSProperty

Set css style properties of a html element

CSS

Define a custom stylesheet

CablesLink

create a cables logo which links to cables gl

CompareImages

compares two images and shows the difference as a pink color

CssFile

load a css asset file

Cursor

Set the mouse cursor

DivElement

Create a html DIV element

ElementChilds

Set childs of a HTML Element

ElementClientRect

get html element absolute position and size in pixels on screen

ElementCssTransform

translate,scale and rotate a HTML element using css transform

ElementFadeInOut

fade html elements in or out

ElementInteraction

Html element interaction events

ElementsPositionsByClass

get html element absolute positions and sizes by classname

FontFile

Load a font file like .otf, .ttf, .woff via css

FontsLoaded

triggers when asynchronous requests finised loading

FullscreenMode

switch webgl to fullscreen

GetCssVariable

gets current value of CSS Variable

HyperLink

Open another website

IFrame

Show another website in an iframe element

ImageElement

create an image(img) html element

InputElement

HTML input/textarea element to allow the user to enter text

LoadingIndicator

show a typical web loading/progress indicator animation

MailtoLink

creates a mailto: link to open the default email app

MarkdownToHtml

markdown markup language to html parser

ModalOverlay

create a modal HTML overlay with a darkened background

MouseCursorImage

Use image as mouse cursor

Notification

Trigger a simple pop up notification on the screen

PlayButton

shows a playbutton for forcing a simple user interaction

PlayerControlPanel

simple html ui for timeline/mediaplayers (was: TimeLineUI)

QrCode

Generate a qr code as a texture

QuerySelectorAll

Selects all matching elements in the DOM

QuerySelector

Selects an element in the DOM

ReloadPage

reload the website

RemoveAllClasses

remove CSS class [classname] from all html elements that have class [classname]

ScrollPosition

the current x y top left scrolling position of html page or element

SetCssVariableColor

set color value of a CSS variable

SetCssVariableString

set CSS variable string value

ToggleClass

add or remove css class to/from a HTML element

TransformCSS3DElement

Transform an Element in 3d space using CSS3D

TransformElement

Move html element to current transformation in screen space

VideoElement

html video player element

WindowClose

close current window

WindowHasFocus

detect if the browser window/tab has focus

WindowInfo

size of browser window in pixels

YoutubePlayer

play a youtube video in a HTML element

ElementEventListener

Add a custom event listener

ElementPointerEvents

Listen to events of an element

PreventDefault

Prevents the default on a JavaScript event

StopPropagation

Stop a JavaScript event (bubbling / capturing)

CopyObject

Creates a copy of a JSON object

CsvArray

parse CSV files as array

CsvColumnArray

get all values of a CSV column as array of strings

EmptyObject

An empty Object

FilterValidObject

Filter valid objects

GateObject

Will only allow an Object to to be output if the the pass through parameter evaluates to true

GetStringFromObject

get string from object

HttpRequest

Request a json file and output an object (ajax, url, json)

Object

An empty Object

ObjectDeleteKey

Remove a Property from an Object by Key

ObjectFilterContentByKey

filter values from an object if key starts with input string

ObjectFunnel

outputs the last changed object

ObjectGetArray

Returns an array from a JSON-object

ObjectGetNumber

Get a number from an object

ObjectGetObject

Get an object from an object

ObjectGetString

Get string from object by key

ObjectIsNull

check if object is null or a valid object

ObjectKeys

returns an array of strings, which contain the keys of the object

ObjectMerge

merge key+values of two objects

ObjectOr

result is first connected valid object

ObjectRecorder

record objects and download as json file

ObjectSetArray

Set array by key in an object

ObjectSetColorArray

Set rgba array by key in an object

ObjectSetNumber

set number at key in an object

ObjectSetObject

set object as value in an object

ObjectSetString

set a string value by key in an object

ObjectStringify

Convert object to string

ObjectToArray

cast an object port to an array port

ObjectTrigger

set output object when triggered

ObjectValuesAsArray

extract all object values as an array

ParseObject

Parses a string to a JSON object

RouteObject

Route an object to an output port

SaveJsonFile

save/download an object as json file

SequenceObjects

control order and flow of objects

SwitchObject

Allows switching between objects

TriggerObjectSetNumber

set a number value of an object using trigger

TriggerObjectSetString

set a string value of an object using trigger

Abs

Returns the absolute, positive value

Accumulator

Add to and multiply a number, set to current value

AddUp

add up numbers

AngleBetweenPoints

outputs the angle between two points (degree)

Array3MultiplyMatrix

multiply every XYZ coordinate with a matrix

Array3To2dProjection

calculate 2d positions of an array3x

Atan2

Calculates the angle from a specified point to the coordinate origin.

Average

average of last two values

ButterflyCurve

generate coordinates of a butterfly curve

Ceil

Returns the smallest integer greater than or equal to a given number

CircleCoordinates

x and y coordinates of a circle

Clamp

Makes sure a value is within range cuts off the rest

Cosine

Calculates the cosine of an angle.

Cross

Computes the cross product of two vec3's

Crossfade

crossfade between 2 values

DegreeToVector

Calculates a vector (x and y) based on an angle in degrees

Degrees

Converts a radian measurement to its corresponding value in degrees.

Delta

difference to the last value (previous, store)

DeltaSum

add delta values to an clamped absolute value

Difference

Difference between two numbers

Distance2d

Calculates the Distance between two 2d points

Distance3d

distance between two 3d points, calculated when triggered

Divide

Divides a number by another

Ease

map a value to an easing curve

Exp

Calculates the power of Euler’s number

FlipSign

positive numbers become negative and vice versa (negate)

Floor

returns the largest integer less than or equal to a given number

Fract

returns the fractional part of a number

GaussianRandomArray

random numbers fitting a Gaussian, or normal, distribution

Incrementor

increment a number by triggering

IndexFraction

return fraction of value by index

Interpolate

Interpolate between values, lerp, linear interpolate

IsNumberRising

detect if a number rising or falling

Log

Calculates the logarithm of Number

MapGeoCoordsSpherical

map geo locations (latitude - longitude) to spherical coordinates

MapRange

Maps a value from one range into another.

Math

Allows different mathematical operations to be applied to two numbers

MathExpression

calculates a user defined mathematical expression

Max

Sets the output to the input value which is higher

MaxSinceReset

Outputs the maximum value since reset has been triggered

MercatorCoord

project mercator coordinates

MercatorCoordsArray

Mercator map and center an array of latitudes and longitudes to a local coordinate system

MinSinceReset

Outputs the minimum value since reset has been triggered

Min

Result will be the smaller number of the inputs

Modulo

outputs the remainder after division of one number by another

MulMatrixXyz

multiply XYZ values with a gl matrix vec3 x mat4

Multiply

Multiplies two numbers

Multiply3Numbers

multiply three numbers

Normalize

normalize a vector

NumberDivisible

is a number capable of being divided.

OneMinus

subtract a number from one

PerlinNoise

outputs a perlin noise value like random

Pi

returns PI (3.141592653589793) * multiply amount

PointInRectangle2d

test if a point is in or outside of a rectangle

Pow

value of x to the power of y

PowerOfTwoSize

Return the next values as power of two

Radians

Converts a degree measurement to its corresponding value in radians.

RandomCounter

add up random numbers by triggering

RandomNumbers

Simple way to get random numbers without using arrays

RotationFromNormal

Create rotation matrix from normal

Round

Outputs number rounded to the nearest integer

RoundEven

round to the next even number

SchlickBias

Custom easing curve via schlick bias and gain

Sign

get sign of value

SimpleMovingAverage

Calculate the Average of the last X values

Sine

Calculates the sine of an angle.

SmoothStep

Interpolate smoothly between two input values

SmootherStep

interpolate smoothly between two input values

Speed

measure speed of how much a value changes

Sqrt

square root of a number

Subtract

Subtracts Number2 from Number1 (minus, -)

Sum

Add two values

Tangent

Calculates the ratio of the sine and cosine of an angle.

TriggerMathExpression

calculates a user defined mathematical expression

TriggerRandomNumber

generate random number between min and max (was: random2)

VectorLength

length of a vector

Between

result is true if value is between number1 and number2

BetweenEquals

result is true if value is between or equal number1 and number2

CompareNumbers

Performs logical comparisons on numbers (compare, operators)

Equals

result is true if number1 and number2 are equal

GreaterOrEquals

result is true if number 1 is greater or equals number 2

GreaterThan

result is true if number1 is greater than number2

IfBetweenThen

triggers when value is between min and max

IsEven

Checks if Value is even or not

LessThan

Is n1 smaller than n2? (lesser, less)

CorsProxy

create a cables.gl CORS proxy URL

WebSocketSend

send an object to a websocket connection

WebSocket

Create a websocket connection and receive data from it

DelayNumberSimple

delay the value data flow by x seconds

DelayedNumber

delay a value by seconds

FilterValidNumber

Filter valid numbers

FreezeNumber

capture the current input and copy it to the output, even after a reload

GateNumber

Let’s a number through only if control bool is true, like a gate

Integer

Number op which only outputs integers

MaximumSafeInteger

Returns the maximum safe integer (number, constant)

MinimumSafeInteger

Returns the minimum safe integer (number, constant)

Number

Stores a value, use the same value in different places (was: value.value)

NumberSequence

Copies the input value to the output ports (value sequence)

Preset

State management of all parameters connected to it - Create presets of multiple ops

PreviousNumberStore

remember/store last set number

RouteNumber

Routes the value to one of the output ports (based on index, relay)

SequenceNumbers

control order and flow of numbers

SwitchNumber

switch between number values by index

SwitchNumberOnTrigger

Sets a specific output value on trigger

Trigger3Numbers

Stores a 3D coordinate (was Value3)

TriggerOnChangeNumber

triggers every time the input value changed

Button

sidebar push button/trigger element

ColorPicker

Shows a color-picker in the sidebar

DisplayValue

display a value or string

DropDown

Shows a drop-down (select) element in the sidebar

Group

organize sidebar elements into groups

Incrementor

steps through numerical or array values one by one

LocalFileToDataUrl

load a local file and output as data url

NumberInput

Enter a number in the sidebar

Presets

manage sidebar presets

SideBarImage

Display an image in the sidebar

SideBarStyle

adjust appearance of sidebar

SideBarSwitch

add tabs or switchbar to a sidebar

Sidebar

Sidebar overlay to control values

SidebarText

Display text in the sidebar

SidebarVariables

show values of all variables in a sidebar

Slider

Sidebar slider element (range)

TextInput

Get a string from an sidebar input field

Toggle

sidebar boolean toggle/switch element

XYPad

2d coordinate input element

AddLineBreaks

Insert a line break in a string of words

ArrayContainsString

Check if an array contains a string which can also be a number (find,search,indexOf)

ArrayOfStrings

Create an array of strings and optionally attach index-number

CharacterRotate

String rotate characters like a split-flap display

ConcatMulti

Joins multiple strings together

Concat

Joins two strings together

CopyToClipboard

Copy string to clipboard on trigger

DelayStringSimple

delay the output of a string by n seconds

FilterValidString

filter valid strings (not null,undefined or empty)

FreezeString

capture the current input and copy it to the output, even after a reload

GateString

Output string if pass through is true

HandleBarsHtml

string conversion using handlebars template engine

LeftPad

create a fixed length string from a number 1 -> 0001

LimitLineBreaks

Limit number of lines in a string

LineBreaksHtml

Convert linebreaks to html breaks

LoremIpsum

Lorem ipsum dolor sit amet

Lowercase

convert all characters to small letters

Md5

Create a md5 hash of a string

NumTotalLineBreaks

Count number of line breaks in a string

NumberFormatter

Format a number to a string in the given locale and format

NumberSwitchByString

associate numbers by strings

NumberToString

Convert a number to a string

OrString

outputs the first valid string

ParseInt

Parse a string to a integer number / string to number

RandomString

Generate a random string of given characters

RightPadNumber

Converts a number to a string with num decimal places, adds 0's

RightPad

create a string with a fixed length filling the space with a character

RouteString

Route a string to an output port

SaveTextFile

download a textfile containing the input string

SequenceStrings

control order and flow of strings

StartsWith

does a string starts with another string?

StringCompose

Combine multiple Values to a new String

StringContains

check if string contains another string (find,search,indexOf)

StringEditor

string text editor

StringEquals

check if content of two strings is the same

StringGetLineNumAtIndex

output the line number at the character index

StringIterator

iterate over every character of a string

StringLength

number of characters in a string

StringReplace

replace occurrences of a string with another string

StringSortLines

sort each line of a string alphabetically

StringSwitchByString

Switch between multiple strings by a string index

StringToNumber

Parses a string and returns a floating point number / string to number

StringTrim

Remove whitespace from both ends of a string

String

String input/output

StripHtml

remove html tags from a string

SubString

Subset of a string between one index and another

SwitchString

Switch between multiple strings with an index

UUID

outputs a unique identifier string

Uppercase

Convert all characters in a string to upperase

Base64Decode

decode a string to base64

Base64Encode

encode a string to base64

DownloadBase64File

trigger a download of a base64 binary file

FileInput

get URL of a file

SwitchFile

switch between filenames

ExampleVizOp

example how to code a viz layer op

MinimalMaterial

Material Example Template

PortsArrayExample

Is a template for creating Array ports

PortsBooleanExample

Is a template for creating Boolean ports

PortsObjectExample

Is a template for creating Object ports

PortsStringExample

Is a template for creating String ports

PortsTriggerExample

Is a template for creating Trigger ports

PortsValueExample

Is a template for creating Value ports

ShaderEffectExample

shader effect example template

UiTestOp

UI indicators example op

AutoPlay

Automatically starts the timeline playback when opening patch

DemoPrerender

Prerenderer based on timeline progress

GotoFrame

jump to a key in the timeline

PreRender

Render the patch at certain times

TimeLineControls

use position and play pause state of cables timeline

TimeLineFrame

Returns the current frame number of the timeline

TimeLineLength

current set length of the timeline

TimeLineLoop

Automatic rewind of timeline at a certain time

TimeLineOverwrite

overwrite timeline time value

TimeLinePlay

start timeline

TimeLinePlayer

Player controls for the timeline

TimeLineRewind

set time of timeline to 0 (rewind, restart)

TimeLineSetTime

set current time of timeline

TimeLineTime

Returns the current time of the timeline

TimeLineTogglePlay

toggle between timeline playing and being paused

TimelineValue

Animate and get value at "time" of timeline

DelayedTrigger

delay triggering next port by x seconds

GateTrigger

Allows a trigger to pass only if the gate is open

IfEqualsThen

triggers if value 1+2 are equal

Interval

Timed Trigger every x ms

IsTriggered

outputs true if being triggered last frame

NthTrigger

Lets a trigger through every nth time (trigger limiter)

NumberByTrigger

Outputs the last number of the input port which was triggered

ProbabilityTrigger

trigger by chance

RandomTrigger

randomly trigger output ports

Repeat2d

Triggers all ops underneath Num X * Num Y times

Repeat

Triggers all ops below x times (for loop / while)

RouteTrigger

Triggers one of the out ports - value index switch case (was SwitchTrigger)

RouteTriggerAnimated

animated switching between things

RouteTriggerString

route trigger output by string

Sequence

control the order of execution/triggering

SwitchTrigger

route input triggers by index to one output

Threshold

Triggers only once when threshold is crossed

TimeSinceTrigger

Get the time since last trigger

TimedSequence

timed switching of trigger

TriggerButton

simple button to trigger manually

TriggerCounter

Counts how often the port was triggered

TriggerCounterLoop

Increments with each trigger and loops depending on min and max loop values.

TriggerDistributeByValue

triggers evenly distributed by value

TriggerExtender

Extends a trigger (useful in big patches for better overview)

TriggerIfDecreased

trigger if a value decreases / gets smaller

TriggerIfIncreased

Outputs a trigger if the value of a number increases

TriggerLimiter

Limits how often a trigger goes through to x ms

TriggerNumber

Outputs a number when triggered

TriggerOnChangeArray

triggers when array has changed

TriggerOnChangeObject

triggers when array has changed

TriggerOnChangeString

triggers when string has changed

TriggerOnChangeTexture

triggers when texture has changed

TriggerOnce

Trigger the following childs once

TriggerReceive

Receives triggers from a TriggerSend op with the same variable name

TriggerReceiveFilter

receives all named trigges and relays them, optionally using a filter-prefix on the name

TriggerSend

Allows triggers to be sent to a TriggerReceive op with the same variable name

TriggerSendNamed

Allows triggers to be sent to a TriggerReceive op with the same variable name

TriggerString

trigger a string

TriggersPerSecond

Counts how often the port is triggered per second

ValueBecameZeroTrigger

Triggers when the input value became zero

Area

Organize and group your patch operators

CablesEditorEvents

Cables UI Event Triggers

Comment

Displays a comment in the patch area

GetCablesDefaultTheme

Get the default theme colors of the cables editor

PatchInput

Helper op for sub-patches

PatchOutput

Helper op for sub-patches

SetCablesTheme

Set cables editor colors

SubPatch

subpatch op

Subpatch2Template

new subpatches

VizArrayChart

Displays information of the distribution of numerical values in an array

VizArrayTable

Show the contents of the input array in a table in the patch, useful for debugging

VizBool

Visualize the state of a boolean input in the patch, useful for debugging

VizGraph

Displays graphs for the numbers on the input port in the patchfield

VizLogger

Log changes of input values line by line, use like a logfile for debugging

VizNumber

Displays input string on the patchfield

VizNumberBar

Visualize numbers as a bar in patch, useful for debugging

VizObject

Show information about any object for patch debugging

VizString

Displays long input string on the patchfield

VizTexture

Displays texture at input port

VizTextureTable

Show pixel colors of connected texture as a table, useful for debugging

TriggerVarGetNumber

Get a number variable value at time of trigger

TriggerVarGetString

Get a string variable value at time of trigger

VarGetArray

Get a variable array

VarGetNumber

read a variable number

VarGetObject

Get a variable object

VarGetString

String variable getter

VarGetTexture

get a texture from a variable

VarSetArray

Set a variable array

VarSetNumber

set a variable number

VarSetObject

Set a variable object

VarSetString

Set string variable

VarSetTexture

set a texture variable

VarTriggerArray

Set an array variable by a trigger

VarTriggerNumber

set number variable by trigger

VarTriggerObject

Set an object variable by trigger

VarTriggerString

set string variable by trigger

VarTriggerTexture

Set an object variable by trigger

VariablesAsObject

outputs an object containing all variables

AnalyzerTexture

Creates a spectrogram texture from an audio FFT array

AudioAnalyzer

Extracts FFT, RMS & Waveform data from an incoming audio signal

AudioBufferChannelRouter

Route audio from one input channel to any output channel

AudioBufferPlayer

Play back audio data stored in an AudioBuffer

AudioBufferToSplineArray

Outputs the waveform of an audio file as a spline array

AudioBuffer

Holds an audio file / sample in a buffer

AudioPanner

stereo pan an audio signal from left to right

AudioRecorder

record, playback and download audio

BiquadFilter

Different kinds of audio filters

ClockSequencer

send bpm based triggers like a clocked trigger sequencer / clock divider

ClockSequencerPattern

sequence triggers by defining a pattern (like a drum machine)

Convolver

Audio reverb using an impulse response (sample)

CutFilter

dj style filter (lowpass and highpass)

Delay

add a delay effect to an audio stream

FFTAreaAverage

get average value in an area of a fft audio analysis buffer

Gain

Changes the gain / volume

KeyPiano

Generates notes based on key presses

MicrophoneIn

Access to the microphone and/or audio input devices

MidiValueToFrequency

Converts a midi value to a frequency

Mixer

Mix audio signals together

MusicalScales

Outputs a musical scale array (major, minor, ...) as strings, steps and midi notes

Output

Sends an audio signal to your speakers

ThreeBandEqualizer

3 filters in one - an eq to quickly process an audio signal

WaveformMesh

Outputs the waveform of an audio file as a geometry

Waveshaper

add waveshaping (distortion, overdrive, fuzz) to an audio stream

Cookie

cookie of the current website as object

FilenameInfo

information about a filename, like url protocol, suffix etc

ForceHttps

will redirect to same URL using https protocol

InfoURL

Information about the current URL

LocalStorageNumber

Store and retreive a number in browser localstorage

LocalStorageString

Store and retreive a string in browser localstorage

LocationHashRoute

gives updated information about window.location.hash

SetLocationHash

sets window.location.hash to the specified value(s)

UrlQueryParams

Returns a URL query parameter, e.g. index.html?Parameter=ParameterValue

AmmoBody

Create a physics body/collision shape using a any geometry or select a shape

AmmoBodyCollision

Check if physics bodies are colliding

AmmoCharacter

Control and move a character in a physics environment

AmmoCharacterFpsCamera

First person camera to use with AmmoCharacter

AmmoDebugRenderer

Visualize the physical bodies as lines and points

AmmoEmitter

Emit Ammo physics bodies by triggering

AmmoRaycast

Cast a ray and detect colliding bodies

AmmoWorld

Simulate physical world

GltfAmmoBodies

Create physics bodies from a GLTF File

DetectGPU

Use the detect-gpu library to assess performance of the client running the patch

ECharts

wrapper for echarts-library

EChartsEvent

capture echart-library-events

FxHash

FxHash simulator / generator of seeded random numbers

ParticleSystem

GPU Particle System

DivElements

create an array of div elements

ElementArrayCssPropertyNumber

Set css style properties of a html element

Lsystem

Lsystem generator

LottieSVGPlayer

Play Bodymovin/Lottie animations as SVG in a HTML element

LottieTexturePlayer

Play a Lottie animation in a texture

FaceMesh

Generate an animated geometry from MpFaceTracking Point Coordinates

MpFaceTracking

Get face mesh from webcam/video using mediapipe library

MpHand

Get points and lines for left/right hand from mediapipe

MpHandCoordinate

Get individual coordinates of fingers or wrist from an array of mediapipe data

MpHandTracking

Get hand data from mediapipe library, use with MpHand

MpPoseGetCoordinate

Get coordinates of specific body parts from mediapipe data

MpPoseTracking

Get pose-data (points/landmarks/lines) from webcam using mediapipe library

OpentypeFont

Load OTF & TTF fonts via OpenType library

OpentypeToSvgPath

get svg path from (OTF) OpentypeFont using the opentype library

OscArray

Outputs an array of data from a user defined OSC address

OscMessage

Shows the current active address of an incoming OSC message

OscNumber

Outputs a single number from a user defined OSC address

OscNumbers

Outputs up to 4 numbers from a user defined OSC address

ReactionDiffusionSystem

Cellular automata system as feedback loop texture.

SocketClusterReceiveObject

Receives object from the socketcluster socket/topic

SocketClusterReceiveTrigger

Receives trigger from the socketcluster socket/topic

SocketClusterSendObject

sends an object via socketcluster/websocket

SocketClusterSendTrigger

sends a trigger via socketcluster/websocket

SocketClusterTopicInfo

get info for clients listening on a socketcluster topic

SocketCluster

connect to a socketcluster server and manage the connection

AudioClassifier

Use the Teachable Machines audio classifier for your microphone. Insert the uploaded model URL.

ImageClassifier

Use the Teachable Machines image classifier. Insert the uploaded model URL.

PoseDetection

Use the Teachable Machines pose detection with your webcam. Insert the uploaded model URL.

TrackWebcamColor

Track a position of a specific color in the current webcam stream

Say

Text-to-Speech, speaks different languages (speech synthesis)

SpeechRecognition

speech to text recognition