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

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)

MeshInstancer

 draw the same mesh multiple times very fast

MeshMorph

morph from one geometry to another

MeshSequence

 morph between a series of meshes

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)

Orthogonal2

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

Performance

Show WebGl Performance Statistics

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

RandomInstancer

 draw one mesh multiple times very fast

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

SurfaceScatterInstanced2

scatter object on the surface of a mesh

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

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 pivot/center point of geometry

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

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)

GetProjectonMatrix

 get current projectionmatrix

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

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

ScreenPosTo3dNew

 convert screen coordinates to 3d coordinates

ScreenPosTo3dNew2

 convert screen coordinates to 3d coordinates

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

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

WASDCamera2

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

getModelMatrix

get current modelmatrix

getViewMatrix

get current viewmatrix

mulViewMatrix

multiply view matrix

multiplyModelMatrix

multiply model matrix

setProjectionMatrix

set a projection matrix

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 cylinder (aka tube,pipe,round,circle)

Cylinder2

 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

RandomPoints

 random points in space

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

Sphere2

 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

TextMesh3

 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

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

IBLMaterial2

 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

ShaderInfo

view current shader source code

ShaderSwitch

Switch between two shaders

ShaderToyMaterial

load a public shadertoy shader as material

ShowNormalsMaterial

 render mesh normals as colors

ShowTexCoordsMaterial

 visualize texturecoordinates/UV mapping of a mesh

WireframeMaterial

 Renders following meshes as wireframes

Ops.Gl.ShaderEffects

WebGl Ops

AreaDiscardPixel

 do not draw pixels inside a 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

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

 perlin noise vertex wobble deformer

PerlinAreaDeform2

 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

Twist

 twist a mesh around an axis

Twist2

 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

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

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

EdgeDetection2

 Draw only the edges of an image

EdgeDetectionFreiChen

draw only the edges of an image

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

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

PixelDisplacement2

 displace pixel by red/blue color value of pixel

PixelDisplacement3

 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 rect into an image

Rectangle2

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

Stripes2

 Draw stripes into the current ImageCompose

TextureDifference

render the difference of two textures

TriangleNoise

 noise made from triangles

Twirl2

 twirl image effect

Twirl3

 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

Vignette2

 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.

ZoomBlur

 directional blur effect

toNormalMap

 Convert a black and white map to a normal map

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

PixelNoise2

 Pixelated noise

PolkaDotNoise

 noise circles

SimplexNoise

 simplex noise generator

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

Text

Generates a texture which reads Text

Text2

Generates a texture which reads Text

TextureInfo

Outputs information about the connected texture

TextureSVG

 Load a SVG image and convert to pixel texture

TextureSwitcher

switch betwen different textures

VideoTexture

 play a video file and use it as a texture

WebcamTexture

 use your webcam camera as a texture

Ops.Gl.Vr

WebGl Ops

WebVr

 experimental webvr rendering

Ops.Gl2.ForceField

WebGl Ops