Procedural Pattern Generator

Step: 0/0

Trim

0 – 100

~/Downloads (default)

px

GIF × Loops ∞

Pattern

Use Start/End Positions

Steps 50

Speed 50

Fixed Radius 150

Rolling Radius 50

Pen Distance 30

Roll Mode

Layers 1

Start X 10%

Start Y 10%

End X 90%

End Y 90%

Stroke & Style

Width 2

Type

Line Cap

Complexity 10

Spacing 15

Variable Line Weight

Color & Blend

Background

Harmony — derives from background

Stroke Color 1

Use Two Colors

Stroke Color 2

Use Color Gradient

Blend Mode

Opacity 1

Opacity Fade

Transform

Rotation 0

Scale 1

Pan X 0

Pan Y 0

Shear X 0

Shear Y 0

Distortion

Scatter 0 smooth per-point displacement

Glitch 0 random spike probability

Warp 0.1 sine-wave distortion scale

Composition

Closed Loop

Duplicate 1

Symmetry 1 kaleidoscope segments

Canvas Ratio

Filled Shapes

Enabled

Shape Type

Size 30

Rows 1

Columns 1

Position X 0

Position Y 0

Matte Mode

Shape Color

Animate

Animate Scatter

Low 0

High 50

Speed (cycles/s) 0.20

Animate Warp

Low 0.01

High 0.50

Speed (cycles/s) 0.20

Static pattern (undulations only)

Filters

Filter Type

⏸ Animation paused — filter active

Intensity 50

Scale 8

Algorithm

Brightness 0

Contrast 0

Export as Video

Resolution

Width (px)

Height (px)

Scale Mode

Ping-pong (forward + reverse)

Scatter & Warp animation settings are read from the Animate section in the sidebar.

Undulations only (static pattern)

Format

Frame Rate

Duration = 0 frames

seconds

Quality

Background Green/blue screen: key out in your video editor for transparency overlay.

Recording…

MP4: WebCodecs (Chrome 94+), faster than real-time, quality setting fully respected.
WebM: MediaRecorder (all browsers), real-time speed, bitrate is a hint only.