beta
cables is under heavy development.
There might be one or another bug, please let us know about it!

All Operators

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

RelativeTime

 Time since the patch was loaded in seconds

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)

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

FxHash

 FxHash simulator / generator of seeded random numbers

IftttTrigger

Triggers a custom event in the maker channel of IFTTT

SoundCloud

 Get infos / stream URL from a regular SoundCloud-track URL

ReadEntries

Reads the most recent entries from ThingSpeak

ReadLastEntry

Reads the last entry from a channel from ThingSpeak

Write

Writes a value to ThingSpeak

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

Array1To3

 convert array1 to array3

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

Array3Multiply

 multiply every XYZ member of array3x

Array3PushNumbers

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

Array3RandomSelection

 extract definable amount of random xyz points from an array

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

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 string or 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

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

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 two arrays - Array 2 is placed behind array 1

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

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

ArraySetArray

put an array into an array

ArraySetNumber3

set number values in an array3

ArraySetNumber

 set a number at index in an array

ArraySetObject

put an object at index in an array

ArraySetString

 Set a string in an array at index

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

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

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

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

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

IteratorArray3

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

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

ParseArray

 Parse a string into an array (create)

PerlinArray

 Creates An array filled with Perlin noise values

Phyllotaxis

 coordinate generation like arrangement of leaves in some plants

RandomArrays

 create a random array of 1 to 4 dimensions

RandomNumbersArray3

 Generates a random array of numbers (was: RandomArray3x)

RandomNumbersArray4

 Generates a random array of numbers in 4-tuples

RandomNumbersArray

 Generate an Array of Random Numbers (was: randomArray)

RandomWordsArray

Generates an array filled with random english words

ReduceArray3

Copies only every x point from an array

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

StringToCharArray

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

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

Filter: All pointArrays Spline 

FillPointArrayDuplicates

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

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

SpeechRecognition

 speech to text recognition

And

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

BoolToNumber

Outputs `0` for `false` and `1` for `true` (converter, boolean)

BoolToString

 convert boolean to string

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

ToggleBoolValue

Inverts a boolean value (negate, flip, not)

TriggerBoolean

trigger true or false values

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

BrowserInfo

 Reports the browser being used

JsMemory

 browser js memory consumption

WebShare

 Opens a sharing dialog to share text and images

AssetPathURL

 outputs the path to the assets

CustomOp

 Code a custom op that will only be available in the current patch

ExitError

stop executing the patch

FPS

output current frames per second

PatchInfo

 read patch config when embedding on another page

UIMode

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

ColorPalettes

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

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

DateAndTime

 Returns current date and time

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

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

ShakeGesture

Reads the accelerometer data from a mobile device

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

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

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

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

TouchGesture

detect touch gestures like swipe and pan

TouchScreen

touch screen input: e.g. position of fingers

PersonController

 simple controller example op for game characters

BoundingBox

create a simple bounding box from width,height,depth

GeometryToWireframeArray3

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

Array3ToTexture

 convert an array of RGB values to a texture

AspectRatio

 set fixed viewport aspect ratop and letterboxing

BlendMode

 change how colors are mixed (blending/mixing modes)

CalculateNormals

calculate normals of a geometry

Canvas2Texture

convert a canvas to texture

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

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

DepthTest

change depth testing method (depthMask,depthWrite,depthFunc)

DirectionalTranslate

 translate away from a point in space

DownloadTexture

 Download a texture as png file

DrawTextureMapping

 draw texture mapping coordinates

FaceCulling

 Disable the rendering of front or back facing triangles with culling

FontMSDF

 Load MSDF Font data and texture to use

ForceCanvasSize

 Resize canvas element to a specific pixel size or aspect ratio

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

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 (renderer)

MediaRecorder

 Record the renderer-output to video

MeshInstancer

 Draw the same mesh multiple times on the GPU

MeshMorph

 morph from one geometry to another

MorphGeometries

morph between two geometries and render it

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

RandomizeTriangles

 randomize order of triangles in a geometry

Render2Texture

Render something into an Image

