Ops

TriggerLimiter

limits triggering to every x milliseconds

Sequence

control the order of execution/triggering

ObjectChanged

triggers when object input has changed

InteractionListener

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

AutoPlay

Automatically starts the timeline playback when opening patch

Ops.Anim

Animations

AverageInterpolation

 weighted average interpolation

LFO

 Low-frequency oscillation for animations

RandomAnim

 animating between random numbers

RelativeTime

 Time since the patch was loaded in seconds

SimpleAnim

 simple animation between two values

SineAnim

 animation in form of sine curve (sinus)

Snap

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

StringTypeAnimation

 Animates a string, like it is being written by a person

TimeDiff

 measure the time between two triggers

Timer

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

Timer2

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

ValueChangeAnim

always animates to the current value

Bang

trigger a simple bang animation

FrameRangeAnim

parses string containing ranges of frames and play as coherent animation

Frequency

 Triggers every x milliseconds. Can be used e.g. to create a strobe effect.

InOutInAnim

animates after a trigger from 1 to 0 to 1

BoolAnim

 animate between two values based on boolean value

IntervalAnim

 triggers every x seconds interval and outputs percentage

Ops.Api.Ifttt

IftttTrigger

Triggers a custom event in the maker channel of IFTTT

Ops.Api.SoundCloud

SoundCloud

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

Ops.Api.ThingSpeak

Write

Writes a value to ThingSpeak

ReadLastEntry

Reads the last entry from a channel from ThingSpeak

ReadEntries

Reads the most recent entries from ThingSpeak

Ops.Array

process and manipulate collections (arrays) of data

ArraySetObject

put an object at index in an array

Array3xReverse

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

Array3xSort

Sorts an array with value triplets `[x1, y1, z1, …]`

Array3xSplineLength

 sum of distances between points/items in an array3x

Array3xSplinePositionAtDistance

 get position in array3x/spline at distance from start

Array3xSubdivide

Insert new Vertices into an Array3x to make it to tesselate it and make it smoother

Array3xSubdivideNew

 for subdividing splines, smoothing lines using cubic bezier interpolation

Array3xTo2x

remove every 3rd item of an array

ArrayAnalyze

get simple statistics about a number array

ArrayBreakOut

Breaks out the values of an array (array-value converter)

ArrayBuffer

 stores values in an array / fifo array buffer

ArrayBuffer3x

 circular buffer for xyz values

ArrayChangedTrigger

triggers when array was changed

ArrayChunk

Extracts x elements from an array

ArrayContains

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

ArrayGetArray

get an array from an array of arrays

ArrayGetObject

get an object from an array

ArrayGetValue

Returns a value from an array

ArrayGetValue3x

get 3 values from an array

ArrayInterpolate

 interpolate between two arrays (lerp)

ArrayInterpolateOffset

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

ArrayIterator

Loop over every element of an array

ArrayIterator3x

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

ArrayIteratorArray

iterate over an array of arrays

ArrayIteratorObjects

 iterate over an array of objects

ArrayLength

 Number of items in an array

ArrayMath

performs a math operations on two arrays

ArrayMerge

merge/concat two arrays

ArrayMergeSimple

merge two arrays

ArrayMultiply

Multiply every number in an array

ArrayPushValue3x

 Adds three values at once into an array

ArrayReverse

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

ArraySetArray

put an array into an array

Array3xGetValues

get 3 values from an array3x

ArraySetValue

Change the value of an array at an index

ArraySetValue3x

set three values at position index in an array

ArraySlice

Extracts parts of an array (shallow copy)

ArraySmooth

 smooth/average values in an array

ArraySum

sum of every number in an array

ArraySwitch

switch between multiple arrays

ArraySwitcher

switch between multiple arrays

ArrayTrigger

Trigger an array

ContinuousNumberArray

an array containing continuous numbers: 0,1,2,3,4,5.....

CopyArray

Makes a copy of an array (clone, duplicate)

CropArray

Crops an array (makes a shallow copy first)

EmptyArray

create an empty array

ExclusiveBoolStateArray

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

NumberArray

empty number array containing zeroes

ParseArray

Parse a string into an array (create)

RandomArray

Generate an Array of Random Numbers

RandomArray3x

Generates a random array of numbers

RandomWordsArray

Generates an array filled with random english words

ReduceArray3x

Reduce an array by copying only every xth value

RingBuffer

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

RingBufferTextures

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

ShuffleArray

Randomizes the order of elements inside an array

ToString

 Convert an array to a string, divided by a separator

WeaveArrays

Weaves two arrays together (combine, join, merge)

Array

 Create an Array

Array3xAnalyze

min,max and average values of an array3x

Array3xGetValuesInterpolated

 get interpolated values between the indices of an array3x

Array2xTo3x

inserts zeroes every third item

Array3xInterpolateDistributed

