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

Ops.Gl

WebGl Ops

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

CanvasSize

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 color channels RGBA

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

 faces hidden from the viewer will not be rendered when enabled

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

IgnoreInShadowPass

do not trigger next when rendering the shadow pass

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)

MeshInstancer

 Draw the same mesh multiple times on the GPU

MeshMorph

morph from one geometry to another

MeshSequence

 morph between a series of meshes

MorphGeometries

morph between two geometries and render it

NormalizeScreenCoordinates

convert screen pixel coordinates to range 0-1

OnResize

will trigger when canvas was resized

Orthogonal

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

Performance

Show WebGl Performance Statistics

PerformanceMeasure

Measure the time used to execute all child ops

Perspective

Adjust FOV, field of view, and frustum clipping

Phyllotaxis

transform objects to look like the phyllotaxis pattern

PointCollector

save points/coordinates in an array

PointCollectorCollect

collect world space coordinates into an array

PointCollectorScreenCoords

collect screen pixel coordinates into an array

QrCode

 generate a qr code as a texture

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

RenderGeometry

 Render a geometry as mesh

SaveScreenShot

download the current screen content as png file

ShowNormals

 visualize normals of a geometry

Spray

 Spray simulation

SurfaceScatter

scatter object on the surface of a mesh

SurfaceScatterInstanced

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

SvgPathes

extract pathes from a svg json

TesselateGeometry

 create new triangles in a mesh (subdivide)

Texture

Load an image as a texture

Texture2ColorArray

 extract colors from a texture

TextureArray

create an array of textures

TextureArrayLoader

 load multiple images into an array

TextureArrayLoaderFromArray

 load multiple texture from filenames given as an array

TextureFromColorArray

 create a texture from an array of number values

Viewport2

force a viewport aspect ratio

Ops.Gl.CubeMap

WebGl Ops

CubeMapCamera

render a scene to generate a cubemap

CubeMapFromTextures

combine 6 textures to a cubemap

CubeMapMaterial

cubemap as material

Ops.Gl.Geometry

WebGl Ops

AlignGeometry

 align a geometry / change its pivot/center point

DivideGeometry

 disconnect faces/polygons of a mesh

FlipNormals

flip all normals of a geometry

GeometryBounds

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

GeometryInfo

information about a geometry

GeometryMerge

 merge two geometries to one

GeometryPoints

 get vertices of a geometry as array3x (vertex vertices)

ScaleGeometry

uniform scaling of geometry vertices

SortGeometryAxis

sort geometry triangles by position

TransformGeometry

 transform vertices of geometry

Ops.Gl.Matrix

WebGl Ops

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.

CircleMovement

Animate objects to move along a circle

CircleTransform

Transform following Meshes around a Circle

Coordinates

 current xyz coordinates (modelmatrix)

GetModelMatrix

get current modelmatrix

GetProjectonMatrix

 get current projectionmatrix

GetViewMatrix

get current viewmatrix

InterpolateMatrix

interpolate between two matrices

LookatCamera

 transforms view to look from eye to center

MatrixMul

multiply modelmatrix

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

RandomGridPlacement

 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 3d coordinates

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

ViewMatrixTranslation

get the current position of viewmatrix/camera eye

WASDCamera

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

Ops.Gl.Meshes

WebGl Ops

CablesLogo

 cables logo mesh/geometry

Circle

Draws a circle

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)

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

PointCloudFromArray

 visualize an array of coordinates as points

Polyhedron

 generate polyhedron meshes

Pyramid

 render a pyramid mesh

RandomPointSphere

 draw a sphere of random points

Rectangle

 Draw a rectangle

RectangleFrame

 Draws a rectangle frame

SimpleSpline

 Draws a simple spline only one pixel wide

SimpleWireframe

 Simple Wireframe Line Renderer

Sphere

 draw parameterizable sphere

SplineMesh

 Draws a filled Spline with configurable thickness

Star

 draw a star mesh (saw,gear)

SuperShape

Renders a super shape

TextMesh

 Draw text

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

VoronoiLines

 Render lines from the Voronoi op

Ops.Gl.Particles

WebGl Ops

PointCloudFile

 load and display a pointcloud file

Ops.Gl.Phong

WebGl Ops

LambertMaterial

simple shaded material

