changelog

• new op: Ops.Gl.ShaderEffects.SplineRepeatInstanced - repeat a mesh along a spline using instancing
• new op: Ops.ShaderEffects.TransformInstanced - transform instanced meshes
• new op: Ops.Gl.MorphGeometries - morph between two geometries
• new op: Ops.Gl.TextureEffects.Noise.PixelNoise - pixelated noise
• new op: Ops.Gl.TextureEffects.Noise.PolkaDotNoise - noise circles
• new op: Ops.Trigger.SceneMixer – enable / disable multiple triggers with a boolean
• new op: Ops.Value.ValueHub – Sequence for values
• new op: Ops.Anim.AverageInterpolation - replaces old approachInterpolation
• op Ops.Json3d.Json3dMesh - new option to merge and draw all meshes at once
• op Ops.Gl.MainLoop - fix HDPI support
• new tutorial: How to use send data from an Arduino to cables: <cables>
• ui: timeline b/n hotkeys to mark loop area begin and end
• ui: new command: scale renderer canvas
• web: you can update your email in settings->account
• core: performance optimizations when drawing many objects
• serverside: svg converter can now hndle multiple pathes
• serverside: exports contain doc.txt with list of used variables
• serverside: cables moved to a new server

• secret url: share URL to patch viewer without publishing / needing a login
• cli-update: Version 0.2.0 of the cables command line tool (npmjs) has been released with some new features
• ui: search in patch : score system / ranking of renamed ops better
• ui: show warning when patch was saved on server and your current version is out of date
• file info: .3d.json files - see what uses how much space in 3d files
• file converter: .3d.json files - remove unwanted content for size optimization (texcoord/tangents, etc...)
• new op: Ops.Gl.ShaderEffects.GrassWobble - simulate grass motion in wind vertex shader
• new experimental op: Ops.Anim.Snap - Snap at certain points (e.g. while scrolling)
• new experimental op: Ops.Exp.RenderAnim - export an animation as webm video or png image sequence
• new op: Ops.Gl.Geometry.ScaleGeometry - uniform scaling of geometry vertices
• new op: Ops.Boolean.TriggerBoolean - trigger true or false values
• new op: Ops.Gl.TextureEffects.Twirl2 - better twirl texture effect
• new op: Ops.Gl.Geometry.SortGeometry - sort geometry triangles by position
• new op: Ops.Trigger.IfEqualsThen - trigger if values re equal
• new op: Ops.Gl.GlInfo - information about webgl/canvas
• new op: Ops.Math.Speed - Measure speed of how much a value changes
• new op: Ops.Vars.SetVariableByTrigger - set variable only after being triggered
• new op: Ops.Json.ObjectRelay - Let’s a object through only if control bool is true
• new op: Ops.Boolean.Not - better op name / result is false if input is true and vice versa
• tweak new op version - Ops.Math.Max2 - Returns the biggest number
• tweak new op version: Ops.Gl.Shader.BasicMaterialNew - alpha mask channel method selection
• tweak new op version: Ops.Gl.ShaderEffects.PerlinAreaDeform2 - normals calculation (experimental) / different methods

