MOTION / LIVE DISPLAY / HOW TO

LIVE IMAGE WARP

An audiovisual siren that bends an uploaded image in real time with pitch, speed, depth, delay, feedback, stereo width, noise and glitch controls.

The siren and the image share one performance. PITCH, SPEED and DEPTH shape the tone; WIDTH, PHASE, NOISE, GLITCH and INTENSITY determine how the picture responds.

OPEN TOOL →START HERE日本語
LIVE IMAGE WARP interface
LIVE IMAGE WARP running in the browser

When this helps

The siren and the image share one performance. PITCH, SPEED and DEPTH shape the tone; WIDTH, PHASE, NOISE, GLITCH and INTENSITY determine how the picture responds.

What this browser tool does

An audiovisual siren that bends an uploaded image in real time with pitch, speed, depth, delay, feedback, stereo width, noise and glitch controls.

First five steps

  1. Load an image with IMAGE.
  2. Use FULL IMAGE to choose the crop and display area.
  3. Hold HOLD SIREN and confirm that sound and image react together.
  4. Set PITCH, SPEED and DEPTH, then adjust GLITCH and INTENSITY.
  5. Press REC and save the WebM video after stopping.

Basic controls

SIREN

SQR, SAW, TRI and SIN set the waveform. PITCH sets the note, SPEED sets movement and DEPTH sets the pitch range.

SPACE

DELAY and FEEDBACK create repeats, while STEREO WIDTH and PHASE spread the signal. Keep width controlled on headphones.

VISUAL

NOISE adds grain, GLITCH adds tears and offsets, and INTENSITY sets total response. Build the base with CHAOS off.

RECORD

REC captures the picture and sound as WebM. Set image fit, MASTER and response strength before recording.

Practical setups

Readable portrait

Use FULL IMAGE, low GLITCH and moderate INTENSITY so the face stays recognisable.

Signal burst

Use SQR, faster SPEED, short DELAY and a quick HOLD SIREN press.

Wide drift

Use SIN, slow SPEED, more WIDTH and low NOISE for a soft stereo movement.

Save and export

Recording produces a WebM video containing the canvas and tool audio. Let the image finish loading before REC, and stop after the echo tail has ended.

What this tool does not do

  • This tool focuses on one sound or pattern task rather than final mixing.
  • Keep output level conservative before pushing feedback, drive or repeated effects.

FAQ

Is it free?
LIVE IMAGE WARP is free to use in the browser.
Do I need to install anything?
No. Open the tool in a current browser to start.
Can I save or export the result?
Recording produces a WebM video containing the canvas and tool audio. Let the image finish loading before REC, and stop after the echo tail has ended.
What should I try first if it does not work?
If the image stays blank, reload it in JPG or PNG format.

Troubleshooting

  • If the image stays blank, reload it in JPG or PNG format.
  • If sound is missing from the recording, start audio with a direct button press before REC.
  • If the animation stutters, reduce image dimensions and lower GLITCH.
  • If the picture is unreadable, turn CHAOS off and lower INTENSITY.

Next tools

  • How to use IMAGE REACTORA music visualizer that analyses low, mid and high frequencies to drive an image, with optional lyrics, live siren and noise effects, and video recording.
  • How to use LUMINOUS IMAGEA lightweight music visual tool that adds light, sparkle and transparent colour to an image using BREEZE, PRISM, AURORA and DREAM modes.
  • How to use IMAGE PAD TRIGGERA sixteen-pad audiovisual sampler for sending paired images and sounds to the screen, with CUT, FADE, PUNCH and FLASH transitions plus a separate output window.

OPEN LIVE IMAGE WARP

Start from one preset or one pattern, then adjust only the part you can hear changing.

OPEN TOOL →