Render2Textures

 render to multiple textures at the same time

RenderAnim

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

RenderGeometry

 Render a geometry as mesh

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

TesselateGeometry

 create new triangles in a mesh (subdivide)

TextMeshMSDF

 draw text using the FontMSDF operator

Texture2ColorArray

 extract colors from a texture

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

TextureFromColorArray

 create a texture from an array of number values

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

Viewport2

force a viewport aspect ratio

WebGlVersion

which webgl version is being used

Ops.Gl.CubeMap


WebGl Ops

Filter: All Material cameras 

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

GltfMeshSequence

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

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

AlignGeometry

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

BoundingBoxVisible

 Test if a boundingbox could be visible in the current viewport

DivideGeometry

 disconnect faces/polygons of a mesh

FlipNormals

flip all normals of a geometry

FreezeMeshes

 capture all following meshes into one geometry

GeometryBoundingBox

 Calculate a bounding box from a geometry

GeometryExtrude

 basic extrusion of flat geometry

GeometryInfo

information about a geometry

GeometryMerge

 merge two geometries to one

GeometryMergeSimple

 merge two geometries into one

GeometryPoints

 Get vertices of a geometry as array3x (vertex vertices)

GeometryToObj

 Generate an .obj file as string from a geometry

GeometryUnIndex

convert geometry to only flat triangles without reusing vertices positions

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

TransformGeometry

 transform vertices of geometry

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

Camera

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

CameraInfo

 get camera attributes from current camera/orbit controls

CameraPosition

 get the current position of viewmatrix/camera eye

CircleTransform

 Transform following Meshes around a Circle

Coordinates

 current xyz coordinates (modelmatrix)

DeviceOrientationCamera

 gyroscope motionsensor camera

GetMatrixScaling

Get the scalar scaling of a matrix

GetModelMatrix

get current modelmatrix

GetProjectonMatrix

 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

enlarge or shrink objects by a scale factor for every axis

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)

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

CablesLogo

 cables logo mesh/geometry

Circle

 Draws a circle

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

ParametricSurface

 Creates a 3d mesh from a 2d area expressions

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)

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)

SuperShape

Renders a super shape

TextMesh

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

Torus

 Draw a torus (doughnut, donut, ring mesh)

Triangle

 Draw a triangle

TriangleArray

 Draws multiple triangles using coordinates from an array

TriangleSphere

 A sphere mesh with uniform distributed vertices

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

Filter: All Material 

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

Filter: All Material dataInfo 

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

 see which faces are facing the camera

GetShader

get current set shader

MatCapMaterialNew

 Easy to use image based lighting Material

Picker

 Test if the mouse hovers over drawn elements

PickingMaterial

 Test if following meshes are picked by the picker

PointMaterial

 Draw all vertices as points / circles

SetShader

Sets a shader

SetUniformFloat

 set a uniform value of the current shader

SetUniformTexture

 set a uniform value of the current shader

Shader2Texture

 render a shader into a texture

ShaderDefine

Set shader defines

ShaderInfo

view current shader source code

ShowNormalsMaterial

 render mesh normals as colors

ShowTexCoordsMaterial

 visualize texturecoordinates/UV mapping of a mesh

SwitchShader

Switch between two shaders

TextureLookupColorMaterial

 lookup color values from a texture and use it as object color

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

Bulge

 displace vertices by the value in a texture

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

Render2TexturesSlots

 select textures to render to

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

RgbeToFloat32Texture

 Convert a RGBE texture to HDR/floating point texture

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

ColorMapRange

 Map the range of color number values to another

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

DepthTexture

 draw the content of a depth texture

DepthTextureFocus

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

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 - cheap and fast

Flip

 flip the image on x or y axis

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

MultiDrawImage

 draw multiple images at once

PaletteTexture

 Create a RGB color palette using an array

PatternLookup

 map a pattern to value levels of your texture

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

RGBMath

 apply simple mathematical functions on pixels color values

RGBOffset

 Offsets the xy components of an RGB texture

ReactionDiffusionSystem

Cellular automata system as feedback loop texture.