• Tweak: Ops.Exp.Gl.MatCapMaterialNew - simple default matcap texture
• Op search: faster / score: additional score for shorter namespaces / better sorting
• UI: safari fixes for search/op search and correct mousebuttons
• UI: new basic gradient editor
• UI: timeline mousewheel valuescale / several fixes/tweaks
• Update Tone.js library to r11
• new op: Ops.Gl.TextureEffects.LUTMap - Apply color filter/effects by using a lookup texture
• new op: Ops.Gl.GradientTexture - gradient texture and new gradient ui editor
• new op: Ops.Gl.ShaderEffects.AreaDiscardPixel - Do not draw pixels inside a 3d area
• new op: Ops.Array.Array3xSplinePositionAtDistance - Get position in array3x/spline at distance from start
• new op: Ops.Value.ValueRelay – Let’s a value through only if control bool is true
• new op: Ops.Array.ArrayBreakOut – Breaks out the values of an array
• new op: Ops.Array.ExclusiveBoolStateArray – Array filled with “0”, only one can be “1"
• new op: Ops.Value.MinimumSafeInteger – Returns the minimum safe integer
• new op: Ops.Value.MaximumSafeInteger – Returns the maximum safe integer
• new op: Ops.Patch.LoadingStatusTask - Creates custom loading tasks
• new op: Ops.Value.TriggerOnChange - triggers next everytime the input value changed
• new op: Ops.Cables.PatchConfig - Read patch config when embedding on another page
• new op: Ops.Json.ObjectTrigger - set output object when triggered
• new op: Ops.Json.ObjectOr - result is first connected valid object
• new op: Ops.Gl.ShaderEffects.InstancedPerlinPosition - displace position of instanced object by perlin noise value
• new op: Ops.Html.ElementFadeInOut - fade html elements in and out
• new op: Ops.Array.ArrayMergeSimple - merge two arrays
• new op: Ops.Math.Random2 - generate random number between min and max
• new op: Ops.Anim.FrameRangeAnim - Parses string containing ranges of frames and play as coherent animation

• new op: Ops.Gl.InteractiveRectangle - simple interaction op without picker/pickingmaterial
• new op: Ops.Json3d.SceneInfo - Information about the current 3d scene
• new op: Ops.Net.CorsProxy - cables experimental cors proxy
• new op: Ops.Html.DivElement - html div element
• new op: Ops.Array.ArrayInterpolateOffset - Interpolate between two arrays, only a few numbers at the same time
• new op: Ops.Debug.GlDebug - See current gl states and error message
• new op: Ops.Gl.Depth2 - set Depth testing parameters
• new op: Ops.Sidebar.Button - display a button in the sidebar
• new op: Ops.Sidebar.DisplayValue - display a value in the sidebar
• new op: Ops.TimeLine.TimelineValue - Get timeline value at [time]
• new op: Ops.Math.Ease - Map a value to an easing curve
• new op: Ops.Math.Pi - pi number
• new op: Ops.Math.DeltaSum - Add delta values to an clamped absolute value
• new op: Ops.Trigger.RandomTrigger - Randomly trigger output ports
• new op: Ops.Array.RingBuffer - Array of fixed size, index is automatically incremented and restarts after reaching the end
• new op: Ops.Gl.Textures.CopyTexture - Copy a texture and optionally resize it
• new op: Ops.Array.Array3xGetValuesInterpolated - Get interpolated values between the indices of an array3x
• new op: Ops.Value.ValueSwitchBoolean - Switch between two values by a boolean
• new op: Ops.Json.ParseObject - parse string into object
• new op: Ops.Array.Array3xSplineLength - Sum of distances between points/items in an array3x
• new op: Ops.Array.Array1xTo3x - Convert array to array3x
• new op: Ops.Array.Array3xGetValues - Get 3 values from an array3x
• new op: Ops.Array.Array3xMultiply - Multiply every XYZ member of array3x
• new op: Ops.Array.ArrayMerge - Merge/concat two arrays
• new op: Ops.String.HashIdDecode - read back integers from a hashid
• new op: Ops.String.HashIdEncode - generate short unique ids from integers
• new op: Ops.String.Base64Decode - decode base64 string
• new op: Ops.String.Base64Encode - encode base64 string
• change default depth test method to LESS OR EQUAL for easier 2d stuff
• experimental open renderer in new window button
• Editor user settings: hide minimap option
• Editor user settings: straight lines option
• File selector button much better and more readable

