Groovy Warper

WebGL mesh deformer. Each piece of media becomes an independent layer you can sculpt with the brush tools.

Brush tools

• Transform: drag to move · wheel or Shift+drag to scale · Alt+drag to rotate · on touch, pinch to scale and twist to rotate.
• Smear: drag to push vertices with soft falloff.
• Twirl: hold to spin vertices around the click center.
• Heal: hold to blend vertices back toward the original grid.
• Bulge: hold to spread vertices outward. Right-click or use two fingers to pinch them toward the cursor instead.

Mouse shortcuts

• Middle-drag: drag up/down to adjust brush size.
• Two-finger pinch: on touch screens, pinch or spread to resize the brush (with Bulge, two fingers pinch the image instead).
• Right-drag: drag up/down to adjust intensity (pinches with Bulge).

Camera

• Tap: add a live camera layer.
• Hold (touch screens): Quick Snap. Records from the rear camera into a new layer; let go to keep the clip as a looping video.

Menu

• Save Image: export the current frame as a PNG.
• Start/Stop Recording: record an MP4 video of the canvas (WebM in Firefox).
• Groovy Mode: autonomous animated brushes. Click the canvas to exit.
• Settings: brush size, intensity, layer selector, physics mode, transparent PNG export.

Settings panel

• Physics Mode: vertices carry momentum and spring back with inertia.
• Transparent PNG: export with alpha channel (background hidden).
• Layer: choose which layer the tool acts on. Brushes act on all layers unless you pick one; Transform acts on the newest layer unless you pick another or All, and remembers that choice.
• Delete Layer: remove the chosen layer.
• Track Faces: in video, GIFs and the camera, distortions on a face move with it. Loads a face tracker the first time.
• Tool Tips: show or hide the hint strip above the controls.