Examples
Custom Shader Examples
custom shaderCustomshader Multiple Texture Outputs exampleshadertoy compatibility templateMisc
degree2vectorhtml elementtexture array loaderNetwork
Weather API - ExampleWebaudio
audio analyzerSay (Text-to-Speech)Seekable Waveform Audio PlayerAudio analyzer - meshinstancerAudio analyzer op exampleBiQuadFilter op - audio reactive tutorial 2Html 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
intersect: mesh array pickingOrbit controlsClick Counterdistance2dphone motion sensorMouse Picking with StatescrollScreen position to 3Dvr teleportationmediapipe intersect ops interactivity exampleTextures
SVG texturevideo textureWebcam texturesinus / texcoord offsetsnoise texturestext meshSimple Vertex Displacement Maptexture array loadertextarea / input examplerender2textures effectNoise textures 02Noise textures 01Blend 2 texturesDisplacement sliceRotate with maskPixelate with maskPixel displace red greenFog texture examplefontfile exampleGLTF model with texturesExample: PixelDifferenceMesh Instancer
spherical billboards examplemesh instancerArrays
Follow path arrayFollow path array flocktext meshinterpolate arraysgaussian distributed random numberstexture array loaderArrays and lines 01Geometry to pointsArrays And Lines 02circlecircle harmonicsspiralrainbouncing cubesArray logic betweenWebgl Camera
Orthogonal / Isometricprojection matrix interpolateMultiple camerascamera look at objectWebgl Material
Material BasicsBill boardwireframesvideo texturesinus / texcoord offsetsnoise texturesHSB color conversion360 pic to spherecolor area shader effectPhongMaterial exampleSpotLight - exampleWebgl Transformation
TransformRepeatRepeat 2DSimple Vertex Displacement MapGrid Transform advancedattach html element in 3d attach 3d html elementGrid transform simpleWebgl Mesh
Primitive Meshestext mesh3D Mesh From Filepolyhedron meshscale by normaldivided mesh explosionspline deform meshtwist meshGLTF model with texturesWebgl Animation
Sinus Rotation 2timed sequenceRandom AnimationBool Animation Linkedimage sequence animationClockTriggerBetweenIn Out AnimTimelineValueEasing exampleBool animation simpleGLTF 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 example
custom shaderCustomshader Multiple Texture Outputs exampleshadertoy compatibility templateMisc
degree2vectorhtml elementtexture array loaderNetwork
Weather API - ExampleWebaudio
audio analyzerSay (Text-to-Speech)Seekable Waveform Audio PlayerAudio analyzer - meshinstancerAudio analyzer op exampleBiQuadFilter op - audio reactive tutorial 2Html 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
intersect: mesh array pickingOrbit controlsClick Counterdistance2dphone motion sensorMouse Picking with StatescrollScreen position to 3Dvr teleportationmediapipe intersect ops interactivity exampleTextures
SVG texturevideo textureWebcam texturesinus / texcoord offsetsnoise texturestext meshSimple Vertex Displacement Maptexture array loadertextarea / input examplerender2textures effectNoise textures 02Noise textures 01Blend 2 texturesDisplacement sliceRotate with maskPixelate with maskPixel displace red greenFog texture examplefontfile exampleGLTF model with texturesExample: PixelDifferenceMesh Instancer
spherical billboards examplemesh instancerArrays
Follow path arrayFollow path array flocktext meshinterpolate arraysgaussian distributed random numberstexture array loaderArrays and lines 01Geometry to pointsArrays And Lines 02circlecircle harmonicsspiralrainbouncing cubesArray logic betweenWebgl Camera
Orthogonal / Isometricprojection matrix interpolateMultiple camerascamera look at objectWebgl Material
Material BasicsBill boardwireframesvideo texturesinus / texcoord offsetsnoise texturesHSB color conversion360 pic to spherecolor area shader effectPhongMaterial exampleSpotLight - exampleWebgl Transformation
TransformRepeatRepeat 2DSimple Vertex Displacement MapGrid Transform advancedattach html element in 3d attach 3d html elementGrid transform simpleWebgl Mesh
Primitive Meshestext mesh3D Mesh From Filepolyhedron meshscale by normaldivided mesh explosionspline deform meshtwist meshGLTF model with texturesWebgl Animation
Sinus Rotation 2timed sequenceRandom AnimationBool Animation Linkedimage sequence animationClockTriggerBetweenIn Out AnimTimelineValueEasing exampleBool animation simpleGLTF 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 example
bouncing cubes
Open In EditorList
This patch shows how to create a kind of bouncing effect with some cubes