• new op: Ops.Array.ArraySum
• new op: Ops.Gl.Meshes.Star
• new op: Ops.Exp.Gl.ShaderEffects.Fur
• new op: Ops.Math.MercatorCoord
• new op: Ops.Gl.DrawTextureMapping
• new op: Ops.Exp.Gl.ShaderEffects.LimitMeshByTexCoord
• new op: Ops.Exp.Gl.Matrix.RandomInstancer
• new op: Ops.Gl.MeshInstancer
• new op: Ops.Exp.MatrixToCssTransform
• new op: Ops.Html.IFrame
• new op: Ops.Gl.ShaderEffects.Twist2
• new op: Ops.Gl.TextureEffects.RoundCorners
• new op: Ops.Gl.TextureEffects.Twirl
• new op: Ops.Json.CsvColumnArray
• new op: Ops.Json.CsvJsonFile
• new op: Ops.Math.NumberDivisible
• json3dscene2: more options / better generated op order/structure
• animation renderer can now render to .WEBM video files

• UI: show error message when uploading unknown filetypes
• UI: show upload progress bar
• UI: show current file filter in file library header
• new op: Ops.Gl.Mesh.Polyhedron - generate polyhedron meshes. example: <cables>
• new op: Ops.Gl.Geometry.DivideGeometry - disconnect faces/polygons of a mesh
• new op: Ops.Gl.ShaderEffects.ExplodeDividedMesh - explode a (divided) mesh in the direction of faces normals. example: <cables>
• new op: Ops.Gl.ShaderEffects.ScaleByNormal - scale an object in the direction of face normals. example: <cables>
• new op: Ops.Boolean.MonoFlop - trigger switches bool to true, turns back to false automatically
• new op: Ops.String.StringIterator - Iterate over every character of a string
• new op: Ops.Math.PointInRectangle2d - test if a point is in or outside of a rectangle
• new op: Ops.Math.AddUp - add up numbers
• new op: Ops.Math.CircleCoordinates - calculates x,y coordinate of a circle
• new op: Ops.Math.OneMinus - subtract a number from one
• new op: Ops.String.RandomString - generate a random string of given characters
• new op: Ops.Timeline.GotoFrame - jump to a key in the timeline
• new op: Ops.Debug.Console - show console log output on the screen
• new op: Ops.Array.ArraySetObject - put an object at index in an array
• new op: Ops.Array.Array3xAverage - average x,y,z values of an array3d
• new op: Ops.Array.Array3xAnalyze - min,max and average values of an array3x
• new op: Ops.Array.Array3xReverse – Reverses an array with value triplets, e.g. [1, 2, 3, 4, 5, 6] —> [4, 5, 6, 1, 2, 3]
• new op: Ops.Boolean.IfFalseThen - trigger childs if value is false
• new op: Ops.Gl.OnResize - trigger when canvas was resized
• new op: Ops.Gl.Geometry.GeometryInfo - information about a geometry
• new op: Ops.Gl.Geometry.TransformGeometry - transform vertices of geometry
• new op: Ops.Gl.Geometry.CenterGeometry - center an object to the average x,y,z position of its vertices
• new op: Ops.Gl.Geometry.GeometryPoints - get vertices of a geometry as array3x
• new op: Ops.Gl.Geometry.GeometryBounds - boundings of a geometry / draw a bounding box
• op-rename: Ops.Math.Sinus —> Ops.Math.Sine
• fix: Ops.Array.ArrayReverse – Does not reverse the input array, creates a copy
• fix: Ops.Gl.Matrix.ScreenCoordinates - better accuracy

• new op: Ops.Gl.Screenshot - download the current screen as .png file by triggering
• new op: Ops.Gl.QrCode – generates a QR-Code, example: <cables>
• new op: Ops.Devices.Mobile.LockOrientation - force screen orientation
• fix: ArrayBuffer3x - added reset button - does not start at 0,0,0, but on first value given
• new command: reset renderer size
• fix: animation renderer: speed + less problems when resizing canvas
• fix: removed ipad “rubberbanding” when viewing patch in new window
• fix: mousepicker compatibility with hires screens
• fix: command: set renderer size can now set size bigger than browser window.

• op: TextureEffects.ChromaticAberration - new parameters: smooth and masking
• ui: Op Select - browse ops by namespace
• fix: patch export now includes all (external) libraries