interpolate between two arrays

Array1xTo3x

convert array to array3x

Array3xMultiply

multiply every XYZ member of array3x

Array3xRandomSelection

 get x random elements from an array

Array3xAverage

average x,y,z values of an array3d

Ops.Audio

BpmTap

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

Bang

Outputs a number going from `1` to `0`, synced to the music (flash-effect)

Ops.Bodymovin

Player

play/render a bodymovin animation to a texture

Ops.Boolean

ParseBoolean

parse boolean from string/number

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

isOne

Returns `true` if input value is `1`

isZero

Returns `true` if input value is `0`

And

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

BoolToNumber

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

IfFalseThen

Triggers if input value is `false`

IfTrueThen

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

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`

Ops.Cables

PatchInfo

read patch config when embedding on another page

FPS

Returns the current frames per second

UIMode

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

Ops.Cables.CableConnect

Ops.Color

HSBtoRGB

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

HexToRGB

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

ColorPalettes

 Contains a collection of nice color palettes

Ops.Date

DateAndTime

 Returns current date and time

DateDifference

Calculates the difference between two timestamps

DateTimestamp

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

Ops.Debug

ProfileGL

dump all gl commands of one frame to console

Trace

Outputs a stack trace to the console

CallsPerSecond

Counts how often the port is triggered per second

Console

Shows console log output on the screen

GlDebug

see current gl states and error message

StopWatch

Measure the time used to render all child nodes in milliseconds

Log

Prints something to the developer console

Ops.Devices

TouchScreen

touch screen input: e.g. position of fingers

TouchGesture

detect touch gestures like swipe and pan

MotionSensor

get values from the device motion sensor mobile

Ops.Devices.GamePad

GamePads

 list connected gamepads

GamePad

 Outputs the button states of a gamepad

GamePadJoystickAxis

get axis and angle of a joystick/thumbstick

Ops.Devices.Keyboard

KeyPress

 triggers when a key is pressed

CursorKeys

 get the state of your keyboards arrow keys

MidiKeyboard

 Emulates a MIDI keyboard using your regular keyboard

KeyPressLearn

triggers when certain key is pressed or released

Ops.Devices.Kinect

Ops.Devices.Midi

MidiInput

connect to a Midi device

MidiClockBeat

receive midi clock beat / sync

LaunchPadScroller

Scroller for Novation Launchpad Mini

DeviceList

list of midi devices

MidiValue

read a value from a midi knob

MidiValueToNote

 Converts a MIDI value to a note string

Ops.Devices.Mobile

Pinch

detect two finger pinch gestures on touchscreens

LockOrientation

locks orientation to landscape or portrait mode

GeoLocation

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

DeviceVibrate

vibrating a mobile device

ScreenOrientation

get orientation of the physical screen

Ops.Devices.Mouse

Mouse

 Get mouse coordinates and events

MouseButtons

Get the state of mouse buttons

MouseDrag

get values by dragging the mouse

MouseDrag2

 get delta of mouse position while dragging

MouseWheel

 outputs a absolute value controlled by the mousewheel (scroll, zoom)

Ops.Exp

Experimental Ops

RenderAnim

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

MatrixToCssTransform

convert webgl modelmatrix to css transform matrix

LinesFromPoints

Connects all points to lines

Ops.Exp.Gl

Experimental Ops

DeviceOrientationCamera

gyroscope motionsensor camera

VectorFieldArray

 use pixel luminance texture to rotate/scale a mesh in a grid field

ShadowSource

 add shadows to a 3d model

Ops.Exp.Gl.FlowField

Experimental Ops

Ops.Exp.Gl.Physics

Experimental Ops

SetVelocity

set velocity of a physic object

Cannon

shoot physic objects

World

start/configure a world with physic simulation

Ops.Exp.Gl.Physics.Body

Experimental Ops

Cube

physical body in form of a cube

Sphere

physical body in form of a sphere

Ops.Exp.Gl.Shader

Experimental Ops

Ops.Exp.Gl.ShaderEffects

Experimental Ops

CustomShaderEffect

write custom shadereffects

Fur

 

Ops.Exp.Gl.TextureEffects

Experimental Ops

Ops.Exp.Trigger

Experimental Ops

SceneMixerCircular

Triggers a certain scene based on the index

Ops.Exp.Ui

Experimental Ops

DisplayValue

show a value in the patchfield

Ops.Game

PersonController

simple controller example op for game characters

Ops.Gl

WebGl Ops

TextureInfo

Outputs information about the connected texture

CanvasSize

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

ClearAlpha

clears the alpha channel (buffer)

ClearColor

set all pixels with to one color

ClearDepth

 Clears the depth buffer (zbuffer, z buffer)

ColorMask

 enable/disable color channels RGBA

ColorPick

 pick a color at x,y coordinates of canvas

TextureSVG

 Load a SVG image and convert to pixel texture

TextureSwitcher

switch betwen different textures

Depth

configure depth testing and writing to z-buffer

Depth2

change depth testing method (depthMask,depthWrite,depthFunc)

DirectionalTranslate

 translate away from a point in space

DrawTextureMapping

draw texture mapping coordinates

FaceCulling

 faces hidden from the viewer will not be rendered when enabled

Array3xTransformInstanced

draw many instances of a geometry at coordinates from an array

BlendMode

 change how colors are mixed (blendign/mixing modes)

BlendMode2

 change how colors are mixed (blending/mixing modes)

CalculateNormals

calculate normals of a geometry

Canvas2Texture

convert a canvas to texture

CanvasFocus

is canvas focussed ?

TextureArrayLoaderFromArray

 load multiple texture from filenames given as an array

TextureArrayLoader

 load multiple images into an array

TextureArray

create an array of textures

GlInfo

information about yout webgl context

GlPrimitive

force rendering of meshes using points,lines or triangles

GradientTexture

texture containing a color gradient

GridTransform

transform and arrange elements into a grid

Identity

reset all transforms (modelmatrix)

IdentityViewMatrix

reset the view matrix (cameras etc.)

IgnoreInShadowPass

do not trigger next when rendering the shadow pass

ImageSequenceAnim

play a image sprite animation

ImageSequenceAnim2

 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)

Texture2ColorArray

 extract colors from a texture

Texture

Load an image as a texture

TesselateGeometry

 create new triangles in a mesh (subdivide)

SvgPathes

extract pathes from a svg json

SurfaceScatterInstanced2

scatter object on the surface of a mesh

SurfaceScatterInstanced

render meshes randomly distributed on the surface of a geometry

SurfaceScatter

scatter object on the surface of a mesh

Spray

Spray simulation

ShowNormals

 visualize normals of a geometry

SaveScreenShot

download the current screen content as png file

RenderGeometry

Render a geometry as mesh

Render2Textures

render to multiple textures at the same time

Render2Texture

Render something into an Image

RandomizeTriangles

 randomize order of triangles in a geometry

RandomInstancer

 draw one mesh multiple times very fast

RandomCluster

 Transforms objects randomly in space

QrCode

 generate a qr code as a texture

PointCollector

collect points/coordinates below with pointCollectorCollect

Perspective

Adjust FOV, field of view, and frustum clipping

Performance

Show WebGl Performance Statistics

Orthogonal

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

OnResize

will trigger when canvas was resized

NormalizeScreenCoordinates

convert screen pixel coordinates to range 0-1

MeshSequence

 morph between a series of meshes

MeshMorph

morph from one geometry to another

MeshInstancer

 draw the same mesh multiple times very fast

CanvasInBrowserViewport

check if webgl canvas element is in the current browser viewport

Ops.Gl.CubeMap

WebGl Ops

CubeMapFromTextures

combine 6 textures to a cubemap

CubeMapMaterial

cubemap as material

CubeMapCamera

render a scene to generate a cubemap

Ops.Gl.Geometry

WebGl Ops

CenterGeometry

center an object to the average x,y,z position of its vertices

DivideGeometry

 disconnect faces/polygons of a mesh

FlipNormals

flip all normals of a geometry

TransformGeometry

 transform vertices of geometry

GeometryInfo

information about a geometry

GeometryMerge

 merge two geometries to one

GeometryPoints

 get vertices of a geometry as array3x

ScaleGeometry

uniform scaling of geometry vertices

SortGeometryAxis

sort geometry triangles by position

GeometryBounds

boundings of a geometry / draw a bounding box / (width,height,length,size)

Ops.Gl.Matrix

WebGl Ops

setProjectionMatrix

set a projection matrix

getModelMatrix

get current modelmatrix

WASDCamera

camera controller like in a FPS game, move with WASD keys

getViewMatrix

get current viewmatrix

multiplyModelMatrix

multiply model 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

Camera

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

CircleMovement

Animate objects to move along a circle

CircleTransform

Transform following Meshes around a Circle

Coordinates

 current xyz coordinates (modelmatrix)

GetProjectonMatrix

 get current projectionmatrix

mulViewMatrix

multiply view matrix

InterpolateMatrix

interpolate between two matrices

LookatCamera

 transforms view to look from eye to center

MatrixMul

multiply modelmatrix

MatrixTranslation

 get translation of a matrix

OrbitControls

rotate your object by clicking and dragging the mouse

Quaternion

multiplies current modelmatrix with a quaternion

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 2d screen position to a 3d position (coordinates, mouse)

ViewMatrixTranslation

get the current position of viewmatrix/camera eye

TranslateView

translate the view/camera matrix

Translate

Translate objects (move / position in 3D space)

TransformView

transform the viewmatrix

Shear

 displaces each point of a mesh in fixed direction

TransformMul

multiply current modelmatrix

Transform

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

Ops.Gl.Meshes

WebGl Ops

Corner

 render a rectangular corner

RectangleFrame

 Draws a rectangle frame

SimpleSpline

 Draws a simple spline only one pixel wide

TriangleSphere

 a sphere mesh with uniform distributed vertices

TriangleArray

 Draws multiple triangles using coordinates from an array

Triangle

 Draw a triangle

Torus

 draw a torus (doughnut, donut, ring mesh)

TextMesh

Draw text

SuperShape

Renders a super shape

Star

 draw a star mesh (saw,gear)

SplineMesh

Draws a filled Spline with configurable thickness

Sphere

 draw a sphere

CablesLogo

 cables logo mesh/geometry

Circle

 Draws a circle

Cone

 draw a cone

Rectangle

 Draw a rectangle

RandomPoints

 random points in space

Cube

 draw a cube

Cylinder

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

FreeFormPlane

 a freely deformable plane

FullscreenRectangle

Draws a rectangle using the full WebGL canvas size

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

Polyhedron

 generate polyhedron meshes

Pyramid

 render a pyramid mesh

RandomPointSphere

 draw a sphere of random points

Ops.Gl.Particles

WebGl Ops

PointCloudFile

 load and display a pointcloud file

Ops.Gl.Phong

WebGl Ops

PhongMaterial

a shaded material for lighting objects

PointLight

point light for phongmaterial shading

LambertMaterial

simple shaded material

Ops.Gl.Shader

WebGl Ops

BasicMaterial

A material without shading

CustomShader

 write your own shader

ErrorMaterial

draw meshes using the cables error material shader

FrontBacksideMaterial

see which faces are facing the camera

MatCapMaterial

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, like particles

SetShader

Sets a shader

Shader2Texture

 render a shader into a texture

ShaderInfo

view current shader source code

ShaderMaterial

write your own shader in glsl

ShaderSwitch

Switch between two shaders

ShowNormalsMaterial

 render mesh normals as colors

ShowTexCoordsMaterial

visualize texturecoordinates of a mesh

WireframeMaterial

 Renders following meshes as wireframes

Ops.Gl.ShaderEffects

WebGl Ops

PerlinAreaDeform

 perlin noise vertex wobble deformer

CubeMapReflection

 add a reflection to any material

AreaDiscardPixel

 do not draw pixels inside a 3d area

VertexNumberLimit

 only draw the first X vertices of a mesh

VertexDisplacementMap

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

Twist2

 twist a mesh around an axis

Twist

 twist a mesh around an axis

SplineRepeatInstanced

 Repeat a mesh along a spline using instancing

ScaleByNormal

 scale an object in the direction of face normals

Render2TexturesSlots

select textures to render to

Bend

bend objects along an axis

ColorArea

 colorize all meshes around x,y,z

MeshPixelNoise

 3d space noise for mesh materials

InstancedPerlinPosition

 displace position of instanced object by perlin noise value

GrassWobble

 simulate grass motion in wind

ExplodeDividedMesh

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

ColorizeInstancedMeshes

 colorize instanced meshes by picking random color from atexture

Ops.Gl.Stereoscopic

WebGl Ops

SideBySideMaterial

rendering textures next to each other for stereoscopic displays

Interleaved3dMaterial

rendering textures next to each other for stereoscopic displays

Ops.Gl.TextureEffect

WebGl Ops

Ops.Gl.TextureEffects

WebGl Ops

Clarity

Increase contrast in midtones

Color

 fill image using a color (overlay)

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

DepthTexture

 draw the content of a depth texture

DepthTextureFocus

 draw a gradient mapped to depth buffer values

Desaturate

 Remove colors from image / greyscale

Dither

 convert color to balck and white patterns

DrawImage

 Draws an image into a composition

EdgeDetection

 draw only the edges of an image

EdgeDetectionFreiChen

draw only the edges of an image

FBMNoise

 fractional brownian motion noise

FXAA

 post processing antialiasing

Flip

flip the image on x or y axis

Fog

 objects further away are colored to enhance the perception of distance.

Gradient

 Draws a simple gradient between three colors

Hue

 Adjust Hue of current ImageCompose

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

Levels

 adjust levels to correct the tonal range of an image

LumaKey

 remove darkest or brightest parts of the image

Mirror

 mirroring image effect

BarrelDistortion

 simulate fisheye effect

Blur

 Blur the pixels of an image

Border

 Draws a Border 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

Circle

 draw 2d circle into texture

PixelDisplacement

 Changes color lookup for every pixel using a displacement map

PixelDisplacement2

displace pixel by red/blue color value of pixel

Pixelate

 Pixelate an image

Plasma

 Renders a plasma effect

Posterize

 reduce number of colors

Rectangle

 draw a 2d rect into an image

RemoveAlpha

Remove alpha information from image

Repeat

 Repeat Image

RgbMultiply

 multiply image colors by color channel

RoundCorners

 draw round corners around image (border)

SSAO2

 screen space ambient occlusion

Scroll

 scroll image

Sharpen

Adjust image sharpness

Stripes

 Draw stripes into the current ImageCompose

TriangleNoise

 noise made from triangles

Twirl

 twirl image effect

Twirl2

 twirl image effect

Vibrance

 adjust vibrance/saturation

Vignette

 effect of shading away the edges of the image

Vignette2

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

WipeTransition

 Uses a BW Texture to reveal the layer underneath.

ZoomBlur

 directional blur effect

toNormalMap

 Convert a black and white map to a normal map

Ops.Gl.TextureEffects.Noise

WebGl Ops

WorleyNoise

 Worley noise

CellularNoise

 cellular noise

Voronoise

Voronoi Noise function

Noise

 white noise pixel effect

PerlinNoise

 draw perlin noise into an image

ValueNoise

 value noise

PixelNoise

 pixelated noise

PolkaDotNoise

 noise circles

Ops.Gl.Textures

WebGl Ops

WebcamTexture

use your webcam camera as a texture

EmptyTexture

A very simple empty texture

CopyTexture

 copy a texture and optionally resize it

ColorTexture

Simple texture filled with one color

VideoTexture

 play a video file and use it as a texture

Histogram

 graphical representation of distribution of color in a texture

Text

Generates a texture which reads Text

Ops.Gl.Vr

WebGl Ops

Ops.Gl2.ForceField

WebGl Ops

Ops.Html

RemoveAllClasses

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

ElementFadeInOut

 fade html elements in or out

AppendChild

Appends a HTML DOM Element to another

AudioMediaElement

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

BrowserCheck

what browser is being used

FontFile

load a font file like .otf, .ttf, .woff

Cursor

set the mouse cursor

HyperLink

open an url

IFrame

show another website in an iframe element

MouseCursorImage

Use image as mousecursor

ReloadPage

reload the website

DivElement

 Create a html DIV element

ScrollPosition

the current x y top left scrolling position of html page

TextArea

 input field text area, can be used for inputting stuff while being hidden

TransformCSS3DElement

Transform an Element in 3d space using CSS3D

TransformElement

move html element to current transformation in screen space

WebGlVersion

which webgl version is being used

WindowHasFocus

detect if the browser window/tab has focus

CablesLink

create a cables logo which links to cables gl

CSS

Define a custom stylesheet, ID is the ID of the created stylesheet

FullscreenMode

switch webgl to fullscreen

Ops.Html.Event

CustomEventListener

Add a custom event listener

Ops.Json

AjaxRequest

 request a json file from another server (ajax, url, json)

ObjectIsNull

check if object is null or a valid object

ObjectKeyArray

get array from object by key

ObjectKeyObject

insert an object into an object

ObjectKeyValue

set value for key in an object

ObjectKeys

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

ObjectOr

result is first connected valid object

ObjectRelay

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

ObjectStringify

convert object to string

ObjectToJSON

convert an object to a JSON string (stringify)

ObjectTrigger

set output object when triggered

ParseObject

 Parses a string to a JSON object

SaveJsonFile

 save/download an object as json file

CsvArray

parse CSV files as array

CsvJsonFile

 load a csv json file as array

ObjectFunnel

outputs the last changed object

ObjectGetArray

Returns an array from a JSON-object

Ops.Json3d

MeshExplosion

 simulating an explosion by animating multiple objects

QuaternionChannel

internal json3d op for rotation animations

ScaleChannel

internal json3d op for scale animations

SceneInfo

information about the current 3d scene

Json3dMesh

Load Single Mesh from a 3d File, e.g. FBX,OBJ,DAE

ClonedMesh

internal op for json3d instanced/clones meshes

Ops.Json3d.Bones

Ops.Math

Array3xMultiplyMatrix

multiply every XYZ coordinate with a matrix

Array3xTransform

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

Atan2

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

Abs

Returns the absolute, positive value

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

CirclePath

calculates a circle path, outputs array3x

Clamp

Makes sure a value is within range cuts off the rest

AddUp

add up numbers

AngleBetweenPoints

 outputs the angle between two points (degree)

ApproachInterpolation

weighted average interpolation

VectorLength

length of a vector

Tangent

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

Sum

Add two values

Cosine

Calculates the cosine of an angle.

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

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

Interpolate

Interpolate between values, lerp, linear interpolate

LissajouseSpline

 generate spline using lissajous formulas

Log

Calculates the logarithm of Number

MapRange

 Maps a value from one range into another.

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

Min

Result will be the smaller number of the inputs

MinSinceReset

Outputs the minimum value since reset has been triggered

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

Phyllotaxis2

 coordinate generation like arrangement of leaves in some plants

Pi

returns PI (3.141592653589793)

PointInRectangle2d

 test if a point is in or outside of a rectangle

Pow

value of x to the power of y

Radians

Converts a degree measurement to its corresponding value in radians.

Random

Outputs a random number

Random2

generate random number between min and max

RandomNumbers

simple way to get random numbers without using arrays

Round

Outputs number rounded to the nearest integer

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, -)

Average

average of last two values

Ops.Math.Compare

Smaller

Is n1 smaller than n2? (lesser, less)

IfBetweenThen

triggers when value is between min and max

Greater

result is true if number1 is greater than number2

Between

result is true if value is between number1 and number2

IsEven

Checks if Value is even or not

Equals

result is true if number1 and number2 are equal

BetweenEquals

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

Ops.Net

AjaxRequestString

request a file from a webserver and output it as a string

CorsProxy

 create a cables.gl CORS proxy URL

Ops.Net.Mqtt

MqttSend

Sends a MQTT-message

Mqtt

Creates a MQTT connection (IoT, messaging)

MqttReceive

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

Ops.Net.WebSocket

WebSocket

create a websocket connection and receive data from it

Ops.Patch

Function

trigger from external function when embedded into a website

LoadingStatusTask

Starts / stops a loading task (async loader)

CallBack

Executes an external function (external javascript)

LoadingStatus

get the loading progress, for displaying a loading screen

Ops.ShaderEffects

TransformInstanced

 transform instanced object

Ops.Sidebar

DisplayValue

 display a value or string

DropDown

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

Group

organize sidebar elements into groups

Button

 sidebar push button/trigger element

Sidebar

 sidebar overlay to control values

Slider

 sidebar slider element (range)

Toggle

 sidebar boolean toggle/switch element

ColorPicker

 Shows a color-picker in the sidebar

NumberInput

Enter a number in the sidebar

Ops.String

Base64Encode

 encode a string to base64

Concat

 Joins two strings together

HashIdDecode

read back integers from a hashid

HashIdEncode

generate short unique ids from integers

Join

join array values to a string (concat)

LeftPad

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

Lowercase

 convert all characters to small letters

NumberToString

Convert a number to a string

ParseInt

parse a string to a integer number

RandomString

generate a random string of given characters

RightPad

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

Split

Splits a string with separator into an array of strings

StringBreak

insert linebreaks into a string after [num] chars

StringCompose

Combine multiple Values to a new String

StringContains

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

StringIterator

iterate over every character of a string

StringLength

number of characters in a string

StringTrim

remove whitespace from both ends of a string

SubString

subset of a string between one index and another

Uppercase

 convert all characters to capital letters

Base64Decode

 decode a string to base64

Ops.Templates

PortsArrayExample

Is a template for creating Array ports

PortsBooleanExample

Is a template for creating Boolean ports

PortsTriggerExample

Is a template for creating Trigger ports

PortsValueExample

Is a template for creating Value ports

ShaderEffectExample

shader effect example template

PortsObjectExample

Is a template for creating Object ports

MinimalMaterial

Material Example Template

PortsStringExample

Is a template for creating String ports

Ops.Time

DelayedTrigger

delay triggering next port by x seconds

TimeSinceTrigger

 Get the time since last trigger

Ops.TimeLine

TimeLineFrame

Returns the current frame number of the timeline

TimeLineLoop

Automatic rewind of timeline at a certain time

TimeLinePlay

start timeline

TimeLineRewind

set time of timeline to 0 (rewind, restart)

TimeLineUI

 little ui for controlling the timeline

TimelineValue

 get timeline value at [time]

GotoFrame

jump to a key in the timeline

TimeLineControls

use position and play pause state of cables timeline

TimeLineTime

Returns the current time of the timeline

Ops.Trigger

NthTrigger2

Lets a trigger through every nth time (trigger limiter)

RandomTrigger

 randomly trigger output ports

Repeat

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

Repeat2d

Triggers all ops underneath Num X * Num Y times

SceneMixer

 Activate triggers / scenes with a boolean

IfEqualsThen

triggers if value 1+2 are equal

SwitchTrigger

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

TimedSequence

 timed switching of trigger

TriggerBetween

trigger if value is between number 1 and number 2

TriggerCounter

 Counts how often the port was triggered

TriggerExtender

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

TriggerIfDecreased

trigger if a value decreases / gets smaller

TriggerLimiter

Limits how often a trigger goes through to x ms

TriggerNumber

Outputs the last number of the input port which was triggered

TriggerOnce

Trigger the following childs once

ValueBecameZeroTrigger

Triggers when the input value became zero

Interval

Trigger every x ms

NthTrigger

trigger children every x times exe was triggered

Sequence

Control execution order

Ops.Ui

PatchInput

Helper op for sub-patches

PatchOutput

Helper op for sub-patches

Comment

Displays a comment in the patch area

Ops.Value

DelayedValue

delay a value by seconds

DelayedValueSimple

delay the value data flow by x seconds

MaximumSafeInteger

Returns the maximum safe integer (number, constant)

MinimumSafeInteger

Returns the minimum safe integer (number, constant)

PreviousValueStore

remember/store last set value

TriggerOnChange

triggers next everytime the input value changed

TypeOf

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

Value

Stores a value, use the same value in different places

Value2d

Stores a 2D coordinate

Value3x

Stores a 3D coordinate

ValueBoolean

Stores a boolean value

ValueChangeCounter

counts how often different values are set

ValueChanged

 Triggers the next Op if value has changed

ValueChangedTrigger

trigger output when value has changed since last execution

ValueHub

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

ValueOrAssignment

outputs value or if false, default value

ValueRelay

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

ValueRouter

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

ValueString

enter a string

ValueSwitchBoolean

switch between two values by a boolean

ValueSwitcher

switch between different values

ValueSwitcherTrigger

Sets a specific output value on trigger

ValueToggle

Switches two number values using a boolean

ValueTrigger

Sets the output value on trigger (SetValueOnTrigger, change)

ColorValue

Use a color value on multiple places

Ops.Vars

SetVariableArray

Set a variable array

SetVariableString

set variable with a string input

Variable

 read a variable value

VariableArray

Get a variable array

VariableObject

Get a variable object

SetVariableObject

Set a variable object

SetVariable

 set a variable value

SetVariableByTrigger

set variable only after being triggered

Ops.WebAudio

AudioBuffer

 Holds an audio file / sample

AudioBufferPlayer

 Plays back audio data stored in an AudioBuffer

AudioPlayer

Plays an audio file, linked to timeline

BiquadFilter

Different kinds of audio effect / filters

Convolver

Audio reverb using an impulse response (sample)

DynamicsCompressor

Compressor audio effect

WebAudioContextRunner

 Resumes the Web Audio context (unmute on Chrome / iOS)

Gain

Changes the gain / volume

KeyPiano

Generates notes based on key presses

MediaPlayer

 Plays back audio files

MicrophoneIn

Access to the microphone

Analyser

Extracts FFT or Waveform data from the incoming signal

MidiValueToFrequency

Converts a midi value to a frequency

AnalyserTexture

Creates a texture from an audio FFT array

MultiIn

Connect multiple audio signals to one output

Note

Constructs a tone.js-compliant note (base-tone + octave)

Output

Sends an audio signal to your speakers

StartAudioContext

Starts the web audio context on iOS / Chrome

Waveform

Outputs the waveform of an audio file.

FftTexture

Generates a texture from audio information

Ops.WebAudio.Lib.Tonejs

SynthPlayerStartStop

Old, do not use...

Delay

Audio delay effect

SynthPlayer

Old. do not use

Ops.WebAudio.Lib.Tonejs.Component

Gate

Only passes a signal through when the incoming signal exceeds a specified threshold

Panner

Pans an audio signal between left and right

PannerAndVolume

Left-right panner + volume

StereoToMono

Splits a stereo-signal into two mono-signals

Tone

Converts a note to a frequency e.g. A4 to 440

MonoToStereo

Merges two signals into the left and right channels of a single stereo channel

Meter

 Gets the RMS of an input signal with some averaging applied. It can also get the raw value of the input signal.

Limiter

Limits the loudness of an incoming signal

Lfo

 Low frequency oscillator, can be connected to an audio parameter

Panner3D

Positions sounds in 3D space

Follower

Follows the amplitude of an incoming signal, can be used as a signal

Filter

Multiple audio filters in one

Equalizer3

Three band EQ with control over low, mid, and high

CrossFade

 Fades two audio signals (mix)

Compressor

Compression reduces the volume of loud sounds

AudioMixer

Mixes different audio signals together

Analyser

 Extracts FFT or Waveform data from the incoming signal

FeedbackCombFilter

Comb filters are basic building blocks for physical modeling

Ops.WebAudio.Lib.Tonejs.Component.Envelope

TriggerEnvelopeRelease

Triggers the Release-part of an Envelope

AmplitudeEnvelope

Like an Envelope with an Audio Input

Envelope

 ADSR envelope generator, can be connected to an Audio Port

FrequencyEnvelope

Like a ScaledEnvelope with frequency

ScaledEnvelope

 ScaledEnvelop is an envelope which can be scaled to any range

TriggerEnvelopeAttack

Triggers the Attack-part of an Envelope

TriggerEnvelopeAttackRelease

Triggers the Attack- and Release-part of an Envelope

Ops.WebAudio.Lib.Tonejs.Control

CtrlMarkov

 Represents a Markov Chain

ControlPattern

Generates patterns from an array of values, with arpeggiation and randomization modes

Ops.WebAudio.Lib.Tonejs.Core

Gain

Multiplier, makes a signal bigger or smaller

DecibelsToGain

Converts decibels [~-96..0] to gain [0..1]

Ops.WebAudio.Lib.Tonejs.Core.Transport

Transport

Transport for timing musical events on the (virtual) audio timeline

StartTransport

Use Transport-op instead

ScheduleRepeat

 Schedule a repeated event along the timeline. The event will fire every interval.

Schedule

Schedule an event along the (virtual) audio timeline

Ops.WebAudio.Lib.Tonejs.Effect

Chebyshev

 Effect which is good for making different types of distortion sounds

StereoWidener

Applies a width factor to the mid side seperation

StereoXFeedbackEffect

Just like a stereo feedback effect, but the feedback is routed from left to right and right to left

Tremolo

Modulates the amplitude of an incoming signal using a LFO

Vibrato

Vibrato effect composed of a Delay and a LFO

AutoFilter

 Filter with a Lfo connected to the filter cutoff frequency

AutoWah

AutoWah connects a Follower to a bandpass filter (Filter)

BitCrusher

Bitcrusher downsamples the incoming signal to a different bitdepth

AutoPanner

Panner with an LFO connected to the pan amount

Distortion

 Simple distortion effect

FeedbackDelay

Delay in which part of output signal is fed back into the delay

Freeverb

Reverb based on Freeverb

JcReverb

Simple Schroeder Reverberator (Reverb)

Convolver

 Convolution is useful for reverb and filter emulation

Phaser

Phaser Effect

PingPongDelay

Feedback delay effect (stereo)

PitchShift

Near-realtime pitch shifting to the incoming signal

Chorus

 Stereo chorus effect

Ops.WebAudio.Lib.Tonejs.Event

ToneSequence

Triggers for every item in the note array

Pattern

Arpeggiates between the given notes in a number of patterns

Part

Musical part

AudioLoop

Repeating trigger for audio

Ops.WebAudio.Lib.Tonejs.Instrument

FmSynth

 Composed of two Synths where one Synth modulates the frequency of a second Synth

NoiseSynth

 Composed of a noise generators, a Filter and two Envelopes

MonoSynth

Composed of one oscillator, one filter, and two envelopes

MembraneSynth

Makes kick and tom sounds using a single oscillator

TriggerSynthAttackRelease

 Triggers the Attack-Release-part of a Synth ADSR

DuoSynth

 Monophonic synth composed of two MonoSynths run in parallel

AmSynth

 Uses the output of one Synth to modulate the amplitude of another Synth

TriggerSynthAttack

Triggers the Attack-part of a Synth ADSR

TriggerSynthRelease

Triggers the Release-part of a Synth ADSR

SetNote

Change current note of connected instrument

PluckSynth

 Karplus-String string synthesis. Often out of tune.

MetalSynth

Good for making metalophone sounds

Ops.WebAudio.Lib.Tonejs.Signal

MultiplySignals

multiplies two audio signals

Signal

An audio signal

SubtractNumberFromSignal

Subtracts a number from a audio signal

SubtractSignals

Subtracts one audio signal from another

AddSignalAndNumber

Sum of an audio signal and a number

AddSignals

Sum of two audio signals

AudioModulo

Calculates a modulo of a audio signal

MultiplySignalAndNumber

Multiplies an audio signal and a number

Ops.WebAudio.Lib.Tonejs.Source

Oscillator

Most basic audio sound source

FatOscillator

Fat sounding oscillator

AmOscillator

Oscillator with amplitude modulation

FmOscillator

Oscillator with frequency modulation

PwmOscillator

Modulates the width of a PulseOscillator

PulseOscillator

Pulse oscillator with control over pulse width

GrainPlayer

Granular Synthesis, plays back parts of a sample repeatedly

Noise

Audio noise generator, supports white, pink and brown noise

Ops.WebAudio.Lib.Tonejs.Type

ToneTime

Makes it convenient to create Tone.js time-strings (e.g. "C4")

NoteToFrequency

Converts a note to a frequency (e.g. C4 to 440)

BarsBeatsSixteenthResolver

Position in audio timeline, connect this to the Position-port of a Transport-op

FrequencyToNote

Converts a frequency to a note (440 -> "A4")

Ops.WebAudio.Scale

ScaleArray

Outputs a musical scale array (major, minor, ...)

ChordTriad

Creates a triad chord

Ops.WebAudio.TextToSpeech

Say

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

Ops.Website

Cookie

cookie of the current website as object

DocumentURL

information about the current URL

LocalStorage

read and write values to browsers local storage

UrlQueryParams

Get URL query parameters