Simple "Paper.js" pattern generator Try It!
After working on a project which required patterns in the style of those created by the Memphis Group, I thougth it would be an interesting challenge to come up with a randomizer for those graphics. I chose "paper.js" and wrote a minimal page with two buttons. One is for a random pattern which you can download as an SVG by clicking the other. Value Sliders might be included when I find some time.
At the moment, this generator does not have any user input options except manipulating the source. Sliders might be implemented in the Future. Until then this is what you can change:
const size = 15;
const red = '#f44e45'; const blue = '#4f4faf'; const yellow = '#f4d65b'; const green = '#afe8b4'; const coral = '#ffe8bb'; const strokecolor = '#000';
const randommin = 30; const randommax = 80; var xspacing = 170; var yspacing = 170;
- Randommin/max defines the lower and upper limits for the randomizer.
- x/yspacing defines the spacing between grid points on each axis.