• new op: Waveform – renders the waveform of an audio file, example: <cables>
• new op: Ops.Gl.TextureEffects.Noise.RectangularNoise
• new op: Ops.Net.AjaxRequestString
• ui: [ALT]+[right mouse]+drag on existing link will copy link to another port
• new command (CMD+P): toggle window fullscreen show editor in fullscreen
• new command (CMD+P): toggle editor show/hide toggle editor
• search now shows subpatch path of op
• op fix: Ops.Gl.TextureEffects.DepthTexture - working as expected again
• op tweak: Ops.Gl.TextureEffects.Circle - position and correct aspect ratio
• ui fix: playing timeline does not stop when pressing any key / toggle play with space key
• sandboxing security improvements

• new op: Ops.Gl.TextureEffects.ColorMap - map colors to luminance
• new op: Ops.Gl.ShaderEffects.Bend - bend objects along an axis (thanks kusma)
• op fix: Ops.Json.ObjectGetObject – Key input works again
• op fix: Ops.Json.ObjectGetValue – Key input works again
• ui: faster startup/loading time of big patches
• timeline: overview double click toggle area to whole project length
• timeline: cursor position percentage display
• patch page: tweaked info display / mobile optimized
• tweaked/fixed animation renderer/exporter
• new video tutorial: embed a cables patch into your website

• performance tweaks: freeShape / Pointcollector
• new op: Ops.Gl.TextureArrayLoaderFromArray
• new op: Ops.Array.ArrayReverse
• Ops.Gl.Performance - toggle visibility
• profiler: Peak CPU Usage analysis
• timeline: “Show all Values” fixed scaling problems and other small tweaks
• timeline: metatab shows all keyframed op ports
• timeline: resize visible area
• responsive and nicer browser check <cables>
• Ops.Gl.Mainloop - support for retina/high DPI screens
• tweaked ios safari patch iframe/canvas
• new op Ops.SetVariableString: Set a string variable from

• web: you can now personalize your profile: <cables>

• new op: Ops.Gl.ShaderEffects.DeformArea deform spherical area
• new op: Ops.Gl.ShaderEffects.PerlinAreaDeform perlin noise vertex wobble
• new op: Ops.Gl.Meshes.TriangleArray build a mesh out of an array of points
• new op: Ops.Gl.Meshes.Cube2 cube with correct size
• new op: Ops.WebAudio.TextToSpeech.Say - text-to-speech, say things, Example: cables
• new op: Ops.Exp.Gl.ShadowSource, Ops.Exp.Gl.ShaderEffects.Shadow very early, experimental shadowmapping
• UI: transform gizmo for transform ops giphy
• misc: Many fixes and ui tweaks

• new op: Ops.Gl.TextureEffects.SSAO2 - new screen space ambient occlustion
• new op: Ops.Gl.TesselateGeometry - create more triangles in a geometry/mesh
• new op: Ops.String.SubString - subset of a string between one index and another
• new op: Ops.String.StringLength - number of characters in a string
• new op: Ops.String.StringTrim - remove whitespace from start and end of string
• new op: Ops.String.Lowercase
• Ops.Gl.TextureEffects.Color - finally has blendmodes
• Ops.Gl.TextureEffects.Vignette - better controls + color
• matcapMaterialNew experimental screenSpace normal calculation in shader
• UI: dragging values of parameters is much slower now / shift accelerates
• UI: dragging integer port values now only results in integers
• UI: fixed loading of old patch version
• core: grey defaultshader now works with shaderEffects/shaderModules
• core: better switching between glsl version 1 and 3 / compatibility defined
• tweaked names for many ops
• web: changed font for better readability and get rid of typekit once and for all
• web: examples page revamped

• new op: Ops.Date.DateDifference - get difference from two timestamps (countdown)
• new op: Ops.Date.DateTimestamp - get Timestamp from a date
• new op: Ops.String.LeftPad - create a fixed length string from a number 1 -> 0001
• new op: Ops.Anim.InOutInAnim - animates after a trigger from 1 to 0 to 1
• new op: Ops.String.StringBreak - insert linebreaks into a string after [num] chars
• fix: phongmaterial works now with shadereffects like pixelMeshNoise, fog, areaColor

