Basic Examples ⟩ TransformElement Example

Examples

Webgl Animation
Sinus Rotation 2timed sequenceRandom AnimationBool Animation Linkedimage sequence animationClockTriggerBetweenIn Out AnimTimelineValueEasing exampleBool animation simple

Webgl Mesh
text meshpolyhedron meshspline deform meshGLTF model with textures

Webgl Transformation
TransformRepeatRepeat 2DGrid Transform advancedTransformElement 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
projection matrix interpolateMultiple camerascamera look at object

Webgl Image Compose
Blurcolor balance

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

GLTF Examples
GLTF/GLB File ExampleDraco Compression examplegltf example: vertex colors GLTF Example Shape Key Animgltf animation exampleGLTF example: Multiple UV ChannelsGLTFscene animation switchinggltf vertex animationGLTF Bones Animation Zombie Walkgltf 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_demGLTF Helmet

Mesh Instancer
spherical billboards examplemesh instancermeshinstancer texcoord example

Textures
SVG texturevideo textureWebcam texturenoise texturestexture array loadertextarea / input exampleNoise textures 01Blend 2 texturesDisplacement sliceRotate with maskPixelate with maskPixel displace red greenFog texture examplefontfile exampleGLTF model with texturesExample: PixelDifference

Interactive
intersect: mesh array pickingOrbit controlsClick Counterdistance2dphone motion sensorMouse Picking with StatescrollScreen position to 3Dvr teleportationmediapipe intersect ops interactivity examplesocketcluster example

Html Css
html elementElementFadeInOut ExampleTransformElement Exampleattach 3d html elementElementCssCursor ExampleCSS Examplehtml css property v2 exampleiFrame v2 exampleModalOverlay ExampleHTML CSS Ops

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
custom shaderCustomshader Multiple Texture Outputs example

TransformElement Example

Move html element to current transformation in screen space