Test
C
R

Tips

  • When using Chrome Browser: This utility has multiple rendering bugs when Hardware acceleration is enabled. To disable hardware acceleration in Chrome go to Settings > Advanced > System
  • Use the Space bar on your keyboard to hide the controls

FAQ

Please send any questions about this utility to Harvey Rayner: h@pattern.co

Animation

Frame resolution:






Ani Mode


































Tile

OuterN:

OuterR:

OuterOuterN:

OuterOuterR:



f(x) Options

Render



Line only currently renders for constant modulus

Wave limit

Modulus























High domain values will dramatically increase resources required and may crash browsers on slow devices


Special cases

0 < i < mod

0 < i++ < dom

0 < i < mod

0 < i++ < dom

i = Collapse +

High sqrtBase values will dramatically increase resources required and may crash browsers on slow devices

Domain radius







Radius step:



Domain angle





Render Options

Color:








Color saturation:

CSS quick edit:

Contrast:

Brightness:

Saturation:

Hue rotate:

Dark shift:

Red - Blue

Sunshine:

Advanced:

Wave amplitude:

Wave resolution:
High resolution values when N value is high will dramatically increase resources required and may crash browsers on slow devices
Alpha step:
Trim:
Frame:
A:
Mod:
Dom:
f(x)
?
Stop
Loading...