Basic Examples ⟩ GridTransform Example

Examples

Webgl Animation
Sinus Rotation 2timed sequenceRandom AnimationBoolAnim ExampleImageSequenceAnim ExampleDateAndTime ExampleTriggerBetweenInOutInAnim ExampleArray2To3 TimelineValue ExampleEasing exampleBool animation simple

Webgl Mesh
text meshpolyhedron meshspline deform meshGltfSetMaterial Example

Webgl Transformation
TransformRepeatRepeat 2DGridTransform ExampleTransformElement Exampleattach 3d html elementGrid transform simple

Webgl Material
Material BasicsBill boardwireframesvideo texturesinus / texcoord offsetsHSB color conversion360 pic to spherecolor area shader effectPhongMaterial exampleSpotLight ExampleSimple Vertex Displacement Map

Webgl Camera
GetProjectionMatrix SetProjectionMatrix ExampleCamera Examplecamera look at object

Webgl Image Compose
Blur ExampleColorBalance Example

Arrays
Follow path arrayFollow path array flocktext meshinterpolate arraysgaussian distributed random numbersTextureArrayLoader ExampleArrays and lines 01Geometry to pointsArrays And Lines 02circlecircle harmonicsspiralrainbouncing cubesArray logic between

GLTF Examples
GltfScene ExampleGltfDracoCompression ExampleGltfNode VertexColorMaterial ExampleGLTF Example Shape Key Animgltf animation exampleGLTF example: Multiple UV ChannelsGLTFscene animation switchinggltf vertex animationGltfSkin Examplegltf example: how to load embedded texture GLTF example: skin with multiple meshes/materialsGLTF example: interpolation typesgltf scene example: animated skin attached to object anim GLTF Loose Edges and Pointsgetshader examplegltfsequence_demPbrEnvironmentLight PbrMaterial Exampleuse material propertiesauto gltf texture and material binding

Mesh Instancer
spherical billboards exampleMeshInstancer Examplemeshinstancer texcoord example

Textures
SVG texturevideo textureWebcamTexture Examplenoise texturesTextureArrayLoader Exampletextarea / input exampleNoise textures 01Blend 2 texturesDisplacement sliceRotate with maskPixelate with maskPixel displace red greenFog texture examplefontfile exampleGltfSetMaterial ExampleExample: PixelDifference

Interactive
intersect: mesh array pickingOrbit controlsClick Counterdistance2dphone motion sensorMouseButtons ExampleMouseDrag MouseWheel DeltaSum ExampleScreen position to 3Dmediapipe intersect ops interactivity examplesocketcluster example

Html Css
html elementElementFadeInOut ExampleTransformElement Exampleattach 3d html elementElementCssCursor ExampleCSS Examplehtml css property v2 exampleIFrame ExampleModalOverlay ExampleElementCssBorder ElementCssColor ElementCssPadding ElementCssText Element ScrollIntoView Example

Webaudio
AudioAnalyzer ExampleSay (Text-to-Speech)Seekable Waveform Audio PlayerAudio analyzer - meshinstancerAudio analyzer op exampleBiQuadFilter op - audio reactive tutorial 2

Network
LoadingStatus HttpRequest Examplesocketcluster example

Custom Shader Examples
CustomShader ShaderToTexture ExampleCustomshader Multiple Texture Outputs example

GridTransform Example

More complex color and texture lookup techniques can be applied with the grid transform op.