• new op: Ops.Gl.ShaderEffects.Fog - draw fog while rendering meshes, before postprocessing - example: <cables>
• new op: Ops.Gl.ShaderEffects.ColorArea - colorize pixels of meshes in an specific area - example: <cables>
• tweaks Ops.Gl.Matrix.OrbitControls - many tweaks and outputs degrees
• CGL: auto shader module grouping for module prefixes

• new op: Ops.Gl.Phyllotaxis calculate phyllotaxis pattern coordinates
• ui: animation render as modal window / new command “animation renderer” +progressbar
• new op: Ops.Math.GaussianRandomArray - random numbers fitting a Gaussian, or normal, distribution

• new op: Ops.Gl.ShaderEffects.MeshPixelNoise simple 3d space color noise for meshes without needing textures or texture coordinates
• new op: Ops.Array.ArrayContains, Ops.String.StringContains - check if an array contains a string or number
• new op: Ops.Boolean.TriggerChangedTrue - trigger next only after value was changed to true
• new op: Ops.String.Join - join array values to a string
• ui: outdated ops warning: offer to create new version if exists / outdated op warning is now visible in patch
• ui: better comments
• ui: rewrite texture previewer - much better performance
• ui: sidebar customize drag’n’drop interface

• experimental data flow visualization of the patch : press cmd+p and then enter flow giphy
• new op: Ops.Variable / Ops.SetVariable for new patch variables system
• new op: Ops.Gl.TextureEffects.CheckerBoard
• new op: Ops.Boolean.isZero, Ops.Boolean.isOne
• new op: Ops.Gl.TextureEffects.PolarCoords
• new op: Ops.Html.CSS - style html elements
• new op: Ops.Devices.TouchScreen - touch events and coordinates from multiple fingers
• all mouse ops work with touch devices now and emulate a left mouse button

• New Op: Ops.Html.WindowHasFocus - detect if the browser window/tab has focus
• ui: SubPatch navigation breadcrumb
• UI: preview image: background toggle by click to see transparency
• ui: fix: copy and paste subpatches
• ui: fix export finished window overflow
• ui: fix bug where previewer made everyting really slow
• ui: escape: much faster and reactive op add/search
• ui: more commands

• Ops.Devices.Mouse.MouseDrag - add option to not limit the value range
• CMD: new command show changelog
• UI: create project by choosing from predefined templates
• UI: rework: bookmarks
• UI: show changelog since last us

• ui button to report errors
• ops display red dot when has an error
• ui: code editor does not rescale patch
• ui: file library/editor do not overlap sidebar
• ui: usersettings dialog
• ui: more commandpalette commands
• ui: fix hover info area
• ui: added a (customisable) sidebar – to customise hit cmd + shift + p, enter a command and tick the pin icon (edited)
• ui: CMD+ENTER - toggle maximize renderer
• ui: command palette shows all commands
• ui: new command open patch website

• new ops: cubemapCamera, cubeMapFromTextures, cubeMapMaterial
• fix Ops.Gl.Meshes.Sphere mesh glitches

• right click drag multiple links at once
• rework: search (CMD+F)
• rework: add op UI
• UI: add op search much faster
• UI: rendering op layout as images/svg
• UI: op highlight animation after creating/search+click
• UI: copy/paste visual feedback
• UI: rework icons/cursor when dragging links
• UI: op namespace colors everywhere
• UI: better Project settings Tag-UI
• UI: new feature: command palette (CMD+P)
• UI: theme: high contrast mode

• feature: randomanim: pause between animations
• new op: Ops.Gl.GridTransform - transform and arrange elements into a grid
• fix: basicMaterial - fix bug, texture was showing correct only after reload
• fix: svgTexture - fixed problem, project could not be saved
• fix: webCamTexture - performance tweak / enabled/disabled switch (edited)
• fix: Ops.Gl.Texture wasn’t setting filter correctly in some cases (edited)
• published video tutorials at: youtube