Reactive Mesh

Triangulated mesh grid that displaces and morphs in real time with audio

2D CanvasMediumBest for: Electronic, Glitch, Experimental, Sci-Fi

Reactive Mesh creates a Delaunay-style triangulated grid and displaces each vertex based on overlapping sine wave functions driven by audio frequency bands. The mesh is rendered as filled colored triangles plus an optional wireframe overlay. Beats trigger a full-mesh displacement pulse. Six modes alter the displacement function shape from simple vertical ripples to radial inflation and fracture effects.

Key Features

Triangulated mesh displacementBeat-triggered full-mesh pulse6 deformation modes

Parameters

ParameterDescriptionRange / Options
Mesh Modedisplacement / ripple / inflate / fracture / tessellate / morphSelect
Mesh ResolutionGrid subdivision count8–64
Wire ColorWireframe overlay colorColor

Tips & Best Practices

  1. 1

    Fracture mode splits the mesh into disconnected triangles on beats — dramatic for drops.

  2. 2

    Higher Mesh Resolution (48+) with subtle displacement creates a breathing fabric effect.

  3. 3

    Tessellate mode adds recursive subdivision on beats — watch triangle count grow.

Export Performance

2D Canvas engine. Mesh Resolution above 48 creates many draw calls — 32 is recommended for export.

All visualizers are copyright-free. Every video you export is yours to use commercially or personally, with no attribution required. You retain full ownership of your exports.