PhongMaterial

a shaded material for lighting objects

PointLight

point light for phongmaterial shading

Ops.Gl.Shader

WebGl Ops

BasicMaterial

A material without shading

ChromaKeyMaterial

 display texture and replace a color with transparency

CustomShader

 write your own shader

ErrorMaterial

draw meshes using the cables error material shader

FrontBacksideMaterial

 see which faces are facing the camera

IBLMaterial

  image based lighting material using cubemaps

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

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

WireframeMaterial

 Renders following meshes as wireframes

Ops.Gl.ShaderEffects

WebGl Ops

AreaDiscardPixel

 do not draw pixels inside a defined 3d area

AreaScaler

 modify scale of meshes in an area

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 x,y,z

ColorizeInstancedMeshes

 colorize instanced meshes by picking random color from atexture

CubeMapReflection

 add a reflection to any material

DeformArea

 deform a spherical area of a mesh

ExplodeDividedMesh

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

Fog

Fog as a shadereffect applied to a material

GrassWobble

 simulate grass motion in wind

InstancedPerlinPosition

 displace position of instanced object by perlin noise value

MeshPixelNoise

 3d space noise for mesh materials

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

SplineRepeatInstanced

 Repeat a mesh along a spline using instancing

TransformInstanced

 transform instanced object

Twist

 twist a mesh around an axis

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

VertexSinusWobble

 sine wave vertex displacement

Ops.Gl.TextureEffects

WebGl Ops

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

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

CustomTextureEffectShader

 Use custom shader as a texture effect

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

EdgeDetectionFreiChen

draw only the edges of an image

EdgeDetection

 Draw only the edges of an image

Emboss

 Emboss / bevel effect

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.

GammaCorrection

 Allows for Gamma correction of a texture

Gradient

 Draws a simple gradient between three colors

GridTexture

 Creates a grid texture

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

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

Rectangle

 Draw a 2D rectangle with controllable parameters

RemoveAlpha

Remove alpha information from image

Repeat

 Repeat Image

RgbMultiply

 multiply image colors by color channel

RotateTexture

 Rotates a texture

RoundCorners

 draw round corners around image (border)

SSAO2

 screen space ambient occlusion

ScaleTexture

 Scales a texture

Scroll

 scroll image

Sharpen

 Adjust image sharpness

Stripes

 Draw stripes into the current ImageCompose

TextureDifference

render the difference of two textures

ToNormalMap

 Convert a black and white map to a normal map

Twirl

 Creates a twirl/spiral effect in a texture

Vibrance

 adjust vibrance/saturation

Vignette

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

Waveform

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

WaveformGradient

 Generate different texture waveforms. Sine, sawtooth and triangle.

WipeTransition

 Uses a BW Texture to reveal the layer underneath.

Wobble

 waving wobble motion effect

ZoomBlur

 directional blur effect

Ops.Gl.TextureEffects.Noise

WebGl Ops

CellularNoise

 cellular noise

FBMNoise

 fractional brownian motion noise

GlitchNoise

 Creates a black and white glitched texture to use for displacement

LayerNoise

 multilayer perlin noise variation

Noise

 white noise pixel effect

PerlinNoise

 draw perlin noise into an image

PixelNoise

 Pixelated noise

PolkaDotNoise

 noise circles

SimplexNoise

 simplex noise generator

TriangleNoise

 noise made from triangles

ValueNoise

 value noise

Voronoise

 Voronoi Noise function

WorleyNoise

 Worley noise

Ops.Gl.Textures

WebGl Ops

ColorTexture

Simple texture filled with one color

CopyTexture

 copy a texture and optionally resize it

EmptyTexture

A very simple empty texture

Graph

 draw a graph of a value into a texture

Histogram

 graphical representation of distribution of color in a texture

NoiseTexture

 Simple noisetexture

SwitchTextures

switch betwen different textures

Text

Generates a texture which reads Text

TextureInfo

Outputs information about the connected texture

TextureSVG

 Load a SVG image and convert to pixel texture

VideoTexture

 play a video file and use it as a texture

WebcamTexture

 use your webcam camera as a texture

Ops.Gl.Vr

WebGl Ops

MainloopWebVr

 experimental webvr rendering

Ops.Gl2.ForceField

WebGl Ops