RectangleTexture

 Draw a 2D rectangle with controllable parameters

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)

SSAO

 screen space ambient occlusion

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

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

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 texture

ExrTexture

 load .exr floating point texture files

Float32ToRgbeTexture

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

GraphTexture

 draw a graph of a value into a texture

Histogram

 graphical representation of distribution of color in a texture

NoiseTexture

 Simple noisetexture

SwitchTextures

 Switch between different textures

TextTexture

 Generates a texture of Text using one of the font ops

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

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

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

ElementSize

 Get size and position of a HTML element

ElementsPositionsByClass

get html element absolute positions and sizes by classname

EventListener

Listen to events of an element

FontFile

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

FullscreenMode

switch webgl to fullscreen

GetCssVariable

 gets current value of CSS Variable

HyperLink

 Open another website

IFrame

 Show another website in an iframe element

LoadingIndicator

 show a typical web loading/progress indicator animation

MailtoLink

 creates a mailto: link to open the default email app

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

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

SetCssVariableColor

 set color value of a CSS variable

SetCssVariableString

 set CSS variable string value

TextArea

 textarea html element

ToggleClass

 add or remove css class to/from a HTML element

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

CustomEventListener

Add a custom event listener

PreventDefault

Prevents the default on a JavaScript event

StopPropagation

Stop a JavaScript event (bubbling / capturing)

InteractionListener

Was there mouse movement the last x [duration] seconds?

ObjectChanged

triggers when object input has changed

Sequence

control the order of execution/triggering

AjaxRequest

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

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

CsvArray

 parse CSV files as array

CsvColumnArray

get all values of a CSV column as array of strings

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

ObjectFilterContentByKey

 filter values from an object if key starts with input string

ObjectFunnel

outputs the last changed object

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

ObjectGetArray

Returns an array from a JSON-object

ObjectGetNumberByPath

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

ObjectGetNumber

Get a number from an object

ObjectGetObjectByPath

 Returns the object at the position defined by a path

ObjectGetObject

Get an object from an object

ObjectGetString

 Get string from object by key

ObjectGetStringByPath

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

ObjectIsNull

check if object is null or a valid object

ObjectIterate

iterate keys of an object

ObjectKeys

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

ObjectOr

result is first connected valid object

ObjectRecorder

record objects and download as json file

ObjectRelay

Let’s a object through only if control bool is true

ObjectSetArray

Set array by key in an object

ObjectSetNumber

set number at key in an object

ObjectSetObject

 set object as value in an object

ObjectSetObjectSimple

 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

ObjectValues

 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

SwitchObject

 Allows switching between objects

ECharts

 wrapper for echarts-library

EChartsEvent

 capture echart-library-events

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

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

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.

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

Distance3dNew

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

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

Max2

Returns the biggest number

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

Multiply

Multiplies two numbers

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)

Triangulate2dPath

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

CorsProxy

 create a cables.gl CORS proxy URL

MqttReceive

 Receives a message via MQTT (IoT, subscribe, listen)

MqttSend

 Sends a MQTT-message

Mqtt

 Creates a MQTT connection (IoT, messaging)

SocketClusterRecieveArray

 recieves an array from the socketcluster topic

SocketClusterRecieveBoolean

Recieves boolean value from the socketcluster socket/topic

SocketClusterRecieveNumber

 recieves number from the socketcluster socket/topic

SocketClusterRecieveObject

 Recieves object from the socketcluster socket/topic

SocketClusterRecieveString

 recieves string from the socketcluster socket/topic

SocketClusterRecieveTrigger

Recieves trigger from the socketcluster socket/topic

SocketClusterSendArray

sends an array via socketcluster/websocket

SocketClusterSendBoolean

Sends boolean value via socketcluster/websocket

SocketClusterSendNumber

 sends a number via socketcluster/websocket

SocketClusterSendObject

sends an object via socketcluster/websocket

SocketClusterSendString

 sends a string 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

WebSocketSend

 send an object to a websocket connection

WebSocket

 Create a websocket connection and receive data from it

CallBack

Executes an external function (external javascript)

