List of available AI language models
Send a prompt to an AI language model and get the answer
Sets the blend mode (composite operation) for the canvas2d ops below it
Draws a circle or arc on a canvas2d, filled, stroked or as clip path
Creates a 2d canvas, runs the canvas2d ops below it and outputs the canvas element, manual size, maximized or contained in its parent
Draws an image, video or canvas element onto a canvas2d, optionally cropped and scaled to a destination rectangle
Sets the fill color for the canvas2d ops below it
Reads the RGBA color of one pixel of a canvas2d
Draws one or more lines from point arrays on a canvas2d, optionally smooth, closed or filled
Draws a rectangle on a canvas2d, filled, stroked or as clip path, optionally with rounded corners
Resets translation, rotation and scale for the canvas2d ops below it
Adds a drop shadow to everything drawn by the canvas2d ops below it
Sets stroke color, line width, caps, joins and dashes for the canvas2d ops below it
Translates, rotates and scales the canvas2d ops below it
Converts a canvas element into a png, jpeg or webp image data url
Triggers every frame of the patch's render loop, like requestAnimationFrame
Use the detect-gpu library to assess performance of the client running the patch
wrapper for echarts-library
capture echart-library-events
Loads a font file, parses it with fontkit.js, and lays out a text string into individual glyph outlines.
Pre-calculates glyph outlines at axis min and max values, then interpolates coordinates arithmetically at render time — zero fontkit calls per frame.
Takes the per-glyph SVG paths and positions arrays and reconstructs a single combined SVG path string, ready for triangulation
Applies geometric transformations per glyph via an array of values. Purely geometric — does not need the font, only Glyph Paths + Glyph Positions.
FxHash simulator / generator of seeded random numbers
Apply a procedural noise vector field to particle velocities.
Simulates particles on the GPU.
Steer particles toward positions supplied by a target texture.
Changes particle velocity in an area.
Modify particle velocities with point, directional, rotation, vortex, and collision effects.
create an array of div elements
Set css style properties of a html element
Render an HTML element into a texture
Play Bodymovin/Lottie animations as SVG in a HTML element
Play a Lottie animation in a texture
Generate an animated geometry from MpFaceTracking Point Coordinates
Face Landmark positions (chin,eye,brow etc)
Get face mesh from webcam/video using mediapipe library
Get points and lines for left/right hand from mediapipe
Get individual coordinates of fingers or wrist from an array of mediapipe data
Get hand data from mediapipe library, use with MpHand
Get coordinates of specific body parts from mediapipe data
Get pose-data (points/landmarks/lines) from webcam using mediapipe library
Load a .ply 3D file as geometry
Load OTF & TTF fonts via OpenType library
get svg path from (OTF) OpentypeFont using the opentype library
Outputs an array of data from a user defined OSC address
Shows the current active address of an incoming OSC message
Outputs a single number from a user defined OSC address
Outputs up to 4 numbers from a user defined OSC address
Create a physics body with adjustable shape, mass, and friction
Applies a force to bodies
Applies an impulse to bodies
Applies an attraction force to a physics body
Simulate a character in a physics worlda
Check an array colliders of bodies collinging against another array of colliders
Check collision of an array of colliders against another array of colliders from bodies
Spawn new physics bodies by triggering
Heightfield physics body / landscape,heightmap
Physics Joints: Revolute/Hinge, Prismapic,Spherical/Pendulum
Detect where a ray intersects physics objects
Deformable body simulation
Create and run a 3D physics simulation world
Cellular automata system as feedback loop texture.
connect to a socketcluster server and manage the connection
Receives object from the socketcluster socket/topic
Receives trigger from the socketcluster socket/topic
sends an object via socketcluster/websocket
sends a trigger via socketcluster/websocket
get info for clients listening on a socketcluster topic
Close cables standalone on trigger
Capture desktop windows or screens as a texture DesktopTexture
FFmpeg video converter toolbox op
Create a new empty file on your local harddrive
Check if a file exists on the local file system
Create a directory on the local file system
Open the native file manager application using that path
convert local path to file-url
Read all entries in a directory
Resolves a paths into an absolute path
Choose a directory on your hard drive
Choose a file on your hard drive
Get statistics about a file on the local file system
Get Default System Directories Paths
Watch a directory, get a trigger when a file changes
Create a binary file on the local file system from a base64 string
Write a string to a text file on the local file system
Create a Web/Http server locally
Answer http requests by sending string to the browser/client
Outputs your local IP Address
send data to a OSC device
Read a text file as string from the local file system
start a socketcluster server
parse srt/vtt subtitle-files
Create timeline animation form subtitle data
Generate supershape geometry on the CPU
Generate supershape geometry on the GPU
Use the Teachable Machines audio classifier for your microphone. Insert the uploaded model URL.
Use the Teachable Machines image classifier. Insert the uploaded model URL.
Use the Teachable Machines pose detection with your webcam. Insert the uploaded model URL.
Track a position of a specific color in the current webcam stream
uses mespeak.js to convert text-to-speech
Text-to-Speech, speaks different languages (speech synthesis)
speech to text recognition
Upload an array to the GPU as a GpuBuffer
Convert an array of numbers to a webgpu texture
Render mesh attribultes as color
A simple material without shading
A texture containing only one color
Compute shader GPU buffer storage input
Compute shader GPU buffer storage output
Add a uniform input to a compute shader composition
cull (do not draw) back or front facing faces/triangles
Show direction of faces as color
Render a rectangle that fills the whole canvas
Convert a GpuBuffer to a CPU Array
Image based material that uses a matcap environment texture
Draw the same mesh many times very fast
show content of last used pipeline for debugging
Load an image file as a texture
Vizualize a webgpu texture on the patchfield
Create a canvas for WebGPU
Output information about WebGPU adapter and implementation
sends a string via socketcluster/websocket
sends a number via socketcluster/websocket
Sends boolean value via socketcluster/websocket
sends an array via socketcluster/websocket
receives string from the socketcluster socket/topic
receive number from the socketcluster socket/topic
Receive boolean value from the socketcluster socket/topic
receive an array from the socketcluster topic
Create physics bodies from a GLTF File
Cast a ray and detect colliding bodies
Emit Ammo physics bodies by triggering
Visualize the physical bodies as lines and points
First person camera to use with AmmoCharacter
Control and move a character in a physics environment
Check if physics bodies are colliding
Create a physics body/collision shape using a any geometry or select a shape