Example Patches
Misc
degree2vectorhtml elementtexture array loaderCommunication
texture array loaderWeather APIArduino Serial TutorialWeather API - ExampleWebaudio
audio analyzerSay (Text-to-Speech)Seekable Waveform Audio PlayerAudio analyzer - meshinstancerAudio analyzer op exampleBiQuadFilter op - audio reactive tutorial 2vr teleportationHtml Css
html elementfade in/out html elementdiv elementattach html element in 3d attach 3d html elementcursor exampleCSS OP Examplehtml css property v2 exampleiFrame v2 examplemodal overlay exampleInteractive
Mouse Mesh PickingOrbit controlsClick CounterColor Pickerdistance2dphone motion sensorMouse Picking with State2d pixel coordinatesscrollScreen position to 3Dvr teleportationPost Processing
circlecircle harmonicsspiralbouncing cubesTextures
SVG texturevideo textureWebcam textureTrigger limiter randomsinus / texcoord offsetsnoise texturestext meshSimple Vertex Displacement Maptexture array loadertextarea / input examplerender2textures effectNoise textures 02Noise textures 01Blend 2 texturesPixel grabberDisplacement sliceRotate with maskPixelate with maskPixel displace red greenFog texture examplefontfile exampleGLTF model with texturesExample: PixelDifferenceMesh Instancer
In Out AnimArrays
Follow path arrayFollow path array flocktext meshinterpolate arraysgaussian distributed random numberstexture array loaderShaping functionsArrays and lines 01Geometry to pointsArrays And Lines 02circlecircle harmonicsspiralrainbouncing cubesArray logic betweenWebgl Image Compose
Blurtextureeffects 2image sequence animationcolor balanceSimple Vertex Displacement MapBrowser check v2 exampleWebgl Camera
Orthogonal / Isometricprojection matrix interpolateMultiple camerascamera look at objectWebgl Material
Material BasicsBill boardwireframesSimple Rotationvideo texture3d Mesh Carsinus / texcoord offsetsnoise texturesHSB color conversion360 pic to spherecolor area shader effectPhongMaterial exampleAmbientLight exampleDirectionalLight examplePointLight - exampleSpotLight - exampleWebgl Transformation
TransformRepeatRepeat 2DSimple Vertex Displacement MapGrid Transform advancedattach html element in 3d attach 3d html elementGrid transform simpleWebgl Mesh
Primitive Meshes3d Mesh Cartext meshsupershape3D Mesh From Filepolyhedron meshscale by normaldivided mesh explosionspline deform meshtwist meshParametricSurface exampleGLTF model with texturesWebgl Animation
Sinus Rotation 2timed sequenceRandom AnimationTrigger limiterTrigger limiter randomBool Animation Linkedimage sequence animationClockTriggerBetweenIn Out AnimTimelineValueEasing exampleBool animation simpleWebgl Basics
Orbit controlsTransformBasic Cube LightSimple RotationString to texturefontfile example
degree2vectorhtml elementtexture array loaderCommunication
texture array loaderWeather APIArduino Serial TutorialWeather API - ExampleWebaudio
audio analyzerSay (Text-to-Speech)Seekable Waveform Audio PlayerAudio analyzer - meshinstancerAudio analyzer op exampleBiQuadFilter op - audio reactive tutorial 2vr teleportationHtml Css
html elementfade in/out html elementdiv elementattach html element in 3d attach 3d html elementcursor exampleCSS OP Examplehtml css property v2 exampleiFrame v2 examplemodal overlay exampleInteractive
Mouse Mesh PickingOrbit controlsClick CounterColor Pickerdistance2dphone motion sensorMouse Picking with State2d pixel coordinatesscrollScreen position to 3Dvr teleportationPost Processing
circlecircle harmonicsspiralbouncing cubesTextures
SVG texturevideo textureWebcam textureTrigger limiter randomsinus / texcoord offsetsnoise texturestext meshSimple Vertex Displacement Maptexture array loadertextarea / input examplerender2textures effectNoise textures 02Noise textures 01Blend 2 texturesPixel grabberDisplacement sliceRotate with maskPixelate with maskPixel displace red greenFog texture examplefontfile exampleGLTF model with texturesExample: PixelDifferenceMesh Instancer
In Out AnimArrays
Follow path arrayFollow path array flocktext meshinterpolate arraysgaussian distributed random numberstexture array loaderShaping functionsArrays and lines 01Geometry to pointsArrays And Lines 02circlecircle harmonicsspiralrainbouncing cubesArray logic betweenWebgl Image Compose
Blurtextureeffects 2image sequence animationcolor balanceSimple Vertex Displacement MapBrowser check v2 exampleWebgl Camera
Orthogonal / Isometricprojection matrix interpolateMultiple camerascamera look at objectWebgl Material
Material BasicsBill boardwireframesSimple Rotationvideo texture3d Mesh Carsinus / texcoord offsetsnoise texturesHSB color conversion360 pic to spherecolor area shader effectPhongMaterial exampleAmbientLight exampleDirectionalLight examplePointLight - exampleSpotLight - exampleWebgl Transformation
TransformRepeatRepeat 2DSimple Vertex Displacement MapGrid Transform advancedattach html element in 3d attach 3d html elementGrid transform simpleWebgl Mesh
Primitive Meshes3d Mesh Cartext meshsupershape3D Mesh From Filepolyhedron meshscale by normaldivided mesh explosionspline deform meshtwist meshParametricSurface exampleGLTF model with texturesWebgl Animation
Sinus Rotation 2timed sequenceRandom AnimationTrigger limiterTrigger limiter randomBool Animation Linkedimage sequence animationClockTriggerBetweenIn Out AnimTimelineValueEasing exampleBool animation simpleWebgl Basics
Orbit controlsTransformBasic Cube LightSimple RotationString to texturefontfile example
Repeat
Open In EditorList
The repeat op is like a traditional For loop.
It allows you to trigger all the ops underneath a certain amount of times.
Each new trigger has an index number associated with it which allows each repeat cycle to be controlled separately from each other.
In this example the index is used to change the X position of each cube.
This same number is then mapped to a 0-1 range to change the color of the cubes