Geometry Oscillators add procedural motion to any mesh in Canvas Studio. Enable the feature for an element in the backend, by clicking on Additional Settings on the element you want to oscillate, then turn on up to three oscillators per object in the Frontend CNVS UI. Each oscillator can use a different waveform or noise source, target vertices or segment bands, and act on specific axes for finely tuned, organic deformation.
Enabled – turns the selected oscillator on or off.
Rate – controls how fast the waveform evolves over time; higher values animate more quickly.
Amplitude – sets the displacement strength; larger values push points farther from their original position.
Noise Type – chooses the motion source: Sine, Cosine for smooth periodic waves, Simplex1D/2D/3D for natural noise patterns, SmoothRandom for gently drifting randomness.
Target Type – selects what to drive: Vertices for point-level deformation, Segments for band-level modulation across the mesh.
Axis X / Axis Y / Axis Z – toggles which axes receive displacement; combine axes to move diagonally or isolate one for directional wobble.
Phase – offsets the starting point of the waveform so multiple oscillators can run out of sync and avoid uniform motion.
Stack oscillators to blend waves and noise, offset their phases for richer motion, and keep amplitude conservative for clean deformations. With a few sliders you can turn static geometry into breathing UI tiles, rippling surfaces, or softly pulsing product forms, all generated in real time, right in the browser.