Live Preview — Wave Oscillator⏸ paused
Waveform
Shape
Color
Stroke color
Tube thickness 3.5
3D effect 0%
Image on path
Parameters
Frequency 440 Hz
Amplitude 50%
Phase
Speed 1.0×
Damping 0%
Quick Notes
Live Preview — Lissajous Figure⏸ paused
Shape
Waveform
Color
Curve color
Tube thickness 2.8
3D effect 0%
Image on path
Frequencies
Freq X 440 Hz
Freq Y 660 Hz
Phase Δ 90°
Amplitude 80%
Speed 1.0×
Damping 0%
Ratio Presets
Background Preview
Pattern Type
Dot Matrix
Grid Lines
Hexagons
Triangles
❯❯Chevrons
Diamonds
Wave Lines
Crosshatch
Concentric
Isometric
Star Grid
Zigzag
🌀Spirals
Moroccan
Houndstooth
Brickwork
•••Polka Dots
Grain Noise
Wave Generated
Lissajous Generated
Colors
Pattern color
Accent color (alternating)
Layout
Cell Size 32px
Pattern Gap 0px
Rotation
Stroke Width 1.0
Opacity 100%
Fill Amount 0%
Generated Pattern Controls
Shape Source
Wave Shape Amount 0px
Spiral Amount
Layout
Blend Mode
Overlay Opacity 80%
Scale 100%
Position X 50%
Position Y 50%
Export Resolution
Image Studio — Wave & Lissajous Filter Engine
Drop an image here
or click to browse · PNG, JPG, WebP, GIF
Image
Wave Distortion
Waveform
Wave Amount 0px
Frequency 3.0
Direction
Animate
Lissajous Warp
Warp Amount 0px
Freq X 2.0
Freq Y 3.0
Film Presets
Film Effects
Grain 0%
Vignette 0%
Fade 0%
Halation 0%
Glitch & Texture
Pixelate off
Dither
Dither Levels 2
Chromatic Aberration 0px
Scanlines 0%
Scanline Size 2px
Glitch Shift 0px
Glitch Bands 8
Posterize off
Threshold off
Edge Detect 0%
Emboss 0%
Shadows 0
Highlights 0
Blacks 0
Whites 0
Split Tone
Shadow Tint
Shadow tone
Shadow Strength 0%
Highlight Tint
Highlight tone
Highlight Strength 0%
Colour Filters
Brightness 100%
Contrast 100%
Saturation 100%
Hue Rotate
Blur 0px
Invert 0%
Overlay
Colour
Tint color
Tint Opacity 0%
Blend Mode

Export Animation

p5.js Sketch Preview
Prompt

Paste the text above in Cursor chat; the AI will reply with p5 code. Paste that code into the sketch below and click Run.

Sketch
About

Uses p5.js from the p5 folder. Write setup() and draw() in global mode. Reference