Function

trigger from external function when embedded into a website

LoadingStatusTask

Starts / stops a loading task (async loader)

LoadingStatus

 trigger events / get information about asset-loading status

PlayButton

 shows a playbutton for forcing a simple user interaction

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

Cannon

 shoot physics objects

CannonCastRay

 cast a ray and test intersection with physics bodies

CannonGltfPhysicBodies

 create physics bodies/bounding boxes for gltf nodes

CannonPhysicsBodiesArray

 create an array of physics bodies and add them to current world

CannonPhysicsCube

 physical body in form of a cube

CannonPhysicsGeometryBody

create a physics body from any geometry

CannonPhysicsSphere

 Physical Sphere Body

CannonSetVelocity

 set velocity of a physics object

CannonWorld

start/configure a world with physics simulation

PointsCircle

calculates a circle path, outputs array3x

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

PointsSphereRandom

 Generates a point field mapped to the surface of a sphere

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

LocalTextureFile

 Let the user select a local file as a texture

NumberInput

Enter a number in the sidebar

Presets

manage sidebar presets

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

Base64Decode

decode a string to base64

Base64Encode

encode a string to base64

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

FilterValidString

filter valid strings (not null,undefined or empty)

GateString

Output string if pass through is true

HashIdDecode

read back integers from a hashid

HashIdEncode

generate short unique ids from integers

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

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

ParseFloat

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

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

Split

Splits a string with separator into an array of strings

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

StringIterator

iterate over every character of a string

StringLength

number of characters in a string

StringNew2Old

temporary string port converter

StringOld2New

temporary string port converter

StringReplace

 replace occurrences of a string with another string

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

SwitchStringBoolean

Switch between two strings with a boolean

UUID

 outputs a unique identifier string

Uppercase

 Convert all characters in a string to upperase

ArraySpray

 Particle Spray simulation

Lsystem

 Lsystem generator

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

DelayedTrigger

delay triggering next port by x seconds

Milliseconds

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

TimeSinceTrigger

 Get the time since last trigger

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

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

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)

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)

RouteTriggerString

 route trigger output by string

SetNumberOnTrigger

Outputs a number when triggered

SwitchTrigger

 route input triggers by index to one output

Threshold

 Triggers only once when threshold is crossed

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 the last number of the input port which was 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

Comment

Displays a comment in the patch area

PatchInput

Helper op for sub-patches

PatchOutput

Helper op for sub-patches

SubPatch

subpatch op

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 input string on the patchfield

VizStringLong

 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

Boolean

 Stores a boolean value

ColorValue

Use a color value on multiple places

DelayBooleanSimple

Delay the input/output of a boolean by x seconds

DelayStringSimple

 delay the output of a string by n seconds

DelayedValue

delay a value by seconds

DelayedValueSimple

delay the value data flow by x seconds

FileInput

get URL of a file

FilterValidNumber

Filter valid numbers

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)

NumberSwitchBoolean

switch between two values by a boolean

Preset

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

PreviousValueStore

 remember/store last set number

RouteNumber

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

SwitchFile

switch between filenames

SwitchNumber

switch between number values by index

SwitchNumberOnTrigger

Sets a specific output value on trigger

ToggleNumber

Switches two number values using a boolean

Trigger3Numbers

Stores a 3D coordinate (was Value3)

TriggerOnChangeNumber

 triggers every time the input value changed

TypeOf

 Outputs the type of the input-port (boolean, number, string).

Value2d

Stores a 2D coordinate

ValueChangeCounter

counts how often different values are set

ValueChangedTrigger

trigger output when value has changed since last execution

FreezeArray

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

FreezeNumber

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

FreezeString

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

SequenceNumbers

control order and flow of numbers

SequenceObjects

control order and flow of objects

SequenceStrings

control order and flow of strings

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

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

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

SamplePlayer

 Plays back one shot samples on trigger (useful for interaction sound)

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

ChordTriad

Creates a triad chord

Say

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

Vr

 rendering on webxr virtual reality immersive devices

VrController

 tracking of vr hand controller

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