Ops.Gl
WebGl Ops set fixed viewport aspect ratop and letterboxing
change how colors are mixed (blending/mixing modes)
calculate normals of a geometry
convert a canvas to texture
check if webgl canvas element is in the current browser viewport
the size of the canvas in pixels, aspect ratio and pixel density
sets all cleared pixels to one colour. Use to change the background colour.
Clears the depth buffer (zbuffer, z buffer)
enable/disable color channels RGBA
pick a color at x,y coordinates of canvas
change depth testing method (depthMask,depthWrite,depthFunc)
translate away from a point in space
download a texture as png file
draw texture mapping coordinates
faces hidden from the viewer will not be rendered when enabled
information about the webgl context
force rendering of meshes using points,lines or triangles
texture containing a colour gradient that can be altered with an editor
transform and arrange elements into a grid
reset all transforms (modelmatrix)
reset the view matrix (cameras etc.)
do not trigger next when rendering the shadow pass
play a image sprite animation
an area which is interactive
A Simple way to write text on the screen.
Trigger other ops once every frame to create smooth animations (renderer)
draw the same mesh multiple times very fast
morph from one geometry to another
morph between a series of meshes
convert screen pixel coordinates to range 0-1
will trigger when canvas was resized
orthogonal projection / objects in distance don't appear smaller (isometric)
Orthogonal projection / objects in distance don't appear smaller (isometric)
Show WebGl Performance Statistics
Adjust FOV, field of view, and frustum clipping
transform objects to look like the phyllotaxis pattern
save points/coordinates in an array
collect world space coordinates into an array
collect screen pixel coordinates into an array
generate a qr code as a texture
Transforms objects randomly in space
draw one mesh multiple times very fast
randomize order of triangles in a geometry
Render something into an Image
render to multiple textures at the same time
Render a geometry as mesh
download the current screen content as png file
visualize normals of a geometry
scatter object on the surface of a mesh
scatter object on the surface of a mesh
extract pathes from a svg json
create new triangles in a mesh (subdivide)
Load an image as a texture
extract colors from a texture
create an array of textures
load multiple images into an array
load multiple texture from filenames given as an array
force a viewport aspect ratio
Ops.Gl.CubeMap
WebGl Opsrender a scene to generate a cubemap
combine 6 textures to a cubemap
Ops.Gl.Geometry
WebGl Opsalign a geometry / change pivot/center point of geometry
center an object to the average x,y,z position of its vertices
disconnect faces/polygons of a mesh
flip all normals of a geometry
boundings of a geometry / draw a bounding box / (width,height,length,size)
information about a geometry
merge two geometries to one
get vertices of a geometry as array3x (vertex vertices)
uniform scaling of geometry vertices
sort geometry triangles by position
transform vertices of geometry
Ops.Gl.Matrix
WebGl Ops interpolate position on a spline/array3x
render lots of particles following a path/spline/array3x
iterate over an array3: translate to xyz, then trigger next op
rotate an object to always face the camera
Transforms and projects the scene from the point of view of the camera.
Animate objects to move along a circle
Transform following Meshes around a Circle
current xyz coordinates (modelmatrix)
get current projectionmatrix
interpolate between two matrices
transforms view to look from eye to center
get translation of a matrix
rotate your object by clicking and dragging the mouse
multiplies current modelmatrix with a quaternion
place random objects on a grid
enlarge or shrink objects by a scale factor for every axis
screen/pixel coordinates of the current transform
convert screen coordinates to 3d coordinates
convert screen coordinates to 3d coordinates
displaces each point of a mesh in fixed direction
Transform objects in 3d space (rotate, translate, scale)
multiply current modelmatrix
Translate objects (move / position in 3D space)
translate the view/camera matrix
get the current position of viewmatrix/camera eye
camera controller like in a FPS game, move with WASD keys
simple camera you control with W,A,S,D keys like in a FPS game
Ops.Gl.Meshes
WebGl Ops cables logo mesh/geometry
render a rectangular corner
Draws a cross with controllable thickness and length.
draw cylinder (aka tube,pipe,round,circle)
draw parameterizable cylinder (aka tube,pipe,round,circle)
a freely deformable plane
Draws a rectangle using the full WebGL canvas size
draw a simple grid of lines
generate a rectangular mesh where the height is defined by the luminance of an image
generates a helix, spiral spline
Renders a icosahedron (polyhedron with 20 faces)
Draw a line between two points
visualize an array of coordinates as points
generate polyhedron meshes
draw a sphere of random points
Draws a simple spline only one pixel wide
Simple Wireframe Line Renderer
draw parameterizable sphere
Draws a filled Spline with configurable thickness
draw a star mesh (saw,gear)
draw a torus (doughnut, donut, ring mesh)
Draws multiple triangles using coordinates from an array
a sphere mesh with uniform distributed vertices
Ops.Gl.Particles
WebGl Ops load and display a pointcloud file
Ops.Gl.Phong
WebGl Opsa shaded material for lighting objects
point light for phongmaterial shading
Ops.Gl.Shader
WebGl OpsA material without shading
display texture and replace a color with transparency
draw meshes using the cables error material shader
see which faces are facing the camera
image based lighting material using cubemaps
Easy to use image based lighting Material
Test if the mouse hovers over drawn elements
Test if following meshes are picked by the picker
Draw all vertices as points / circles
render a shader into a texture
view current shader source code
Switch between two shaders
load a public shadertoy shader as material
render mesh normals as colors
visualize texturecoordinates/UV mapping of a mesh
Renders following meshes as wireframes
Ops.Gl.ShaderEffects
WebGl Ops do not draw pixels inside a 3d area
modify scale of meshes in an area
bend objects along an axis
displace vertices by the value in a texture
colorize all meshes around x,y,z
colorize instanced meshes by picking random color from atexture
add a reflection to any material
deform a spherical area of a mesh
explode a (divided) mesh in the direction of faces normals
Fog as a shadereffect applied to a material
simulate grass motion in wind
displace position of instanced object by perlin noise value
3d space noise for mesh materials
perlin noise vertex wobble deformer
displace vertices using perlin noise animation
select textures to render to
scale vertices of an object in the direction of face normals
Repeat a mesh along a spline using instancing
twist a mesh around an axis
twist a mesh around an axis
Displace the vertices of a mesh with the pixels brightness values from a texture
only draw the first X vertices of a mesh
sine wave vertex displacement
Ops.Gl.TextureEffects
WebGl Ops Blur the pixels of an image
Draws a Border around the current ImageCompose
adjust image brightness and contrast
bulge and pinch an image (deform,stretch,distort)
draw a checkerboard pattern
simulating lens effect by shifting rgb channels
draw 2d circle into texture
Increase contrast in midtones
fill image using a color (overlay)
change intensity of r,g,b channels
enable disable RGB color channels
colorize a black and white image using a gradient texture
draw the content of a depth texture
draw a gradient mapped to depth buffer values
Remove colors from image / greyscale
convert color to balck and white patterns
Draws an image into a composition
draw only the edges of an image
Draw only the edges of an image
draw only the edges of an image
post processing antialiasing
flip the image on x or y axis
objects further away are colored to enhance the perception of distance.
Allows for Gamma correction of a texture
Draws a simple gradient between three colors
Adjust Hue of current ImageCompose
Compose Images and effects as layers to generate new Images
apply color filter/effects by using a lookup texture
adjust levels to correct the tonal range of an image
remove darkest or brightest parts of the image
displace pixel by red/blue color value of pixel
Changes color lookup for every pixel using a displacement map
display texture using polar/radial coordinate system
simulate lens flare effect
draw a 2d rect into an image
Draw a 2D rectangle with controllable parameters
Remove alpha information from image
multiply image colors by color channel
draw round corners around image (border)
screen space ambient occlusion
Draw stripes into the current ImageCompose
render the difference of two textures
noise made from triangles
Creates a twirl/spiral effect in a texture
adjust vibrance/saturation
simulating an old camera effect of fading away the edges of the image
Simulating an old camera effect of fading away the edges of the image
Generates 4 different waveform textures. Sine, sawtooth,Triangle, Square.
Generate different texture waveforms. Sine, sawtooth and triangle.
Uses a BW Texture to reveal the layer underneath.
Convert a black and white map to a normal map
Ops.Gl.TextureEffects.Noise
WebGl Ops fractional brownian motion noise
Creates a black and white glitched texture to use for displacement
multilayer perlin noise variation
draw perlin noise into an image
Ops.Gl.Textures
WebGl OpsSimple texture filled with one color
copy a texture and optionally resize it
A very simple empty texture
draw a graph of a value into a texture
graphical representation of distribution of color in a texture
Generates a texture which reads Text
Generates a texture which reads Text
Outputs information about the connected texture
Load a SVG image and convert to pixel texture
switch betwen different textures
play a video file and use it as a texture
use your webcam camera as a texture
Ops.Gl.Vr
WebGl Ops experimental webvr rendering
Ops.Gl2.ForceField
WebGl Ops